야심차게 이것저것 바꿔가며 만든 블로그였지만 구글 애널리틱스와 애드센스가 정상적으로 작동하지 않았다. 그러면서 주변 지인 중 티스토리 블로그로 매일 커피 한잔 정도의 수익이 난다는 말을 듣고 솔깃해서 바로 도전 ...!!! 내가 기존에 만들었던 블로그는 깔끔하긴 했지만 뭔가 아쉬운 감이 좀 있었다. 그 중 next.js로 블로그를 만들었을 때의 장점보다 단점이 더 큰 것 같아 이 참에 옮기기로 했다. WOONGTECH 내 발자취 기록하기 chanwoong1.github.io 일단, 티스토리의 가장 큰 장점은 애드센스와 같은 수익 창출을 굉장히 간편하게 할 수 있다는 점이 있다. 물론 자기 만족과 기록하는 습관을 기르는 것이 더 클 수 있지만, 겸사겸사 돈도 벌 수 있다면 더 좋지 않을까 ?? 이런식으로 ..
next.js로 개인 블로그 만들기에 이어서.. 이번에 만든 블로그를 포스팅하는 작업을 해볼 것이다. 뭔가 쉬운듯 어려운듯 아리송한 상태로 배웠다. 먼저, 블로그 폴더에 'package.json' 파일을 열어준다. 위처럼 되어있을 텐데, 여기서 script를 다음과 같이 고쳐준다. "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "export": "next export" }, 'export'를 추가해 주었다. 그리고 순차적으로 다음 명령어를 입력한다. npm run build npm run export 두 명령어가 에러 없이 정상 작동 되었다면, 아마 out폴더가 생성되었을 것..
깃허브에 내가 했던 것들을 조금씩 올리는 동안, 너무 무분별하게 쌓여가는 것들이 아까워 블로그를 통해 정리하기로 하였다. 먼저, 부끄럽지만 깃허브에 레포지토리가 늘어나면서 점점 나조차도 어떤 정보가 어디에 있는지 헷갈리는 경우가 생기곤 했다. 티스토리로 블로그를 옮기기 전 next.js로 블로그를 만들어서 깃허브 페이지에 올렸던 블로그(현재는 닫음)가 있다. Next.js next.js는 서버 사이트 렌더링, 정적 웹 페이지 생성 등 리엑트 기반 프레임워크이다. 공식 홈페이지에서 learn course를 제공하고 있어서 쉽게 개념을 알아갈 수 있다. next.js는 기존 리엑트 기반 웹 사이트의 한계인 Pre-rendering을 하지 않는다는 단점을 보완한 프레임워크로, 웹 사이트, 블로그 등에 많이 사..
