[TIL] 원티드 프리온보딩_1일차_220503

• 검색이 잘 되는 사람이 되자! 실력도 중요하지만 자신을 어필할 수 있는 사람이 더 좋은 개발자가 되는 지름길!
• 이력서는 수시로 업데이트 하는 것은 필수며, 링크드인과 같이 나를 나타내는 것을 부지런히 하는 습관을 가지자!

TIL (Today I Learn)_220503

📌 5주동안 프리온보딩 코스를 진행하며 오늘 하루 배운 것들을 정리해보자.

• 검색을 할 때는 한글이 아닌 영어로 검색하는 것이 더 많은 정보를 얻을 수 있다.
• Event Handler는 내부에 작성하는 것이 아니라 따로 작성하는 것이 올바르다

  📍 내부에 작성하게 된다면 계속 랜더링이 되며, map메소드를 통해 나타내고 있는 요소들이 100개 이상이 된다고 했을 때 더 큰 문제를 나타낼 수 있다.

• 함수명은 꼭 해당 이벤트를 나타낼 수 있는 즉, 가독성이 좋은 함수명으로 나타내는 것이 좋다.
• key값은 index로 넣어주는 것을 지향하지 않으며 index를 포함하여 나타내고 싶다면 test-${index} 와 같이 가공해서 넣어주는 것이 좋다.

  📍 index값은 바뀔 수 있는 값이기 때문!

• 코드를 작성할 때는 2칸의 들여쓰기 방식을 가장 선호하며, 가독성이 좋은 코드를 나타낸다.
• 정규식 표현은 w3c 공식 홈페이지에 나오는 것을 사용하는 것이 가장 좋다.
• e.target이 아닌 e.currentTarget을 사용해야 한다.

  📍 e.target을 하게되면 자식요소까지 선택이 되며 e.currentTarget은 부착된 부모만 선택하게 한다.

• setState는 preState를 이용하는 것을 지향한다.
• 개발자 도구 f12 는 수시로 들여다 볼 것!
• style을 모듈화 하여 사용하는 것을 지향한다. => 해볼 것!!

VSCode의 확장 기능

• ESLint
• Prettier
• Stylelint
• TODO highlight

과제

📌 개인과제

• 프리온보딩 과제로 작성했던 것들 멘토님 git clone후 다시 리팩토링 해기

📌 팀 과제

• https://dribbble.com/shots/14100356-ToDo-App-UI
  참고하여 TodoList App만들어보기
• 어떤 기능을 추가할 지 기획 후 팀플 과제 진행하기
• 깃허브에 새로운 레포 생성하여 협업 해보기

내가 생각한 추가적인 기능
1. 카테고리 기능을 추가하여 상단에 나타낸다
2. 투두 리스트에서 해당 할 일을 선택한 것이 몇 개인지 체크 한 후 상단에 각 카테고리에 맞게 정렬하여 퍼센트로 나타낸다.
3. 해당 할 일을 선택하였을 때 줄을 긋는 css style을 추가한다.
4. 투두 리스트를 localstorage에 저장하여 나타낸다.
5. 하루가 지나면 localstorage에 나타낸 항목들을 다시 리셋한다.
6. 하단 추가 버튼을 클릭했을 시 할 일을 추가하도록 한다.

마무리..

오늘 첫 수업을 마무리하며 내게 좋지 않았던 습관이 있다는 것을 알게되었고 실무적으로 많이 사용하고 있는 내용들, 좋은 습관 들이는 법 등 멘토님께서 설명해주시는 것들이 많은 도움이 되었고 너무나도 감사했다. 첫 날이라 아직은 설레며 더 열심히 공부해야겠다 라는 생각을 하게됐다!! 완주까지 이 마음이 변치 않길!!! 아자🤩