[내돈내산] Next.js 강의 추천 -12버전부터 실무까지- (이정환님/하조은님/조현영님)
9월부터 타의적으로 백수가 되어서 (이 일화는 추후에 회고록으로 풀겠습니다 ㅠ)
12월까지 다사다난(전 회사와의 임금체불과 횡령 싸움,,, 이사 준비,,, 코로나,,, 현타 등)하게 보낸 뒤
이제야 맘 잡고 공부할 마음이 생겨서 next.js 다시 공부하고 있는 와중에 정말 좋은 강의들을 몇개 찾았기에 소개하려고 글을 쓴다!
전부 내돈내산...! 네이버페이 포인트며, 할인 이벤트 할 때 탈탈 털어 샀다... ㅠ
사실 코000 님 Next.js도 출시하자마자 반값 할인 할 때 내 돈 주고 사서 들었으나 나에겐 안맞았다. (심지어 완강햇슴...)
왜냐하면, 실무에서 일하다 보니 어느 순간 '동작'만 하는 코드를 만드는 것이 아니라
원리를 알고 만드는 개발을 하고 싶어서 강의를 사서 보게 되는데
어느 정도 코드를 읽는 눈이 생기고 보니 코000 님의 강의 형식이 이제는 나한테 맞지 않게 된 것 ㅠㅠ...흑흑.
(하지만 여전히 지금도 초보자분들께는 코000님 강의는 적극 추천!)
아무것도 모르는 신입일 때는 떠먹여 주는 코000 님의 강의를 통해서 많은 도움을 얻었으나,
주니어 궤도에 오른 뒤부터는 '이해하려 하지 말고 그냥 하세요.' 같은 강의가 더 이상 내게 도움이 되지 않는다는 것을 깨닫고
원리를 이해할 수 있는 공식문서를 통해 공부하기 시작했다.
그럼에도 공식문서들은 원서로 되어있다 보니 내 머리로는 바로바로 이해하기에는 조금 한계가 있어서 이래저래 강의를 많이 샀는데,
그중에 괜찮았던 강의들을 몇 가지 추천하고자 하니 도움이 되었으면... 🥹
1. 프로젝트로 배우는 React.js & Next.js 마스터리 클래스( 유데미 / winterlood 이정환 ) 유료
‼️‼️ 23년 12월 31일까지 40% 세일 중 ‼️‼️
https://www.udemy.com/course/react-next-master/
유명하신 개발자이시자 강사이신 이정환(winterlood)님의 강의이다.
유데미에서 23년 12월 31일까지 40% 세일하고 있는데, 나는 강의 오픈 기념 때 50% 세일할 때 아묻따 결제했버렸따...
강의 기준은 12 기준, 그러니까 Page Router 기준 강의이다.
Next 14가 발표되었는데 왜 12 버전 강의를 추천하느냐..!
여러 가지 이유가 있지만 가장 큰 두 가지 이유는
1. Next 14를 잘하려면 12 버전의 기본 원리들을 잘 알아야 하기 때문에. (제일 중요!!)
2. 현업에는 아직도 12 기준(Page Route)의 프로젝트들이 많이 있기 때문!
그리고....! 이정환 님이 정말 설명을 잘하십니다.
이게 왜 그러지? 의문이 생길 때쯤 바로바로 설명해 주신다.
예를 들어, 다른 Next.js 강의의 경우 npx-create-next-app을 했을 때 자동으로 생성되는 폴더 구조와 다양한 config 파일에 대한 설명도 없이 그냥 하시면 됩니다~ 원래 이래요~ 라고 넘어가는 것이 많은데 이정환 님은 세세하게 잘 설명해 주셔서 너무 좋았던 기억이 :D !!
(저의 경우 Hydration에 대해서 설명하시는 부분을 듣고 눈가가 촉촉해졌지 뭡니까... ㅠ)
들으면 들을수록 목소리도 명확하시고 강의 실력 자체가 탄탄하다는 것을 많이 느끼며 들었다.
이 강의의 가장 좋은 점은 React와 Next를 함께 배우며 토이프로젝트를 해볼 수 있다는 것이기 때문에
React를 조금 배우신 분들이 Next도 동시에 공부하고 싶으실 때 배우기 정말 좋다!!
또한 React와 Next 강의가 함께 있다고 해서 둘 중 하나의 강의의 질이 떨어지거나 하지않는다.
라이프사이클, 최적화, 라우팅, 서버사이드렌더링에 대한 설명이 정말 명쾌하다. 😎
저는 제가 추천하는 Next.js 강의 중에 굳이 하나만 사라고 한다면 이정환 님 강의를 꼭 사시라고 말씀드리고 싶네요 !!
2. [손에 익는 Next.js] 공식 문서 훑어보기 ( 인프런 / 하조은 ) 유료
https://www.inflearn.com/course/%EC%86%90%EC%97%90-%EC%9D%B5%EB%8A%94-nextjs-part1
[손에 익는 Next.js] 공식 문서 훑어보기 강의 - 인프런
공식 문서로 Next.js 13을 배워봅니다. 문제 해결의 도구로써 Next.js가 필요한 이유를 이해하실 수 있어요! Next.js 14에서도 배운 내용을 모두 활용하실 수 있어요!, 당근 엔지니어와 함께 공부하는Next
www.inflearn.com
처음 보는 강사님이신데, 공식문서 기준으로 함께 스터디하듯 알려주시는 강의 같아서 샀다.
이것도 오픈 세일할 때 샀는데,
이 강의 기준은 Next 13 버전 기준이다.
Next 12 Page Route 공부가 끝난 뒤에 13 버전에 대한 스터디가 필요할 때 참고서? 바이블? 마냥 듣기 좋은 강의 같다.
원서로 이해하기 어려울 때 해당 부분만 쏙쏙 찾아 듣기 정말 좋고 끝에는 토이 프로젝트도 함께 해보며 이해할 수 있음!
강의도 공식문서 기준으로 강의하기 때문에 정확하게 배울 수 있다는 것이 가장 큰 장점 !!💯
게다가 강의도 많이 비싸지 않으니까 Page Route에 대한 이해가 생긴 뒤에 들어보시길 추천한다.
3. Next + React Query로 SNS 서비스 만들기 ( 인프런 / 조현영(제로초)) 유료
‼️‼️ 23.12.14일 기준 20% 할인 중 ‼️‼️
https://www.inflearn.com/course/next-react-query-sns%EC%84%9C%EB%B9%84%EC%8A%A4#curriculum
Next + React Query로 SNS 서비스 만들기 강의 - 인프런
리액트18 & 넥스트14 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!,...
www.inflearn.com
사실 강의는 다 안 듣고 몇 가지 미리 보기만 본 뒤에 강의 커리큘럼이랑 기술 스택만 보고 그냥 질렀다....ㅎㅅㅎ...
이 강의는 주니어 개발자분들에게 추천드리는 실무 강의라고 생각한다. (중급 강의)
Next.js 문법 공부 다 하고 나면 뭐라도 만들어야 하지 않겠는가?
⭐️ 근데 우리 모두 실무에 맞게 만들고 싶잖아요? ⭐️
그럼 이거 사서 들으면 된다. 후후.
강의 스택이 실무에서 했던 스택이랑 너무 똑같고, 실무 Flow에 맞게 개발해보고 싶은 사람들은
이 강의를 사면 좋을 것 같아서 가져왔다.
사실 이 정도 강의 들으려면 완전 초급자 분들보다는 갖 입사한 2-3개월 차 신입(1~2년 차 주니어) 이후 분들이면 무리 없이 들을 수 있다.
완전 초급자 분들은 어느 정도 React 공부하시고 나서 실무를 맛보고 싶다! 하실 때 이 강의 들으시면 됩니다! 👀
내가 실무에서 쓰는 스택 중 상태관리가 React Query와 Zustand였는데, 조현영 님의 강의에서도 마찬가지로 두 개 모두 사용한다.
(제가 이제까지 산 강의 중에서 저 두 개를 모두 쓰는 강의는 조현영 님 강의가 유일했어요!)
그리고 강의 소개에 보면 실무와 똑같은 프로세스로 강의가 흘러간다고 적혀있는데,
실무 Flow 대로 강의를 들을 수 있다는 것은 큰 경험이라고 생각한다. 돈이 아깝지 않을 듯!!
특히 취준생 분들께는 실무를 간접 경험할 수 있어서 더욱 좋을 것 같다!
정말 저 흐름대로 모든 프로젝트들이 움직이기 때문에 프론트엔드 개발자들은 저 Flow 마다 스스로 리소스를 체크하며 개발해야 하고
대부분 백엔드 개발자가 API를 아직 안 만든 상태에서 개발을 시작하는데 그때마다 손을 쪽쪽 빨며 기다릴 수만은 없기에
보통 나의 경우 일일이 Mock Data를 만들어서 개발을 진행했었는데,
조현영 님의 강의에선 MSW라는 것으로 가짜 API 서버를 만들어서 프런트 개발을 해볼 수 있다고 적혀 있어서 배워두면 나중에 다시 실무에 가게 되었을 때 큰 도움이 될 것 같다.
그 외에도 React query를 이용한 무한스크롤링, 캐싱도 실무에서 반드시 경험하게 되는 것이고,
실무에서 처럼 Swagger를 이용해서 백엔드 개발자들이 준비해 놓은 API 문서를 확인하는 법도 간접체험 할 수 있으니
여유가 되신다면 구매해 보시는 것을 추천한다 !!!
Next.js 강의 추천 글은 끝입니당!
도움이 되었으면 좋겠어요~ 이만 총총 👀
모두 해피 코딩 하시고 궁금한 점 생기시면 댓글 달아주세용 :) !!
'Devlog' 카테고리의 다른 글
| [회고록] 1년차 2023 주니어 개발자 회고록 (13) | 2023.12.31 |
|---|---|
| [취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 2편(공부 방법 / 포트폴리오 / 이력서 / 면접 ) (54) | 2023.04.16 |
| [취업후기] 비전공자 웹퍼블리셔 독학으로 프론트엔드 개발자 준비 1편 (강의 추천) (58) | 2023.03.23 |
| [회고록] 2022년 웹퍼블리셔 회고록 (0) | 2023.01.02 |
