원티드 프리온보딩 프론트엔드 과제를 진행하며

이전 정글 마지막 프로젝트에서는 시간이 촉박했고, 프로젝트를 해보는 것도 거의 처음이었고 React도 처음이었어서 구현하기에만 급급했었다. 그래서 이번 원티드 과제에서 설계 구조나 컨벤션 등 신경을 써보려고 나름 노력했다. 하지만 끝내고 나서 보니 아직 부족한 것이 너무 많다. 잘하는 사람들은 어떻게 설계하고 코드를 짜는지, 좋은 코드를 볼 필요가 있다고 느꼈다. 진득한 강의도 보고 다른 사람들, 혹은 잘 짜여진 프로젝트를 참고해봐야겠다.

onKeyUp 대신 onKeyPress

그리고 생각보다 시간이 오래 걸렸다. 요구사항도 모두 만족시켜야하고, 욕심이 좀 생기다 보니 신경 써야할 부분이 추가적으로 몇 개 생겼었다. 그리고 중간에 비교적 좀 오래 추적한 에러가 있는데, 한글로 새로운 투두 리스트 목록을 생성시키면 1개가 아니라 2개가 생성되었다. 생성시킬 때 onKeyUp 어트리뷰트를 사용해 keyCode가 13이면, 즉 엔터키를 누르면 생성되도록 했는데, 자바스크립트에서는 onKeyUp이 발생될 때 한글이 입력되어있으면 event가 2번 발생한다고 한다... 그래서 생긴 오류였다. 그래서 단순하게 onKeyPress로 바꾸면서 에러를 해결할 수 있었다.

정말 간절하게 내 코드가 어떤지 리뷰를 한 번 꼭 받아보고 싶다. 어디가 잘못되었는지, 어느 부분은 잘하고 있는지 너무 알고 싶다... 꼭 과제 해설도 듣고 내 코드에 대한 평가도 받아보고 싶다!!!

• 원티드 프리온보딩 프론트엔드 과제 Github