이게 무슨 일이야!

Next.js 공부할 때 참고하기 좋은 사이트 본문

프론트엔드 개발/Next.js

Next.js 공부할 때 참고하기 좋은 사이트

명동섞어찌개 2023. 4. 25. 12:35

작년 React 에 이어서 올해는 Next.js 를 하고 있는데요 

저처럼 리액트나 Next.js 혼자 공부해서 프로젝트 해야 하는 분들에게 추천드리는 강의/블로그 목록입니다.

 

 

강의는 패스트캠퍼스의 Next.js 완전 정복 확장성 높은 커머스 서비스 구축하기 를 가장 추천합니다.

리액트 처음 배울때도 이분 강의에서 도움을 엄청 받았습니다. 쉽고 친절하고 자세하게 잘 설명해 주세요.

예제 하나 하나 따라하다보면 금방 이해할 수 있습니다. 

 

https://fastcampus.co.kr/dev_online_nextjs

 

Next.js 완전 정복 : 확장성 높은 커머스 서비스 구축하기 | 패스트캠퍼스

확장성 높은 커머스 서비스를 구축하며 30가지 이상의 기능을 익히는 Next.js 딥다이브 강의! 토스증권 프론트엔드 리드 강사님께 배우고, 실무 노하우와 프론트엔드 개발자 취업&이직 꿀팁까지

fastcampus.co.kr

 

+ 리액트 강의도 링크 남깁니다

https://fastcampus.co.kr/dev_online_react

 

한 번에 끝내는 React의 모든 것 초격차 패키지 Online. | 패스트캠퍼스

20가지 이상 관련 스택으로 제대로 잡는 React! 7가지 실무 필수 기능을 각각 구현하고, 유기적인 연결성을 이해할 수 있는 대규모 서비스 클론 코딩까지 진행하세요! 자유도가 높은 React, 100% 활용

fastcampus.co.kr

 

 

 

그 외에 실무적인 개념 정리 찾아보기 좋은 블로그들 추천합니다. 

(*이 부분은 계속 업데이트 예정입니다)

 

https://kyounghwan01.github.io/blog/React/next/basic/#%E1%84%83%E1%85%A9%E1%86%BC%E1%84%8C%E1%85%A5%E1%86%A8-url-dynamic-route

 

next.js 기본 개념 알아보기

next.js 기본 개념 알아보기, react, seo, ssr

kyounghwan01.github.io

 

 

당연히 공식문서도 빠뜨릴 수 없구요

https://nextjs.org/learn/foundations/about-nextjs

 

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

nextjs.org

 

 

+

새로운 공부방식으로 ChatGPT 한테 모르는거 물어보거나 정리해달라고 하는것도 꽤 큰 도움이 되더라구요 

시간 절약이 엄청 됩니다

오른쪽의 copy 버튼 눌러서 그대로 notion 같은곳에 붙여넣기 하면 노트 정리도 잘 되구요

 

 

https://chat.openai.com/

 

 

또는 예제 소스를 받아서 보다가 이해 안되는 부분에 대한 주석 요청 같은걸 할 수 있네요 

 

Comments