[TIL] 오늘의 개발일지

 

 

최종 프로젝트에 들어가기전 가장 중요한 시기라고 생각이 드는 이번주

나는 잘하고 있나, 필요한 부분들을 잘 공부하고 있나 

우선순위를 어떤걸 둬야하나 다시 한번 반성하게 된 오늘 

 

< 이번주동안 꼭 해보고 싶었던 거 >

1. 페이지네이션, 무한스크롤 구현

2. 리액트 

3. 프로미스 객체 , fetch해서 올때 정확히 어떤게 오는지 (대갈통 빠진 body만 먼저오는 그거 확실히 알기)

4. 서버한테 받은 데이터를 유연하게 쓰고 싶은데, 내가 필요한 순간에 원하는 데이터가 잘 들어오게 다루는 것

(서버에서 데이터를 받아왔어, 그럼 받아온 데이터를 data 뭐 이런식으로 뽑는거까지 ㅇㅋ

useQuery를 이용하고, useQuery는 정확히 언제 실행되는지 (set함수는 가장 마지막에 실행이 되는데)

그럼 그 data를 set해주잖아

그 데이터가 있으면, set을 해주는 거잖아

if(data){setState(data)}......... 이걸 말하고 싶은게 아닌데

 

서버에서 만약 데이터가 바꼈어(예를 들어 업데이트)

그럼 state로 만약 그 데이터를 받아쓰고 있었으면, 나는 업데이트된 데이터를 실시간으로 set해주고 싶단 말이지

useEffect( ( ) => { set함수(데이터) } , [ 데이터 ] ) .... 이렇게 설정해주면 막힘이 없었나??

...?

결론 : useQuery의 실행 순서가 궁금한거네

5. 리액트쿼리에 TS적용시키는 거 연습

6. 레이아웃 쉬프트

7. 스켈레톤 UI 연습 해봐

8. figma에 폰트, 색깔 미리 정해놓고 지정된것만 갖다쓰는거 첨부터 만들어보기

9. 마우스 커서 예쁘게 뿅뿅 따라오는거 해보기

10. 미디어 쿼리

 

< Done >

1. NEXT 프로젝트 만져보기

2. 테일윈드 사용하기

3. 프로젝트 처음부터 빌드해서 초기세팅 작업

4. SSR, ISR, CSR 개념 이해

5. 애니메이션 (LottieFile) 적용해봄

 

 

---

오늘 공부한 거 정리한 링크들 

 

1) 강의듣다가 만난 에러일지 

https://warn-code.tistory.com/278

Export encountered errors on following paths / next.js 프로젝트 빌드 과정에서 계속 에러를 내뿜던 현상

 

2) ISR 적용시키고 박수치기

https://warn-code.tistory.com/279

ISR (Incremental Static Regeneration) 적용해보깅 / SSR의 문제점에 해결책 끼얹기넹

 

3) 뜬금, deploy와 distribute의 차이점 찾아봤던거

https://warn-code.tistory.com/280

강의듣다가 갑자기 궁금해서 찾아본 개발세계(?)에서 deploy와 release의 차이점

 

4) 오늘 NEXT 강의 들은거랑 개인적으로 유투브 보면서 포트폴리오 만들었던 깃헙 링크

https://github.com/ddoqi/studySpace/tree/master/workSpace/youtube-next-project

GitHub - ddoqi/studySpace

 

 

 

---

(내일 이어서 보기 55분부터)

 

https://youtu.be/KvoFvmu5eRo?t=3331