TIL 32

👊 하... Next.js 한테 졌다..........................

집중도 1~5 (4.3)

'현재 시간 04:07분 하루종일 좋은 집중력으로 지금까지 지치지 않고 공부했다.

지금도 안 자고 더 하고 싶은 욕심이 있지만 그러다간 괜히 다음날 컨디션 안 좋을 거 같아서 자러간다.

하.. 어제 포함 2일간 유투브,인강 사이트에 있는 Next.js 강의란 강의는 진짜 다 본 거 같은데...

이제 아! 하고 알아버린 것 같은데... 🤦‍♂️ '

6/27 월

기억할 것

1. _app.js 는 전체 파일의 레이아웃 ( 글로벌 css도 여기에 선언 )

2. 너무 디테일에 집착을 하는 게 아닌가 싶다. ( 시간 상 모든 걸 가져갈 수 없으니 놓을 건 놓고 가야함... )

3. getStaticProps - SSG (데이터가 정적인 페이지 프리 렌딩할 때) // getServerSideProps - SSR ( 데이터가 변하는 페이지 프리렌딩 할 때 ) < 확실히 알아야함 >

   getStaticPaths - 이건 쓸 일이 없음.

4. ?? useMutation도 값이 바뀌면 재랜더링을 시키는데 getServerSideProps에서 useMutation을 할 필요가 있을까?

   SSR에서 값이 바뀌면 어차피 재랜더링을 하는데?

   그럼 useMutation이 요즘에 많이 쓰이니 모든 걸 SSG로 많들고 useMutation이 ( 그러면 [id].js 페이지가 늘어나는데.....

5. ?? getStaticProps

6. ?? 업데이트 방식

   @핵심. getServerSideProps - SSR ( react-query ! / ( get - useQuery / post ,patch, put - useMutatioin )
   ( 이게 한 번 돌고 나면 일반 리액트랑 똑같아짐 그래서 그 이후부터는 걍 useMutation쓰면 됌 )
   ( 그럼 getServerSideProps 이 함수는 pre-rending만을 위한 것이였나????!!! )
   useNavigate -> useRouter / html( Link )

7. 와...!!!!!!!!! 이제야 모든 걸 알아버렸다...

   아!!!. 내 블로그 같은 경우는 react-query 쓰면 캐시에 값 저장 해두니 SSG로 만들어도 된다. ( 근데 좋아요가 실시간으로 올라가거나 그러면 SSR로 해야함 )

8. 컨벤션 [ 1. 카멜케이스
   2.CNA
   3.button 컴포넌트 몰아두고 ( 디자이너님 디자인 나오기 전까지 기본 형만 쓰기 )
   4.api key 숨겨야함 (env 파일로).
   5. 남의 페이지 수정 시 여쭤보기 ]
   

운철님 : 메인 -> 전체 CSS ( style component 관리 / global style 적용 / theme 적용 / ) ( 모바일 먼저? / 데스크탑 먼저? 기준 정하는 게 좋겠다. )

대규님: 로그인 그 파트 다 끝나면 -> 화상채팅

자덕 : 유저블로그 파트 -> 화상채팅

useNavigate -> useRouter / html( Link )

프리렌더링 (

오늘 할 일

0. 컨벤션 컴포넌트는 무조건 대문자 / pages의 이름은 소문자

1. next.js api 소통 이해

2. ?? 글로벌 CSS에 대해

3. ?? input 에서 active란? ( next.js / ) & img 태그 안에 alt의 필요성??

4. ?? 부트스트랩 없이 grid / colunm / row 사용법

5. ?? 어떤 페이지를 정적으로, or SSR로 만들 것인지 정해야함

6. !! react query 사이트 ssr & next.js 내용 있음.

7. !! 업데이트 종류인 delete는 ssr에서 어떻게 하는가

8. !! 벨로퍼트 벨로그에서 그 사람은 어떻게 딜리트를 썼는지 볼 것

9. !! 바인딩.
   
   
   

고민, 궁금한 것

1. ?? inline 태그에 대해서

2. ?? 왜 코딩앙마는 로그아웃도 api 호출을 필요로 하는 방식으로 했을까? 그냥 cookie 삭제가 더 편하지 않나?

3. ?? webpack , bable이 뭔가

...님 에게

1. [ 해결. 광민님 ] 저희 화상채팅 webRTC 하는 건가요?

2. [ 해결. 광민님 ] 어떻게 보면 제가 너무 디테일에 집착하는 게 아닐까? 라는 생각을 했다. 실질적인 기간은 3주인데 너무 완벽함을 바랬던 것 같다.

   이제 기획에 대한 얘기는 기존 방식을 따르는 게 좋겠다.

3. [ 해결. 광민님 ] 우리 아이디어에 대한 어제 희성 매니저님의 말씀

4. [ 해결. 광민님 ] 저 내일 병원 11시 10분 & charset이 utf-8 이 부분은 의미 아시냐?.? ( )

5. [ 해결. 프론트분들 ] css 순서 얘기 ( 핸드폰으로 봤을 때에 대한 것부터 만지는 게 좋다더라. )

6. [ 프론트분들 ] 1. 컨벤션 컴포넌트는 무조건 대문자 / pages의 이름은 소문자 || 2. api 키는 env에 숨기고 끌고 와서만 써야합니다. || 3. 공통 버튼 같은 건 컴포넌트 땡겨쓰기

7. [ 프론트분들 ] 4. 글 작성 버튼 눌렀을 때 로그인 안 되 있으면 로그인 화면으로 보내기 ( login check이 필요하겠는데? 아닌가? )

8. [ 광민님 ] api key 어떻게 알 수 있나?