규칙
1. 억지로 쓰지 않기.
- 진짜 배운 게 있는 날만 쓰기!
2. 양 신경쓰지 않고 기록하기.
- 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!
3. 꼭 내 것으로 만든 후 작성하기.
- 스스로 생각을 좀 정리해본 후 TIL 글 적기!
- 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)
밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.
<오늘 공부 한 것들>
1. 검색 기능 추가
2. React Recoil 기능 사용
3. 서버 500번대 문제 해결
4. 링크 기능 추가
5. 작업힌 코드들 컴포넌트 화 진행
[가장 인상깊었던 것들]
[React Recoil 기능]
전역 변수를 사용하기 위해 useRef 를 사용해 정보를 참조하고 사용해 봤지만 useRef 기능은 작업을 하는데 전역 객체가 다른 파일까지의 영향을 주는게 아니라 그 파일 자체에서의 전역 객체라 원하는 기능이 아니다.
다른 파일에 까지 영향을 줄려면 Redux를 사용하던가 데이터 베이스(DB), Recoil을 사용하는 것이다.
주요 기능
const searchList = useRecoilValue(SearchAtom); ->값을 불러오기
const setSearchList = useSetRecoilState(SearchAtom); ->값을 event.target.value마냥 교체하기
[에러 문제 해결]
axioserror: request failed with status code 500라고 나와서 안에 있는 config내용을보니 안에 있던 내용이 한번 더 들어가면 에러가 발생한다.
[링크]
링크 기능에서는 HTML, Java Script, JSX 문법을 다 포함해 5가지가 있다.
UseNavigate , a , Link , NavLink, window.location.href 이렇게 존재한다.
리액트에서는 4가지 (UseNavigate , Link , NavLink, window.location.href)
이중에서 백틱을 사용해 내용을 집어 넣고 싶으면 UseNavigate 랑 window.location.href가 가능하고 router내에서 돌고 싶으면 Navigate를 사용한다.
(Router 안): localhost:3000을 사용중이면 localhost:3000 (navigate 내용)
[KPT]
Keep
새로운 기능을 추가하였다. 컴포넌트를 나눴따.
Problem
작업을 하는데 제대로 진행된게 드물다.. 문제가 너무 많다. 작업의 진행도 제대로 나악가지 못했다. 코드에 대해서 모르는 부분을 해결해도 뭔가 개운하지 않는 느낌이다. 기존에 있는 것들을 더욱연습하자.
Try
새로운 정보를 알아봐서 적용시킨것 처럼 적용해보자.