학습끝!/원티드 프리온보딩 프론트엔드 인턴십6 4주차이자 마지막 이번에는 댓글 CRUD를 구현하면서 페이지네이션을 구현해야 하는 과제였다. 많이 해봤어서 그닥 어렵다고 느껴지지는 않았지만, 이전의 다른 사람의 코드를 받아서 해야 했기 때문에 기존에 과제를 보고 생각했던 방향과는 다른 방향으로 구현을 했다(내꺼가 선택받지는 못했지만.) 이번에는 구조를 우리가 짜는 것이아니라 짜여져있는걸 받아서 crud를 구현하는 방식이었다. 외람된 말이지만 소스코드를 봤는데 정말 생각지도 못한 형태로 html이 짜여져있어서 벙쩌있었다. ㅎㅎ 이번엔 그닥 내가 코드를 짜면서 생각의 전환이 있다던가 깨달음이있다던가 그랬던 과제는 아니였어서, 인상 깊지는 않다. 이전과 다르게 월요일 저녁~수요일 저녁까지 끝내야했기에 더 맘 급하게 코드를 짰던 것 같다. 하지만 다시 구조부터 다시짜서 dnd.. 2023. 1. 24. 3주차 하단의 추가 구현+ 오류 수정한 개인 레포 링크 3주차 회고 이번 과제는 아래 사이트의 검색 기능을 클론하는 과제였다. clinicaltrialskorea.com 한국임상정보 쉽고 간단하게 국내 모든 임상시험 참여하기. 간암, 대장암, 부인암, 유방암, 위암, 전립선암, 폐암 임상시험을 알아보세요. clinicaltrialskorea.com 크게 분류하면 아래와 같은 task가 주어졌다. 1. 질환명 검색시 API 호출 통해서 검색어 추천 기능 구현 2. API 호출 최적화 (로컬 캐싱) 3. 키보드만으로 추천 검색어들로 이동 가능하도록 구현 우리 조는 best practice를 위해 하루에 한번씩 회의를 진행했는데, 컴포넌트/ 검색시 api 호출 구현을 구현할 때 나도 구현을 했지만 다른 분이 선택이 .. 2023. 1. 16. 2주차-2 중간에 사람들이 탈주를해서 3명끼리하다가 4명으로 마무리됐는데, 분명쉬운건데 왜이리 지치는지(드래그 앤 드랍 제외) 보통의 컨디션이였으면 더 잘했을텐데 신경쓰는 일이 많았고 지치는 일이 많았다. 모달도 많이 구현해봤고 그랬는데.. 남의 코드의 로직을 잘 이해하지 못한 상태에서 이어간다는게 정말 보통일이 아니구만 정말 나를 힘들게 했던 드래그앤 드랍!!! 제대로 구현하지 못했지만, 조금 더 생각해볼 예정이다... 새로 알게된 점. 1.드래그를 하고픈 요소에 draggable이라는 속성을 추가하면 드래그가 된다. 2. 드래그 이벤트가 존재한다. pointerdown 이런거 안써도 된다.. 3.드랍하고픈 위치에서의 closest를 사용하면 안된다. - 클릭 위치가 li가 아니고section일때는 에러가 발생한.. 2023. 1. 7. 2주차-1 26일~1월1일은 프리온보딩자체에서 커리어챌린지 라이브세션만 하고 과제 진행은 하지 않았다 ----- 너무 바빠서 뭐 쓸 시간이 없네.. 이번 세션에는 과제 리뷰와 리액트에 대한 세션을 들었고, 과제는 찐 기업에서 준 과제를 단체로 하게 되었다. 난이도가 저번보다 훅 뛰었다. 투두에서...과제는 task 칸반 같은걸 하게 됐는데 드래그앤 드랍이 좀 난관일 것 같다. 이번에는 recoil을 상태관리 라이브러리로 사용하게 됐는데, 처음 사용해보는 것과 마찬가지여서 사용하는데 조금 힘이 들었다. 공식홈페이지 자습서만 보고 한 거여서 atoms 랑 selector로만 관리하는데 생각보다 쉽지않았다. 후.. 진짜 회의하고 엉덩이붙이고 계속 개발하고 그랬던 것 같다. 어떤분이 뒤로가기를 눌러도 모달이 작동해야 한다.. 2023. 1. 4. 이전 1 2 다음
