반응형 분류 전체보기253 [TIL] 22.01.17. 하나하나 쌓여간다. 정리할 것들이 비공개로 올라가는 글들이 하나둘씩 많아진다. 큰일이다 .. ㅎㅎ... 오늘 Next를 공부하면서 갑자기 튀어나온 Node때문에 좀 멘붕이었다. 갑자기 아틀라스라니.... 어렵긴한데.. 아직도 어렵다.. ㅎㅎ........ 심지어 강의를 보던게 있었는데 강의가 틀려서 그거 고쳐보겠다고 한참을 고민했다. pre-rendering만 공부하면 될줄알았는데 갑자기 튀어나온 node 그래도 주위에 노드하는 사람이 많으니까 모르면 물어보자.. 하하하하 안되는게 어딨어.. 하면 되겠지.. 내일은 진짜 블로그에 내 수많은 비공개 글을 정리해야 겠다. 더 쌓이면 위험해 ㅠㅠㅠㅠ 2022. 1. 17. [Next.js] Next.js에서 Head 설정하는 방법 💡 Next.js에서 Head 설정하기 우선 아래와 같이 import 시켜준다. import Head from "next/head"; 전체적으로 이름을 정해주려면 우선 _app.js파일로 가서 아래와 같이 지정해준다. 메타태그 또한 같이 지정가능하다. 메타태그는 검색엔진을 검색할 때 중요한 태그가 되니 되도록이면 넣어주도록 하자. 그러나 페이지마다 다른 Head title 설정이 가능하다. import Head from "next/head"; import { getFeaturedEvents } from '../helpers/api-util'; import EventList from '../components/events/event-list'; function HomePage(props) { return .. 2022. 1. 17. useSWR 사용하기. useSWR은 먼저 캐시로부터 데이터를 반환한 후 fetch 요청을 하고 최종적으로 최신화된 데이터를 가져올 수 있다. 또한 useSWR은 한 줄의 코드로 프로젝트 내에서 데이터 가져오기 로직을 단순화 할 수 있다. Next.js에서 만든 팀이 만들었기 때문에 공식문서가 자세하고 편하게 되어있다. 공식문서에 따르면 빠르고, 가볍고, 재사용 가능한 데이터 가져오기 내장된 캐시 및 요청 중복 제거 실시간 경험 전송 및 프로토콜에 구애받지 않음 SSR / ISR / SSG support TypeScript 준비 React Native yarn add swr or npm install swr 자세한 예제는 아래의 공식 문서에서 확인하면 된다. 한글화가 잘 되어 있기때문에 문제 없이 볼 수 있다. https://.. 2022. 1. 17. [TIL] 22.01.15. 2022. 1. 15. [TIL] 22.01.14. 아.. 타입스크립트 어렵다.. 넥스트도 어렵다.. 금방끝날줄 알았는데 내일은 진도보다 좀 공부했던거 요약해놓은거 보기 좋게 정리하는 시간을 가져야 할 것 같다. 2022. 1. 14. [TIL] 22.01.13. 2022. 1. 14. 이전 1 ··· 11 12 13 14 15 16 17 ··· 43 다음
