📅 24.03.04 ~ 24.03.10 관심사의 분리에 따라 External Store를 사용해 상태관리 할 수 있는 방법에 대해 학습했고, 상태관리 도구인 Redux 따라 하기 실습을 통해 Redux의 동작원리를 이해하는 주차였다. 👩🏻‍💻 나는 이번주에 무엇을 배웠는가? React 공부를 시작한지 얼마 되지 않았고 작은 미니 프로젝트만 해보았기에 상태관리에 대해 잘 알지는 못했다. 상태관리 도구에 대해서는 들어봤지만 정확한 개념에 대해서 알고 있지 않았다. 처음 접하기에 강의를 들어도 개념이 쉽게 파악이 쉽지 않았다. 상태관리에 대해 학습하기 전 관심사 분리 라는 학습 키워드를 먼저 공부해야 했다. 강의를 듣다 보면 종종 듣게 되는 단어였고 궁금했던 차에 학습하게 되었다. 하나의 함수가 여러개의 관심..

📅 24.02.26 ~ 24.03.03 TDD, E2E 개념을 학습하고 테스트 도구 Jest, React Testing Library, CodeceptJS 사용법을 익혔다. 4주차 과제를 복습하고 테스트 코드를 작성하는데 TDD 사이클에 맞게 구현하는 과제를 실습하는 주차였다. 📚 학습을 통해 배운 것들 1️⃣ TDD 테스트에 대해 경험해보지 못해서 이번 주차는 두려움이 가득했다. 어렵다고 들었는데... 역시나 강의를 들어보니 어려웠다. TDD 사이클에 맞게 구현한다는 게 너무나 어려웠다. 테스트 코드를 작성하기 위해선 먼저 테스트 도구들도 익혀야 했는데.. 설치도 해야하고 사용법도 익혀야 하니 어떻게 공부를 해야 할지 막막하고 너무나 어려웠다. 그래서 강의의 실습 예제를 여러 번 따라 하면서 익숙해지려..

📅 24.02.19 ~ 24.02.25 Express 학습을 통해 간단한 서버를 만들었고, React Hooks, Custom Hooks에 대해 학습했고, 서버에서 데이터를 요청하고 응답받는 로직을 구현하는 과제를 실습한 주차였다. 📚 학습을 통해 배운 것들 1️⃣ Express Thinking in React 실습의 Mockup 데이터를 Express 통해 간단한 서버 구축과 Fetch API 활용해 클라이언트에서 데이터를 응답받아 UI 구현하는 실습을 진행했다. 4주차 과제는 GET/POST 메서드를 사용해서 스펙에 맞게 REST API 서버를 구현해야 했는데 GET 메서드를 사용하는 방법은 간단했지만, POST 메서드를 사용해서 요청을 주고 응답받는 과정은 구현하기 생각보다 쉽지 않았다. 어려웠지만..

📅 24.02.12 ~ 24.02.18 이번주는 React 공식 문서에 소개된 Thinking in React 예제를 통해 코드 실습하면서 Component, Props, State에 대해 공부하는 주차였다. TypeScript 사용해서 코드를 작성했고, 익숙하지 않아 강의 여러 번 들어야 했다. 📚 학습을 통해 무엇을 배웠는가? 1️⃣ TypeScript 코드 실습을 통해 TypeScript 사용해 보았다. 대략 사용법만 숙지한 상태여서 그런지 코드를 이해하는 부분에 있어서 어색했고 헤매는 부분들이 많아 강의를 여러 번 들어야 했다. 기초 문법 공부가 필요하다고 느꼈다. React도 아직 익숙지 않은데, Type까지 지정해서 코드를 작성하려고 하니, 어렵게 느껴졌다. 과제를 하면서 타입을 지정하고 파일..

📅 24.01.29 ~ 24.02.04 이번주는 JSX에 대해 강의를 듣고 Gitbook을 작성하고, 과제를 통해 CI 테스트를 로컬 환경에서 확인해 보았다. 들어야 하는 강의의 개수는 많지 않았지만, 깊이감 있는 공부가 필요한 주차였다. 📚 학습을 통해 배운 것들 1️⃣ JSX React 를 배우면서 접했던 JSX는 JavaScript에 XML을 추가한 확장된 문법이다. JSX의 대한 정확한 정의를 내리지 못했었는데, 이번 강의를 통해 정확히 JSX에 대해 정의 내릴 수 있었다. 과제를 통해 JSX 사용하지 않고 React.createElement 함수를 통해 구현해 보니 React가 왜 UI의 개발을 위한 JavaScript 라이브러리 인지 실감 할 수 있었다. DOM과 Virtual DOM의 비교를..