본문 바로가기

전체 글400

Export encountered errors on following paths / next.js 프로젝트 빌드 과정에서 계속 에러를 내뿜던 현상 export를 하면서 에러에 직면했다는 메세지가 계속 떴음 > Build error occurred Error: Export encountered errors on following paths: /dynamicSSG/[id]: /dynamicSSG/1 /dynamicSSG/[id]: /dynamicSSG/2 /dynamicSSG/[id]: /dynamicSSG/3 at /Users/hongdakyung/my-app/node_modules/next/dist/export/index.js:415:19 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Span.traceAsyncFn (/Users/hongd.. 2023. 2. 1.
[TIL] 오늘의 개발일지 오늘은 드뎌 배워보고 싶었던 next.js 강의를 들었다 >_ 아직 첫날이라 딥하게 들어간 내용은 없었지만 벌써 next가 편하다는게 살짝 느껴지는 느낌.. 그동안 강의들을때, 계속 노션이나 티스토리 번갈아가면서 키면서 수업 내용을 중간중간 정리했는데 ㄷㅇ님이 마크다운을 알려주시면서, 수업 들을때 바로바로 내용을 받아적기도 너무 편하다고 알려주셔서 진짜 너어무너무 유용하게 오늘 강의를 들으면서 마크다운을 활용해볼수 있었다 ㅠㅠ ❤️❤️ 강의들으며 공부한 자세한 내용들은 모두 마크다운 파일에 정리했지만, 개발일지에도 그 중에 오늘 배우면서 더 딥하게 공부하고 재밌었던 내용을 몇가지 적어보고자 한다. ### 최적화란 ? api 아래 있는 코드들이 몇백줄이 되더라도 yarn build를 통해 번들링을 할때 ,.. 2023. 1. 31.
다이나믹 라우팅이란?? 내가 강의를 들으며 느낀 다이나믹 라우팅? 서버에 요청하는 뒤의 url이 유동적(동적)으로 바뀌는 방식을 뜻하는 것 (다이나믹 라우팅 방식) 폴더에 요렇게 우리가 리액트 라우터 설정할때 :id 이런식으로 붙였던 것처럼 [pid] , [id] 등으로 설정을 해줌 import { useRouter } from "next/router"; const Post = () => { // 뒤의 아이디값 /post/23 이런거 // 을 가져올 수 있는 방법 : useRouter 사용하기 const router = useRouter(); // pid말고 id로 해도 됌 const { pid } = router.query; console.log("router.query:", router.query); return ( {/*.. 2023. 1. 31.
SSR인지 CSR인지 확인하는 방법 ? / 개발자 도구에서 java Script 끄기 >> 브라우저에서 js 끄기 ( csr 확인할라공ㅇㅅㅇ) 개발자모드 - settings - preferences - disable JavaScript 오늘 넥스트 강의 들으면서, CSR과 SSR 의 차이를 직접 보여주시려고 튜터님이 이렇게 개발자도구에서 디버거에서 Disable JavaScript를 체크하고 보여주셨는데 실험해보려고, 리액트 프로젝트도 새로 켜서 저걸 체크하고 실행해보니 랜더링이 안되는 것을 확인해뜨앙 ㅇ0ㅇ!!!!!! 직접 실험해보면서 이해가 더 잘되어 재밌었던 작업 ㅎㅅㅎ 2023. 1. 31.
[위키백과 내용] 네트워크 상태 코드(100,200, 300~~) 1xx (정보): 요청을 받았으며 프로세스를 계속한다 2xx (성공): 요청을 성공적으로 받았으며 인식했고 수용하였다 3xx (리다이렉션): 요청 완료를 위해 추가 작업 조치가 필요하다 4xx (클라이언트 오류): 요청의 문법이 잘못되었거나 요청을 처리할 수 없다 5xx (서버 오류): 서버가 명백히 유효한 요청에 대해 충족을 실패했다 1xx (조건부 응답) 요청을 받았으며 작업을 계속한다. 이 상태의 상태 코드는 상태-라인과 선택적 헤더(컴퓨터에서 출력될 때 각 페이지 맨 윗부분에 자동으로 붙는 부분)만을 포함하는 임시의 응답을 나타내고 빈 라인에 의해서 종결된다. HTTP/1.0이래로 어떤 1XX 상태 코드들도 정의 되지 않았다. 서버들은 1XX 응답을 실험적인 상태를 제외하고 HTTP/1.0 클라이.. 2023. 1. 31.
[TIL] 오늘의 개발일지 또다시 찾아온 프로젝트 발표날~! 어제 배포까지 끝났었기 때문에 오전에는 비교적 여유가 있었당 항상 프로젝트 발표날은 이상하게 시험 끝난날처럼 힘이 쭉 빠지고 노곤해지는 것 같다 지금 개발일지를 쓰는 순간에도 마찬가지지만 오늘은 유독 피곤한 날인것 같당 (먼가 꿈속에 떠있는 느낌ㅋ) 내일은 다시 정상적인 일상을 살기 위해서 뭘~닝 운동을 시작으로 카페에서 발제를 맞이해야징 이런날도 있고 저런날도 있다는 걸 너그러이 받아들일 수 있는 마음을 가질 필요성을 다시 한번 느끼는 하루! 아래는 ㄷㅇ님이 영업해주신(ㅋㅋ) 마크다운 공부해봤던 내용!! https://warn-code.tistory.com/272 마크다운 정리 # 헤더Headers # This is a H1 ## This is a H2 ### This.. 2023. 1. 30.