본문 바로가기

전체 글148

Angular와 React의 차이점 🤩 Angular와 React의 차이점 ❓ 🌱 Angular란 타입스크립트 기반 오픈소스 프레임 워크이며, 구글 앵귤러 팀이 만들었습니다. 양방향 바인딩이 지원되며 RxJs(Reactive Extensions For JavaScript)로 스트림을 통한 비동기 처리 방식을 지원합니다. 라우팅, 상태관리, 폼 유효성 등 필요한 도구를 모아 놓은 올인원 프레임워크입니다. 리액트보다 배울 것이 많고, 어려운 편으로 러닝커브가 큽니다. 가볍고 빠른 작업을 해야되는 프로젝트보다 큰 프로젝트에 사용하기 적합합니다. 허나 지금은 지원이 중단된 상태입니다. 🌱 리액트는 자바스크립트 라이브러리로 페이스북에서 처음 만들어졌습니다. 버츄얼 돔을 지원하고, 단방향 바인딩이 지원됩니다. SPA방식으로 진행한다면 검색엔진 노출에.. 2022. 6. 7.
타입스크립트란 ? 🫠 타입스크립트란 ❓ 🌱 자바스크립트에 정적 타입을 부여한 언어입니다. 타입스크립트는 자료형을 명시하는 방식을 지원하고 일반 자바스크립트로 컴파일 됩니다. 대규모의 리펙토링을 할 때 유지보수를 용이하게 할 수 있게 도와주며 자바스크립트를 사용할 때보다 에러는 적어집니다. 자료형이 있는 자바스크립트의 상위 집합이라고 볼 수 있습니다. 🫠 상위집합 그게 뭐지 ? 타입스크립트 파일에 일반 자바스크립트를 작성해도 되며 오류가 발생하지 않음을 의미합니다. 🫠 타입스크립트 동작 과정❓ 1. 개발자가 타입스크립트로 작성합니다. 2. 작성한 타입스크립트 코드는 타입스크립트 컴파일러를 통해 파싱하여 타입스크립트 AST코드로 변환됩니다. 3. 타입검사기를 통하여 파싱된 타입스크립트 AST코드의 타입을 체크합니다. 4. 타.. 2022. 6. 7.
[항해99 92일차] 2022.06.06 TIL (지원주차 시작 ~!) 기나긴 여정도 아니지만, 공부하는데 오랜 시간을 보냈었던 3개월을 끝마침 하는 주차가 다가왔다. 바로 지원주차다 !! 지난주 토요일 6월4일에 결혼식이 있던 탓에 ㅠㅠ TIL을 3일 (?)동안 제대로 적지 못하였다. ㅠㅠ 이제 다시 시작이닷 !! 오늘은 내가 5주동안 했던 프로젝트를 정리해보겠다 ..!! 🤷‍♀️ 오싹? 어떤 서비스인가요? 🌱 오싹은 오피스와 공유 오피스를 지도에서 한눈에 모아볼 수 있는 정보제공 플랫폼입니다. 🤷‍♀️ 오싹에서 어떤 역할을 맡으셨나요? 🌱 부리더였습니다. 메인 지도 기능 , 필터 , 무한스크롤 , 전반적인 뷰작업(메인, 지도, 검색리스트, 시작, 마이페이지) , 프로필 수정 ,좋아요 기능, 회원 탈퇴, CI/CD구축, 카카오 로그인, https 배포를 맡았습니다. 🌱 오.. 2022. 6. 6.
[항해99 88일차] 2022.06.02 TIL (자바스크립트 개념 공부 2) 🎈모던 스크립트 0장 자바스크립트 기초🎈 07 ) 함수 함수는 온갖 계산과 작업을 수행하는 데 쓰이는 매우 중요한 도구이다. function greet(name){ console.log("hello" + name); }; greet("ryurim") // hello ryurim 해당 함수 첫 행의 괄호 안의 변수는 매개변수라고 불리며, 중괄호 안의 코드는 명령문이다. 여기에서 중요한 점은 원시 자료형이 함수에 전달될 때는 참조가 아니라 값의 형태로 전달된다는 점이다. 이는 해당 값에 대한 변경 사항이 전역적으로 반영되지 않음을 의미한다. 반면 원시 자료형이 아닌 객체나 배열을 함수에 전달할 때는 참조로 전달된다. (해당 값에 대한 수정 사항이 원래의 객체에 반영된다는 말) 함수 표현식 const gree.. 2022. 6. 2.
[항해99 87일차] 2022.06.01 TIL (자바스크립트 개념 공부) 대략적으로 프로젝트가 마무리 되고, 나 혼자 공부중이다. 프로젝트 유지 보수 하면서 자바스크립트 공부하고 이력서를 작성했다. !! 모던 자바스크립트를 읽고있는 내용을 조금 정리 해보겠다. 꾸준히 공부하는 것이 .. 중요하니까 !! 매일 매일 블로그에 정리해야지!! 🎈모던 스크립트 0장 자바스크립트 기초🎈 01 ) 변수 변수는 값을 담기 위한 공간이다. ES6이전에는 var로 변수를 선언했었지만, var는 문제가 많다. 오늘날에는 let const로 변수를 선언한다. 콘솔창에 const를 재 선언하면 오류가 난다 !! const로 선언한 변수에는 새 값을 할당할 수 없다. 다만, var, let은 변수에 값을 재할당 할 수 있다. var , let , const 모두 다른 소스에서 읽을 수 있는 내용임에도.. 2022. 6. 1.
[항해99 86일차] 2022.05.31 TIL (깃허브 액션 무중단 배포 s3) 오늘은 무중단 배포를 설정했다 ! 처음엔 .. 어려워보였는데 막상 하고나니 별거 없었다.ㅎㅎ 깃허브 액션즈로 들어가서 아래에 보이는 set up a workflow yourself를 클릭해줍니다. (main이나 master브랜치에서 해줘야된다 !! dev브랜치는 안됨 ㅠㅠ) 이렇게 커밋 뉴 파일을 해준다. 그렇다면 main.yml파일이 생긴다 !! 이제 aws s3로 넘어가서 IAM 권한을 설정해줄 차례다 !! IAM > 사용자 > 사용자 추가 > 스텝 1 사용자 세부 정보 설정 사용자 이름은 영어로 AWS 자격 증명 유형 선택은 첫번째 것 선택 후 다음 권한으로 이동 스텝 2 기존 정책 직접 연결 정책 필터 s3검색 후 AmazonS3FullAccess 선택 후 다음 권한으로 이동 스탭 3, 4, 5는.. 2022. 5. 31.

티스토리툴바