Next.js

https://min9nim.vercel.app/2020-10-05-swr-intro2/

이제 슬슬 이력서를 돌려야 할 것 같아서 포트폴리오를 제대로, 각 잡고 만들기로 했다.사실 React로 포트폴리오 제작 + Neflify로 배포까지 마친 게 있긴 하다.구버전 포트폴리오 디자인이 너무 별로인데다가(그냥 구리다), 리액트로 SSR을 다시 할 엄두가 나지

document.tsx 파일의 import Document from "next/document";부분이 자꾸만 에러가 났다. 정확히 말하면 에러는 아니라 lint에서 빨간줄을 긋는 거라 잘 진행되긴 한다. 하지만 영 싫단 말이지. 참조 링크.eslintrc.json 파

다음 코드의 swr 에 자꾸만 빨간 줄이 쳐진다. import useSWR from "swr";https://chiabi.github.io/2018/08/30/typescript/

그저 평범하게 Next.js를 사용하여 UI를 만들고 있었다. 백엔드에서 무언가를 가져오는 일 없이, 그저 단순한!!! 퍼블리싱에 가까운 프론트엔드 개발을 하고 있었다는 뜻이다. 컴포넌트 퍼블리싱을 마치고 흡족하게 localhost:3000을 실행시켰다. 그런데 다음과

포트폴리오를 제작하며 이런저런 써드파티 라이브러리를 발견하게 되었다. 써봐야지 당연히 !! 하면서 설치를 하려고 했는데 다음과 같은 무시무시한 에러를 마주하게 되었다.(이게 머선 129 129..) 도대체 왜 !! 내가 설치하려는 멋진 라이브러리마다 족족 이렇게 에러가

styled-components를 이용하여 코딩하던 중 에러가 터졌다.(이제는 익숙해진 vsc 에러 메시지.. 딱히 도움은 안 된다) 좀 억울한 게, 내가 저 name을 쓰고 싶어서 쓴 게 아니다.react-scroll이라는 예쁜 라이브러리가 있는데, 거기서 타겟 컴포

제목이 뭔가 어려워 보이지만, 상황은 단순했다. 기술 이미지나 제목을 클릭하면 저절로 원래 구역으로 toggle되게 하는 onClick 효과를 만든 것까지는 좋았다.문제는 투명한 카드를 클릭하면 뒤집어지는 효과도 같이 만들었다는 점이다.즉, 제목을 클릭을 하는 순간 모

styled-components에 빨간 줄이 쳐진다 (오늘도 한 박자 늦어버란 스샷..) (하여튼 빨간줄이 있었음. 내 눈으로 똑똑이 봤구려..!) 이건 사실 styled-components가 미리 로딩되어서 스타일이 적용되지 않는다던가.. 하는 이슈는 아니다. 단지

구매 버튼을 누를 때마다 아이템이 사라져야 하는데, 사라지지가 않는다. 다음과 같이 설정해준다. e.target.getAttribute("name")

클릭할 때마다 로컬스토리지에 저장이 되어야 하는데, 한 템포 늦게 저장이 된다.예컨대 1번 항목을 클릭하면 전혀 저장이 되지 않고 있다가, 2번 항목을 클릭하면 그제야 1번 항목이 로컬스토리지에 저장이 된다.결국 1번 항목을 클릭하고 새로고침을 하면, 저장이 되지 않고

https://nextjs.org/docs/authentication

https://steemit.com/hive-101145/@happyberrysboy/happyberrysboy-posting-2022-01-19-18-47

https://sso-feeling.tistory.com/548

인생...

모 개발자님 왈 보통 handle의 경우에는 이벤트를 직접 처리하는 경우,on의 경우에는 callback 용요렇게 쓰는 경우가 많긴 합니다다들 멋져 ㅓㅓ

next에서는 또 다름 https://velog.io/@deli-ght/Next.js%EC%97%90%EC%84%9C-document.referrer%EA%B0%80-%EC%9E%91%EB%8F%99%ED%95%98%EC%A7%80-%EC%95%8A%EB%8A