사실 (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을 작성하여 ..
사실 (Fact) 강의가 공개된 당일날 강의를 모두 들었다. 컴포넌트를 분리하는 것과 state를 사용하는 것이 이번주의 핵심이었다. Thinking in React는 기존 공식문서, beta 공식문서 모두 읽어봤던 내용인데 처음 봤을 때도 정말 인상 깊게 봤었다. 리액트를 처음 공부하면 가장 어렵게 느끼는 것중에 하나가 '컴포넌트를 어떤 기준으로 분리해야 하는가?'라고 생각하는데 그 부분에 대한 답을 찾아가기 좋은 것 같다. 물론 어느 정도 감이 오는 것이지 명확하게 기준을 잡으려면 많은 훈련이 수반되어야 할 것 같다. 가장 많이 배웠던 건 아샬님의 Thinking in React 방식이었다. 컴포넌트를 나누는 과정, state를 관리하는 위치, 이 과정에서 사용되는 로직들을 모듈로 분리. 사고방식을 ..
사실 (Fact) 강의가 공개된 당일날 강의를 모두 들었다. JSX 없이 리액트 코드를 작성하는 법을 배웠다. Babel을 이용하여 JSX가 어떻게 React.createElement 구문으로 바뀌는지 확인하였다. 실제로 React.createElement로 리액트 앱을 작성해본적이 없었는데, 과제를 통해서 작성해보고 JSX의 소중함을 알게 되었다. 정말 간단한 구문임에도 불구하고 JSX를 사용하지 않고 작성하려니 생산성과 가독성이 많이 떨어지는 것을 느꼈다. 리액트에서 VDOM을 어떤 방식으로 사용하고 있는지 알 수 있었다. 리액트 최적화 기법에 대해서는 많이 공부하지 못했다. 꼭 메모이제이션에 관련된 방식이 아니어도 컴포넌트를 분리하는 것 만으로도 최적화를 할 수 있다는 것을 배웠고 실제 개발을 하면..
사실 (Fact) 디스코드 커뮤니티, Github에 초대되고 본격적으로 프론트엔드 생존코스를 시작했다. 1주 차 교재 및 강의를 전달받았고 학습하였다. Gitbook으로 강의 내용을 정리하였다. 1주 차 과제를 전달받았고 해결 후에 제출하였다. 계속 써먹는 환경 설정을 만들었다. 느낌 (Feeling) 사실 메가테라는 다르다는 것을 느꼈기 때문에, 상담도 전에 생존코스를 신청했었다. 그리고 1주차를 보내면서 내 생각이 맞았다는 것을 확인할 수 있었다. 생각, 가치관, 방향성들이 모두 내가 바라고 있는 방향이었다. 입에 발린말이 아닌 현실적이고 냉철한 말이 더욱 자극이 되었다. 그래서 앞으로의 시간들이 더욱 기대가 된다. 교훈 (Finding) 패러프레이징, 지식을 나의 어휘와 문장으로 표현하는 게 핵심이..
