본문 바로가기

Category

(356)
next.js 에서 <head> 랑 metadata 구성하기 https://nextjs.org/docs/app/building-your-application/optimizing/metadata Optimizing: Metadata | Next.js Use the Metadata API to define metadata in any layout or page. nextjs.org 나는 next 14 버전 사용하고 있는데 , 위 링크를 참조하기 바람
li or a tag doesn't working flex 배포하면 flex가 사라지고, user-agent style이 우선적으로 적용되는 상황을 몇번 마주했다. 안에 li 또는 a 태그 일때 이런 현상이 있었던 것 같고, 분명 내가 쓴 문법이 문제가 있는 것 같다. 근데 로컬에서는 임의로 잡아준거고, 배포하니깐 깨졌다. 근데 이해하고 분석해서 해결해야하는데 그냥 !import 때려서 해결했다. 언젠간 기회되면 분석을 해보든가 다시 마주치거나, 해결되면 이 포스트로 돌아와야겠다.
함수하나에서 setState 해도 상태가 안바뀌는 경우 hello false setState hello false 상태를 변경해도 감지가 안되고 여전히 false 이게 된다. 원래 그렇다. useEffect에서 상태 감지해서 해결해야한다.
Vercel domain 연결 가비아로 도메인 구입하고 DNS에 a 레코드 @로 연결하고 www 치고도 들어올 수 있게 c name 도 설정해준다. 1분도 안걸려서 ***.com 도메인을 프로덕트에 바로 연결했다.
swiper 라이브러리 in next https://swiperjs.com/element Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 설치 https://swiperjs.com/demos#pagination-dynamic Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com ..
smooth scroll 쉽게하는법 in react or next
get style name in next.js with css module
next build시 window is not define https://dygreen.tistory.com/entry/Nextjs-next-build-%EC%8B%9C-window-is-not-defined-%EC%97%90%EB%9F%AC-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 [Next.js] next build 시 window is not defined 에러 해결하기 컴포넌트에서 window 객체를 사용하지 않는 경우 리뷰를 등록하고 수정하는 역할을 하는 라는 컴포넌트에서는 window 객체를 사용하지 않는데 Error occurred prerendering page "/detail/components/ModalReviewAdd". R dygreen.tistory.com 이거 보고 해결