원티드 프리온보딩 챌린지 사전과제

https://github.com/hasangwon/wanted-pre-onboarding-challenge-fe-1

원티드 무슨 챌린지 1차 사전과제를 했다

그냥 React로 하면 별 의미 없을 것 같아서 Nextjs랑 typescript, tailwind 싹 다 갖다 써봤다

다 이번에 처음 배운거라 이상한 부분에서 많이 버벅였다

 

Nextjs에서는 localStorage 에러나는 부분에서 한참 애먹은 것 같다.

심지어 해결도 못했다. 이건 Nextjs의 SSR 그 부분에 대한 이해를 좀 더 쌓고 다시 트라이 해야 할  것 같다. 젠장

-> useEffect에서 localStorage를 불러서 저장하고 저장한 State에 따라 화면을 렌더링해서 해결함 ㅋ easy

 

tailwind는 쓰면 쓸수록 편해진다. 코드가 더럽긴 무슨 당장 수정되는게 매우 좋은 점이다

앞으로 계속 쓰고싶다 같이 가자 테일윈드 !

 

타입스크립트도 모르는 부분은 다 any 넣어버렸따

물론 interface도 열심히 쓰고 그랬는데, 그 이벤트 타입을 뭐라고 해야할지 모르겠고,

setState도 뭐라할지 모르겠어서 any.

다음엔 더 잘하지 않을까 ?

 

그리고 리스트랑 상세페이지 부분이 한번에 나오는데

그래가지고 index에서 둘 다 자식 컴포넌트로 뿌려줬다

근데 이건 진짜 코드가 지저분하게 써졌다

리스트의 자식 컴포넌트로 상세를 줬어야했을 것 같다

어차피 둘 다 계속 떠있는데,,,

 

하여튼 하루 동안 이 과제를 해가지고 배가 고프다

예전에 면접관이 이런 게시판 만드는데 며칠 걸리냐고 물어본 적이 있는데,

그땐 이런 게시판을 한 번도 안 만들어봐서 한 달 걸린다고 한 적이 있다.

부끄러운 과거는 잊고 열심히 살아가자 

lets go 하상원