with with

서론 블로그 이전을 결심하게 된 계기는 사실 별게 없다. 그냥... 내 손으로 이쁘게 만들고 싶어서. 그리고 포트폴리오 사이트와 블로그 등, 나만의 저장소를 통합해서 만들고 싶어서. 계획 그렇다면 어떻게 이를 실현하는 것이 좋을까? 현재 내가 원하는 블로그(통합 저장소)는 다음과 같은 기능을 포함시키는 것이 목적이다. 하나의 네비게이션 바로 포트폴리오, 블로그 모두 접근 가능 (도메인이 같아야..) Serverless function 무제한 자유로운 커스터마이징 (자체 제작이 목적) # 파라미터를 이용해서 contents table 제작 (3번의 연장선) 낮은 비용 (0원 챌린지) 우선 1, 3, 4번의 목적을 충족시키기 위해 Next.js를 이용하기로 결정하였다. /(루트)에 포트폴리오 페이지를 배치하..

깃허브 페이지에 배포하는 방법과 내가 겪었던 자잘한 버그(?) 상황과 그에 대한 해결법을 소개하고자 한다. 우선 아래의 사진과 같이 깃허브 페이지에 배포하는 방법이다. 그 전에 리액트의 빌드 과정을 간략하게 설명하자면, npm run build 커맨드를 실행시 리액트에서는 react-scripts build 스크립트를 실행한다. 그러면 전에 없던 build라는 폴더가 생기는데, 그 폴더 안에는 우리가 src 폴더 안에서 작업했던 내용이 최적화된 빌드 파일이 들어가게 되고, 그 빌드 파일을 배포하는 것이다. 빌드한 후에는 npm run deploy 커맨드를 실행하게 되면 gh-pages -d build 커맨드가 실행되는데 build 폴더를 gh-pages로 deploy한다는 의미로 생각하면 될 거 같다. ..