회고록/날씨 프로젝트

parallel route에 대해서 next.js 13부터 parallel route(병렬 라우팅) 기능이 생겼다. 이것이 뭐냐?? 말 그래도 병렬적으로 라우팅 한다는것!!! 한 레이아웃에서 여러 페이지를 병렬적으로 렌더링 할 수 있다는 것이다. next.js에서 제공한 이미지를 보면 layout.js라는 한 레이아웃에서 team 페이지와 analytics페이지를 병렬적으로 렌더링 하고 있다. 그러니까 한페이지에 team과 analtics가 개별적으로 렌더링이 되고 있다는것! 병렬적으로 렌더링 하고 싶은 파일은 @폴더/page.js 로 만들어주어야 하는 규칙을 가지고 있다. @폴더/page.js로 만들어진 파일은 layout.js파일에서 props로 받을 수 있다. 사용법은 이게 끝이다. ㅎ 만약 병렬적..

이번 프로젝트에 지마켓 산스 웹폰트를 사용했다. 그런데..분명 크롬에서는 폰트가 잘 나왔었는데 사파리에서는 적용이 안되서 나왔다. 궁서체처럼 나오는것이 너무 맘에 안들었다. ㅡㅡ 굉장히 구려보이고요 일단 저 궁서체 같은 폰트를 해결하고자 sans-serif를 적용했다. 고딕체로 나오도록. 그러나 내가 원하는건 지마켓 산스 웹폰트가 나와야 하는것!!!!! app/layout.tsx 파일에 로컬폰트를 아래와 같이 적용했다. //app/layout.tsx const customFont = localFont({ src: [ { path: '../../public/fonts/GmarketSansLight.woff', weight: '300', style: 'normal', }, { path: '../../publ..

이번에 app router를 사용하면서 기본적으로 data를 fetch가 필요한 경우 서버컴포넌트에서 Data Fetching Patterns을 사용했다. 그런데 문제가 있었다.. geolocation API를 사용해서 위도 경도 값을 받아온 다음 openweather API를 받아와야 하는 상황.(위도 경도로 해당 지역의 날씨를 받아와야 함) 이것을 서버컴포넌트에서 해야하는가 클라이언트 컴포넌트에서 해야하는가 고민을 했다. openweather API를 받아오는것만 생각하면 data fetch니까 서버컴포넌트가 맞는거 같은데 geolocation API가 브라우저에서 제공하는 API이다 보니 클라이언트 측에서 openweather API를 사용하는것이 맞지 않나?? 두 생각이 머릿속에서 충돌 됬다 (오..