# nextjs
Next.js) 세팅하기
드디어 Next.JS 를 활용하여, 프로젝트를 진행 해보기로 했다. 이번 프로젝트는 랜딩 페이지 개발이다. GA(Google Analytics) 적용과, 앞으로 서비스를 Next.JS로 개발할 계획이 있기 때문에 실제 프로젝트 개발을 진행하면서 공부하고 적용해 나가
책을 쓰게 된 이야기 - 1부
안녕하세요. '클론코딩으로 시작하는 Next.js'의 저자 제리님입니다. 집필을 마무리하고 어느 정도의 시간이 지나 책을 집필하게 된 이야기를 풀어보고자 합니다. 이야기는 시간의 순서대로 써나가 보도록 하겠습니다.
2020-03-05 next.js Error 삽질
next.js Error 학교 급식 페이지를 만들다가 next.js를 사용해야 되서 next.js를 막 쓸려고 삽질해보았다. 여기에 써놓은대로 위에서 아래로 차근차근 따라하면 여러분도 충분히 Github에 커밋할 수 있습니다!
nextjs-nestjs 환경구성
https://github.com/kyle-mccarthy/nest-next/위의 가이드라인대로 작업을 했다.그런데 더 쉬운방법이 있었는데 example/basic을 일부 수정해서 사용하면 바로 nest,next를 합친 환경을 사용할수 있었다.그 작업 위해 f
블로그만들기(3) - Next.js의 구조
Next.js는 React용 SSR 프레임워크이다.next 명령어를 통해 프로젝트를 실행하면 위에서 말한 export를 통해 빌드 시점에 미리 Page들을 파악하고 이를 각 HTML로 생성해놓는다.next export 명령어로 routing 경로로 정적 웹사이트를 만들
Poke Docs 만들기 - Snowflake 효과, object case converter
snowflake 효과란 카카오톡에서 쉽게 만날 수 있는데요. 눈이 오는 날에 채팅방에 눈이 오는 효과 입니다.저의 포켓몬 도감에서는 메인페이지에서 포켓몬이 눈처럼 내려오는 효과가 되어있는데요.생각보다 구현이 어렵지 않습니다.components/Thumbnailes위에
Poke Docs 만들기 - NextJS, react-query
서론에서 썻던것과 같이 페이지는 총 3개로 구성하였습니다.index.tsxdocs.tsxitem/id.tsx일단 Next js 에 나온것 과 같이 시작을 하였습니다.기본적으로 typescript, eslint, prettier 를 추가하였습니다.1.nextJS 에서 t
Poke Docs 만들기
개인프로젝트를 진행하는것을 좋아하는데, 이유는 일단 내가 만들고 싶은것을 만들기 때문에 흥미가 생기고, 새로운것들을 많이 시도해 볼 수 있어서 좋아합니다.이번에는 Poke API 를 사용하여 간단한 포켓몬 도감을 만들어 보려고 합니다.일단 사용하려는 stack 은 AP
react next js
참고자료 : 인프런 노드버드우선적으로 npm 과 node 가 설치되어있는지 확인을 한다.node -vnpm -v확인이 되었으면 , npm install next@9설치를 하고 난뒤npm init을 해준다. 처음에 package name 본인 패키지 이름을 작성한 후 모
NextJS, 그게 뭔데?
NextJS의 이론적인 부분에 대해서 다뤄보았습니다. SEO, SSR, CSR, SPA 등 이 게시물 하나로 헷갈렸던 개념들을 정리해보세요!
React mvvm 적용기
안녕하세요! Team Croco에서 "마이월렛"이라는 프로젝트를 리딩하고 있는 오웬이라고 합니다. 팀 내에서 저의 역할은 프로젝트가 늘어지거나 문제가 생기지 않도록 프론트엔드와 백엔드에 적절한 도움과 압박(?)을 주는 역할입니다. 실제로 오픈 후 어드민 서비스의 경우
.png?w=768)
Next js - Deploy to aws S3
development 와 production 환경을 비교하려고 하는데, aws s3를 이용하려고 하였음.next js를 어떻게 S3에 배포할까?연습 사이트: http://next93.s3-website.ap-northeast-2.amazonaws.com/참고
.png?w=768)
Next Js - Data Fetching
데이터를 어떻게 가져오는지 Next.js has two forms of pre-rendering: Static Generation and Server-side Rendering. In this page, we’ll talk in depth about data fetc
.png?w=768)
Next js - Environment variable
개발환경과 운영환경에서 고려, 폴더 root에 각각의 파일을 만든다 browser node js