✅ Facts(사실, 객관)

1. 개발 환경 구축

Node.js 개념 학습 및 설치
NPM 개념 학습 및 프로젝트 만들기
Webpack Dev Server 개념학습 및 설치, 실행 방법 학습
ESLint 개념학습 및 설치, 설정 방법 학습

2. 웹 개발

DOM 개념 및 조작 방법 학습
JS 문법 학습(forEach, map, filter, Rest parameters, Spread syntax)

3. JSX

Babel 개념 및 설치, 설정 방법 학습
Webpack config 설정 방법 학습
JSX 개념 학습
JS 문법 학습(구조분해 할당, Object관련 함수, 연산자 활용법)

🙋‍♂️ Feelings(느낌, 주관)

개념 학습하면서 당연하게 알고 있던 것이 아님을 알게 되는 시간이었다. 특히 과제를 진행하면서 얼마나 부족한지 강하게 깨닫게 되었다.

사실 코드숨을 신청한 계기도 내가 개발을 잘 하고 있는 걸까?, 다른 사람들은 어떻게 개발을 하고 있지? 생각에서 신청을 했는데, 정말 잘 신청한 것 같다.👍

특히,코드리뷰를 받으면서 내가 놓치고 있는 부분을 알게 되어 자연스럽게 스스로 생각하는 시간을 평소보다 많이 가지게 되어 너무 좋았다.

또한 함께 코드숨 참여하는 사람들은 어떻게 질문을 하고 커밋은 어떻게 작성하며, 어떤 식으로 코드를 작성하는 지도 볼 수 있어서 많이 공부가 된다.

😋 Findings(배운점)

불변성에 대해 생각해보는 시간을 가지게 되었다. 특히 협업을 할 때, 프로그래머의 실수를 최대한 지양하기 위해, 불변성을 꼭 생각해야 한다는 것도 알게 되었다.
함수의 매개변수를 명확하게 드러내기 위해 구조 분해 할당을 사용한다는 사실도 알게 되었다.
getElementById, querySelector의 차이점을 알게 되었다.
핸들러 함수 네이밍을 할 때, handleClick을 붙여서 사용한다는 사실도 알게 되었다.
if ~ else을 실무에서는 잘 사용하지 않다는 사실을 알게 되었다.
switch문을 실무에서 사용을 지양한다는 사실과, switch문 대신에 Lookup Table을 사용하거나 JS의 find, filter 등으로 대체해서 사용한다는 것도 알게 되었다.

👨‍💻 Affirmation(자기 선언)

과제를 진행할 때, 계획과 전략을 세워서 하나씩 개발해 나아가는 습관을 들이자.
과제를 다 완료하지 못하더라도, 매일 조금씩이라도 PR을 해서 코드 리뷰를 받자.
정신, 몸 관리를 잘해서 좋은 컨디션으로 과제랑 학습을 하자.

참고

- 코드숨 React 7기 화이팅!!!
- 불변성 : https://evan-moon.github.io/2020/01/05/what-is-immutable/
- getElementById와 querySelector, 어느 것을 사용할까? : https://bobbohee.github.io/2021-02-12/getelementbyid-versus-queryselector
- 핸들러 함수 네이밍 : https://blog.sonim1.com/220
- https://www.refactoring.com/catalog/replaceNestedConditionalWithGuardClauses.html
- https://intrepidgeeks.com/tutorial/js--lookup-table-computed-property-name

1. 개발 환경 구축
2. 웹 개발
3. JSX
참고