사실 (Fact) 6주차 강의는 관심사 분리에 대해 학습했다. React에서 Business Logic과 UI를 분리하는 방식인 External Store에 대해서 학습했다. Redux를 직접 만들어 보았다. 컴포넌트에서 비즈니스 로직을 커스텀 훅이 아닌, 외부의 store를 이용하여 도메인별로 분리하게 되었다. usestore-ts를 이용하여 store를 더욱 편리하게 작성했다. 과제를 일찍 잘 제출했다. 느낌 (Feeling) External Store라는 개념에 대해서 학습하며 이렇게 Business Logic을 분리할 수 있다는 관점이 정말 좋았다. 리액트에서 관심사 분리에 대해 더욱 명확하게 개념을 잡을 수 있어서 좋았다. 교훈 (Finding) 관심사 분리, 레이어를 두는 것을 의식하자. In..
사실 (Fact) 강의를 듣는 것과 데브노트를 정리하는 것 둘 다 매우 뒤쳐졌다. 과제는 제출했지만, github actions에서 e2e 테스트를 통과하지 못했다. jest와 rtl을 이용한 유닛 테스트, playwright를 이용한 e2e 테스트를 배웠다. 테스트 코드를 작성하면서 인터페이스를 점검하는 내용에 대해 배울 수 있었다. 리액트 컴포넌트에서 정확히 무엇을 테스트 해야하는지에 대해 인터랙션을 검증한다는 것을 배웠다. 느낌 (Feeling) 개인적인 일이 있어 제대로 학습을 하지 못했는데 사실 변명이라고 생각한다. 무슨 일이 있어도 꼭 지키는게 습관이라고 생각한다. 컴포넌트에서 로직을 커스텀 훅으로 분리하고, 커스텀 훅에대한 테스트 코드를 짜는 방식도 좋을 것 같다. 교훈 (Finding) 아..
사실 (Fact) 강의가 공개된 당일날 강의를 모두 들었다. 몸이 게을러져서 데브노트는 목요일 새벽에 작성하게 되었다. 데브노트 작성과 4주차 과제를 함께 마무리했다. 데브 노트를 깊게 정리한다기엔 부족한 부분이 많아서 노아님께서 알려주신 방식으로 정리하려고 한다. 4주차 강의는 function component의 핵심인 React Hooks에 대한 내용이었다. 먼저 간단히 Express를 이용하여 서버를 세팅했고 2개의 api를 작성하고 cors 설정을 진행했다. Fetch API를 이용하여 서버로부터 필요한 데이터를 받아오고, 주문을 할 수 있었다.(실제 기능은 없지만) React로 앱을 작성하면서 항상 사용하게 될 Hook들을 어떻게 사용하는지 알 수 있었다. 또한 Custom Hook을 작성하여 ..
책을 읽을 때는 왜 읽어야 하는지, 무엇을 알고 싶은지를 미리 생각하고 읽어야 더욱 재밌고 효율적으로 읽을 수 있다고 생각합니다. 따라서 이 2가지에 해당하는 내용으로 먼저 시작해보면 좋을 것 같습니다. 이 도서는 원래 MIT에서 강의하던 SICP라는 강의의 내용을 담고 있습니다. 일반적으로 마법사책이라고 많이 불립니다. SICP는 번역하면 컴퓨터 프로그램의 구조와 해석으로 볼 수 있고 실제로 그렇게 번역되었던 책도 있습니다. MIT에서 SICP는 6.001이라는 수업에 있었습니다. 하지만 이제는 MIT에서 SICP를 가르치고 있지 않는데 SICP 커리큘럼이 더이상 현대적인 엔지니어가 되도록 준비시키지 못한다고 합니다. 8~90년대에는 간단하고 잘 이해할 수 있는 것들을 조립을 해서 프로그램을 만드는데 ..
사실 (Fact) Docker에 개념에 대해 라이브 강의 시간에 학습하였습니다. 레이어라는 개념이 있다는 것을 알게 되었고, 따라서 Dockerfile을 어떻게 작성하냐에 따라 최적화를 할 수 있다는 것도 배우게 되었습니다. 그래도 조금씩 친숙해지고 있다는 것이 좋은 방향으로 나아가고 있는 것 같습니다. 느낌 (Feeling) 개인적으로는 많은 학습을 하지 못했습니다. 강의 시간에 준비해 주신 내용들을 학습했지만 따로 시간을 투자하지 못해 아쉬웠습니다. 교훈 (Finding) 직접 프로젝트에 Docker를 도입하자. 조금씩이라도 꾸준히 해나가는 게 중요하다.
사실 (Fact) 이번 주 수업은 현석님께서 진행해 주셨습니다. React, 미션, 프론트엔드 테스트, 스토리북에 관련된 내용들이었습니다. 수업시간에 회사에서 야근을 하느라 제대로 듣지 못해 녹화본을 보면서 정리하려고 합니다. 리액트 페이먼츠 미션을 시작했습니다. 리액트로 본격적으로 코드를 작성하게 되어 재밌었습니다. 생각보다 고민되는 부분이 많았지만, 리뷰어분과 의견을 주고받으며 리팩터링 하는 과정에서 정말 많이 배웠습니다. 그리고 앞으로 배울 것 또한 정말 많이 남아 있습니다. 느낌 (Feeling) 리액트로 작성한 코드를 리뷰받는 것이 정말 좋았습니다. 평소에 했던 고민들, 어려웠던 점을 리뷰어분과 나누며 해결해 나가는 과정이 좋았습니다. 리뷰를 받으면서 느낀 점은 클린 코드를 작성하기 위해서는 정..
사실 (Fact) 강의가 공개된 당일날 강의를 모두 들었다. 컴포넌트를 분리하는 것과 state를 사용하는 것이 이번주의 핵심이었다. Thinking in React는 기존 공식문서, beta 공식문서 모두 읽어봤던 내용인데 처음 봤을 때도 정말 인상 깊게 봤었다. 리액트를 처음 공부하면 가장 어렵게 느끼는 것중에 하나가 '컴포넌트를 어떤 기준으로 분리해야 하는가?'라고 생각하는데 그 부분에 대한 답을 찾아가기 좋은 것 같다. 물론 어느 정도 감이 오는 것이지 명확하게 기준을 잡으려면 많은 훈련이 수반되어야 할 것 같다. 가장 많이 배웠던 건 아샬님의 Thinking in React 방식이었다. 컴포넌트를 나누는 과정, state를 관리하는 위치, 이 과정에서 사용되는 로직들을 모듈로 분리. 사고방식을 ..
사실 (Fact) TDD, 클린 코드 with JavaScript 과정과 동일하게 첫 수업은 OT로 시작했습니다. 메이커준님께서 진행해주셨고 간단하게 체크인후에 각자가 과정에 임하는 목표에 대해 작성하여 열의를 불태웠습니다. 이 과정의 목표, 진행 방식또한 친절하게 설명해주셔서 앞으로 8주간의 그림을 그릴 수 있었습니다. 1주차의 미션은 리액트로 계산기를 구현하는 미션이었고 React를 체험하며 기본적인 개념들을 학습하는 온보딩의 목적이었습니다. JS 과정에서 한번 해봤던 계산기 미션이었지만, 리액트로 구현하려니 또 새로웠고 나름 시간을 많이 써서 미션을 완료하게 되었습니다. 리뷰를 받고 나서는 제가 평소에 놓치고 있었던 부분을 확실히 알 수 있었습니다. 리뷰받은 내용을 반영하고, PR이 Merge됨으로..
