본문 바로가기

전체 글400

그래서 어떤 상황에 뭘 써야 하는데?! / CSR & SSR & ISR 정확히 정리하기 최종 프젝에 NEXT 적용에 앞서 확실히 이해하고 있나 정리해본 내용들 1. CSR 클라이언트가 요청하면 서버가 js와 html을 보내주고 클라이언트쪽에서 js를 다운받고, js가 돌아가면서 랜더링을 함 (js가 화면을 다 그리기까지 클라이언트 쪽에서 아무 화면을 볼 수 없음 2. SSR 클라이언트가 요청을 하면 서버측에서 즉시 "랜더링이 가능한 상태"의 html 파일을 만든다. 그럼 클라이언트는 "랜더링이 즉시 가능한 상태"의 html을 받아서 클라이언트 측에서 js가 실행되고 , HTML이 랜더링이 된다. (이때 js가 돌아가고 있고 클라이언트는 화면에 보이긴 하지만 실제 돔조작은 안되는 상태) => CSR과 SSR의 차이 : CSR은 처음에 애초에 하얀 화면이지만 보이는 순간부터 다 만질 수 있고,.. 2023. 2. 5.
[TIL] 오늘의 개발일지( 2/3 ) 어제 하루 내내 까먹거나 궁금했던거 다시 강의 찾아보고 공부하느라 늦게 올리는 TIL !! 정리도 노션에 했었는데.. 공부하면서 여기저기 블로그 정보나 강의 내용들 긁어온거라 정제되지 않은 노션 내용... https://zealous-seeker-d06.notion.site/2-3-d99624937407410aa788d8fc6845cb9b 2/3 next.js에서 스타일컴포넌트 사용할때인가?? zealous-seeker-d06.notion.site 2023. 2. 4.
[TIL] 오늘의 개발일지 오늘은 next.js로 포트폴리오 사이트 만드는걸 해봤다 포트폴리오 작업하면서 테일윈드도 써보고 LottieFiles도 써보고 무엇보다 신기했던건 노션 api !! 노션을 매일 사용하는데 내가 만든 노션노트들이 디비가 되어주고 api로 프로젝트에서 받아올 수 있는줄은 진짜 몰랐는데 역시 알면 알수록 재밌는 세계 ❤️ 오늘은 이상하게 저녁 먹은 뒤로 피곤함이 확 몰려왔다 (환절기 지날때마다 몸이 피곤한 듯 ㅠㅅㅠ) 낼 모닝운동은 좀 살살해야지.. 낼 아침엔 ㅅㅇ님이 보내주신 코딩테스트 순서 꼭 한번 읽어봐야겠당 ㅎㅎ 오랜만에 ㅅㅇ님이랑 수다파티 떨어서 즐거웟던 저녁 ❤️ 오늘의 개발일지 끄읕 ❤️❤️ 아래는 오늘 유툽보면서 만든 포트폴리오 연습용과 배포까지 ㅇ_ 2023. 2. 2.
[TIL] 오늘의 개발일지 최종 프로젝트에 들어가기전 가장 중요한 시기라고 생각이 드는 이번주 나는 잘하고 있나, 필요한 부분들을 잘 공부하고 있나 우선순위를 어떤걸 둬야하나 다시 한번 반성하게 된 오늘 1. 페이지네이션, 무한스크롤 구현 2. 리액트 3. 프로미스 객체 , fetch해서 올때 정확히 어떤게 오는지 (대갈통 빠진 body만 먼저오는 그거 확실히 알기) 4. 서버한테 받은 데이터를 유연하게 쓰고 싶은데, 내가 필요한 순간에 원하는 데이터가 잘 들어오게 다루는 것 (서버에서 데이터를 받아왔어, 그럼 받아온 데이터를 data 뭐 이런식으로 뽑는거까지 ㅇㅋ useQuery를 이용하고, useQuery는 정확히 언제 실행되는지 (set함수는 가장 마지막에 실행이 되는데) 그럼 그 da.. 2023. 2. 1.
강의듣다가 갑자기 궁금해서 찾아본 개발세계(?)에서 deploy와 release의 차이점 deploy도 배포한다는 의미같고 releasee도 배포한다는 말같은디... 무슨 차이지? 갑자기 강의듣다가 궁금해서 찾아보았다 ㅇㅅㅇ deploy : 프로젝트가 작동가능하도록 만드는 일 release : 출시 distribute : 사용자들의 사용할 수 있도록 제공하는 것 이번 프로젝트 신버전이 새롭게 release되었고, 이를 deploy하여 유저들이 사용할 수 있도록 distribute하겠습니다. = 이번 프로젝트 신버전이 새롭게 출시되었고, 이를 작동가능하도록 만들어서(ex.varcel에 deploy시켜서) 사용자들이 사용할 수 있도록(ex. app store에 출시) 하겠습니다. 2023. 2. 1.
ISR (Incremental Static Regeneration) 적용해보깅 / SSR의 문제점에 해결책 끼얹기넹 * ISR ? SSR이 build 시점에만 랜더링을 해서, db 업데이트시 클라이언트측에 반영이 안되는 문제를 해결하기 위해 나온 ISR (Incremental Static Regeneration) getStaticProps함수의 return안에 revalidate를 추가하고 -> 5 ( 5초 뒤에 랜더링 또 해달라는 설정을 한 것) 다시 yarn build 후에 yarn start 하면 요렇게 터미널 창에, (ISR)도 찍혀있는 것을 확인할 수 있다. 2023. 2. 1.

티스토리툴바