본문 바로가기

전체 글168

4주차이자 마지막 이번에는 댓글 CRUD를 구현하면서 페이지네이션을 구현해야 하는 과제였다. 많이 해봤어서 그닥 어렵다고 느껴지지는 않았지만, 이전의 다른 사람의 코드를 받아서 해야 했기 때문에 기존에 과제를 보고 생각했던 방향과는 다른 방향으로 구현을 했다(내꺼가 선택받지는 못했지만.) 이번에는 구조를 우리가 짜는 것이아니라 짜여져있는걸 받아서 crud를 구현하는 방식이었다. 외람된 말이지만 소스코드를 봤는데 정말 생각지도 못한 형태로 html이 짜여져있어서 벙쩌있었다. ㅎㅎ 이번엔 그닥 내가 코드를 짜면서 생각의 전환이 있다던가 깨달음이있다던가 그랬던 과제는 아니였어서, 인상 깊지는 않다. 이전과 다르게 월요일 저녁~수요일 저녁까지 끝내야했기에 더 맘 급하게 코드를 짰던 것 같다. 하지만 다시 구조부터 다시짜서 dnd.. 2023. 1. 24.
typescript+react+webpack+babel 설정 때 본 오류^^.... 계속 cra쓰다가 너무 의존하면 안될 것 같아서 해봤는데 후 역시 첫시작은 항상 순조롭지 않지. 근데 그냥 다른것 보단 webpack사이트 보는게 젤 빠를듯 1.바벨 설정 module.exports = { presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'], }; 타스를 쓰지 않는 리액트 +웹팩 설정만 봐서 그런지 앞에 두개만 깔고 presents에 넣었는데 '@babel/preset-typescript' 필요 2.tsconfig 설정 tsconfig설정은 인터넷에 나와있는거보다 웹팩 홈페이지에 나와있는 설정이 최고다. 당연히 웹팩 설정도 그러하다!!!1 https://webpack.kr/guides/types.. 2023. 1. 21.
3주차 하단의 추가 구현+ 오류 수정한 개인 레포 링크 3주차 회고 이번 과제는 아래 사이트의 검색 기능을 클론하는 과제였다. clinicaltrialskorea.com 한국임상정보 쉽고 간단하게 국내 모든 임상시험 참여하기. 간암, 대장암, 부인암, 유방암, 위암, 전립선암, 폐암 임상시험을 알아보세요. clinicaltrialskorea.com 크게 분류하면 아래와 같은 task가 주어졌다. 1. 질환명 검색시 API 호출 통해서 검색어 추천 기능 구현 2. API 호출 최적화 (로컬 캐싱) 3. 키보드만으로 추천 검색어들로 이동 가능하도록 구현 우리 조는 best practice를 위해 하루에 한번씩 회의를 진행했는데, 컴포넌트/ 검색시 api 호출 구현을 구현할 때 나도 구현을 했지만 다른 분이 선택이 .. 2023. 1. 16.
230111 이제는 강의를 통해 라이브러리 사용법을 배운다는게 그렇게 큰 의미가 없겠다 생각이 든다. 예전에는 꼭 강의를 사서 보고 했었는데, 이번에 프리온보딩하면서 리코일을 아예몰랐어도 그냥 며칠 끙끙앓으면서 해보니까 아 이렇게 사용하는구나 감이 잡히는걸보면 라이브러리같은건 강의를 통해 배울 필요가 있을까싶기도하다. 그냥... 왜사용해야하는지를 안다면 바로바로 깃허브나 블로그 글 보면서 하면되지않을까싶다. 사용법은 깃허브가면 적혀있고, 이해 안되겠다 싶으면 검색해보면 되니까! 2023. 1. 11.