9일 차인 오늘은 React 관련된 학습이 마무리되었다. 다음은 Next.js이다. 📚 학습한 내용- ⭐️ Express 사용해 CRUD API 구축- Fetch API - Axios- useEffect- zustand + API를 사용한 TodoList- React Router Dom Express를 사용해 간단한 서버를 만드는 방법을 배운 적이 있다. 그 당시에는 HTTP Method  Get, Post 방식만 사용해 봤는데 오늘 학습을 통해 Patch와 Delete도 사용해 볼 수 있었다. API와 관련해서 알아야 하는 네트워크와 관련된 개념들 강사님이 알려주셨는데 추후에 꼭 개념을 정리해야 한다. 면접에서도 나올 수도 있지만, 네트워크 지식이 아직 부족하다.🥲  서버를 만들고 API를 테스트하..

8일 차인 오늘은 useReducer와 Memoization을 활용한 React.memo, useCallback를 사용해 TodoList 적용해 보는 실습을 진행했다. useState → useReducer 변경해서 컴포넌트 외부에서 상태변화 함수를 정의해 상태를 관리하는 방법을 학습했다.  📚 학습한 내용- 과제 Todolist 기능 리뷰- Todolist 최적화- useReducer- Context API- Express 이용한 sever 실습 Props Drilling의 해결하는 방법 중 하나인 Context API를 활용해 전역적으로 상태를 공유할 수 있는 방법 또한 학습할 수 있었다. Context API는 useReducer와 함께 사용해야 더 유용하다. Context API는 Props D..

7일 차인 오늘은 배운 내용을 토대로 Tailwind CSS를 활용해 UI 퍼블리싱과 TodoList 실습을 진행했다. Tailwind CSS는 4px을 기준으로 유틸리티 클래스 적용할 수 있다는 점을 UI 퍼블리싱 진행을 통해 추가로 알게 되었고, Checkbox 커스텀시 Label 태그를 이용한 방식을 학습할 수 있었다. 📚 학습한 내용- Tailwind CSS 활용한 로그인/회원가입 UI 퍼블리싱 - 컴포넌트의 리렌더링 조건 - useState의 setState 콜백함수 - ⭐️ Memoization- TodoList UI 퍼블리싱 및 기능 구현 React Hook인 useState의 상태 변화 함수 setState 매개변수로 콜백함수를 사용하는 이유는 컴포넌트가 화면을 업데이트 하는 방식이 st..

5일 차인 오늘은 타입스크립트와 리액트를 학습했다. 타입스크립트는 기본적인 문법 개념을 알고 있었지만, 제네릭 함수와 유틸리티 개념은 처음 접해서 꼭 복습이 필요하다고 생각했다. 타입스크립트는 자바스크립트 언어의 타입을 추가한 확장된 언어이다. 타입을 정의하기 위한 문법들을 제공한다. 확정성 있는 타입 정의를 위해서 유틸리티와 관련된 개념들을 잘 숙지해야겠다. vscode를 사용하면 타입스크립트의 사용하기 위한 힌트들이 제공된다. 오늘 강사님이 알려주신 꿀팁이다! 잘 활용하면 타입을 지정하는데 도움이 될 것으로 판단된다.   프론트엔드 개발자가 되기 위해선 필수적으로 알아야 하는 React를 본격적으로 학습했다. React 접했을 땐 vite로 개발환경을 세팅해서 create-react-app로 개발환경..

4일 차인 오늘은 자바스크립트 관련한 학습이 마무리되었다. 내일부터는 타입스크립트에 대해 학습한다. 오전에는 DOM 조작해보는 실습 위주로 진행하다 보니, 시간이 정말 빠르게 갔다. 어렵지는 않아서 여유로웠으나, JQuery 위주로 써왔던 나로서 순수 자바스크립트로 오랜만에 DOM 조작해 보았다. 오후에는 자바스크립트 심화 개념인 콜백함수, Promise, async/await 대해 학습했다. 역시나... 어려워했던 개념이라서 집중해서 강의를 들으려고 노력했다.🔥 과제는 표준 내장 객체 메서드를 활용해서 구현하는 문제들로 최대한 다양한 내장 객체 메서드를 사용해서 풀이했다. 약간 내장 객체 메서드를 활용한 코딩 테스트 문제였다. 과제를 강사님의 개인 슬랙으로 제출하는데, 수강생 모두의 코드를 보시고 짧..

3일 차인 오늘은 자바스크립트의 심화 개념들을 위주로 학습했다. 생성자함수, 프로토타입, class 개념은 내가 제일 어려워했던 개념들이다. 객체와 관련된 개념들이고, 자바스크립트로 객체지향 프로그래밍을 하기 위한 개념들이다. 📚 학습한 내용- ⭐️ 생성자함수- ⭐️ 프로토타입- ⭐️ class- 표준 내장 객체 - ⭐️ 클로저- DOM 오늘 강의에서 가장 흥미로웠던 개념은 Wrapper Object였다. 여태 배우면서 한 번도 생각해보지 못한 개념이었는데, 아래 코드를 실행하면 결과값은 5가 나온다. length 속성은 길이를 구할 때 사용한다. 그런데 여기 이상한 점은. length는 객체의 프로퍼티 접근하는 방식인데, str은 문자열인 원시 타입이며 객체는 아니다. const str = 'hell..