분류 전체보기

1. 컴파일러 옵션이란? 타입스크립트의 컴파일은 코드에 타입 오류가 있는지 없는지 검사한 뒤 자바스크립트로 변환한다. 이 과정에서 얼마나 엄격한 타입 오류를 검사할 건지 또는 컴파일 결과 생성되는 자바스크립트 코드의 버전은 어떻게 할 것인지 등의 세부적인 사항들을 컴파일러 옵션이라고 한다. 컴파일러 옵션은 개발자 자신의 스타일에 따라 자유롭게 변경할 수 있다. 즉, 내가 진행하는 프로젝트 특성에 맞게 맞춤 설정을 할 수 있다. 2. 컴파일러 옵션 자동 생성하기 vite, cra 등을 사용하면 자동으로 설치된다. 만약 그렇지 않다면 아래 명령어를 통해 기본 설정이 완료된 tsconfig.json 파일을 생성할 수 있다. tsc --init 3. 컴파일러 옵션 직접 설정하기 { // 여기 입력된 값들은 모두..

1. 타입스크립트란? 타입스크립트는 기존의 자바스크립트를 더 안전하게 사용할 수 있도록 타입 관련된 기능들을 추가한 언어이다. 쉽게 말해 자바스크립트의 확장판이라고 할 수 있다. 이처럼 타입스크립트는 자바스크립트 코드에서 타입을 정의하는 문법만 추가하면 된다. 즉, 기존 자바스크립트 문법은 그대로 쓰고 거기에 타입 문법만 추가해주는 것이다. 💡 타입스크립트는 왜 나오게 된걸까? 기존 웹 브라우저에서만 동작하던 자바스크립트가 Node.js가 등장한 이후 다양한 프로그램에서 사용할 수 있게 되었고 장점인 유연성이 오히려 버그를 많이 일으키는 단점이 되면서 조금 더 엄격한 문법이 필요해지기 시작했다. 즉, 타입스크립트는 복잡하고 규모가 큰 프로그램을 만들 때 자바스크립트를 더 안정적으로 사용할 수 있도록 하기..

💡 시작하며 처음 기자단을 시작하며 작성했던 글이 2개월 차 회고였는데요. 벌써 3개월 차 회고를 작성할 때가 되었네요! 시간이 어떻게 흐르는지도 모르게 지나가는 것 같습니다. 2개월 차에는 자바스크립트를 위주로 진행되었는데요. 자바스크립트 실시간강의와 첫 번째 개인 프로젝트가 끝나고 3개월 차에는 리액트 온라인 강의와 실시간 강의가 진행되었고 첫 번째 팀 프로젝트를 진행했습니다. 💻 온라인 강의 온라인 강의는 리액트와 타입스크립트를 진행했습니다. 리액트 강의는 다른 강사분이셨고 타입스크립트 강의는 자바스크립트 강의를 진행하셨던 박영웅 강사님이였습니다. 자바스크립트와 비슷하게 타입스크립트의 기본 문법을 수강한 뒤 자바스크립트 강의를 진행하면서 만들었던 무비사이트를 타입스크립트로 변경해보는 강의를 진행했습..

📍 그동안은 거의 개인 프로젝트 위주로 하다보니 깃허브 또한 쉽게쉽게 할 수 있었다. 커밋하고 푸쉬하고.. 그런데 처음으로 팀 프로젝트를 진행하면서 팀 레파지토리, 개인 레파지토리 둘 다 관리하려고 하다보니 하루종일 많이 헤맸다. 결국에는 내가 기존에 하던 것과 다르지 않지만 다음에는 헤매지 않기 위해 정리해두려고 한다. ✍🏼 fork로 repository 가져오기 1. 팀 repository를 내 repository로 fork 해온다. 2. create a new fork를 클릭한다. 3. repository 이름을 설정해주고 create fork를 클릭한다. ✍🏼 내 로컬 컴퓨터로 clone 하기 클론(Clone)이란? 깃허브 Repository에 있는 파일을 내 로컬 컴퓨터로 복사해오는 작업 1. ..

💡 시작하며 부트캠프를 시작하면서 꾸준히 하는 활동 중 하나가 '그룹스터디' 입니다. 일단 부트캠프 내에서 매주 그룹스터디를 진행하고 있습니다. 각 조원들의 공통된 주제를 정해 그 주제를 토대로 활동을 하기도 하고 주차별 미션을 통해 다양한 활동을 하기도 합니다. 또한 각 그룹스터디 조마다 멘토님이 계셔서 매주 멘토링을 진행하고도 있습니다. 또 따로 자바스크립트 스터디를 진행하기도 했었는데요. 확실히 조원들과의 커뮤니케이션을 통해 스터디를 진행하니 개발자로서의 역량이 더 높아지는 것 같다는 생각을 했습니다.👍 🙋🏼‍♀️ 그룹스터디 일단 저희 그룹스터디의 주제는 자바스크립트 강의로 기초다지기 였습니다. 매주 정해진 범위의 온라인 강의를 듣고 해당 온라인 강의 내용을 토대로 서로 2개 이상의 문제를 노션에 ..

💡리덕스 미들웨어는 보통 모니터링, 비동기 처리 용도로 사용된다. 1. Redux Middleware란? 액션이 스토어로 dispatch 된 후 리듀서에 도달하기 전과 상태변경이 완료된 후 수행할 중앙집중화된 작업을 지정할 수 있는 함수이다. 단일 스토어로 내부에 등록해서 모든 액션이 스토어를 거쳐가게 한다. 상태 또한 스토어에 저장된다. 1.1 Middleware 전달 과정 1. dispatch(action) 전달한다. 2. 첫번째 미들웨어를 거쳐 어떤 작업을 한다. 3. next(action)을 해주고 다음 미들웨어로 넘어간다. 4. 두번째 미들웨어를 거쳐 어떤 작업을 한다. 5. 이런식으로 지정한 미들웨어수를 다 거쳐 끝나면 리듀서로 넘어간다. 6. 상태가 변경되고 다시 역순으로 미들웨어를 다시 거..