만들면서 배우는 프론트엔드 DO IT 코딩 (Next.js, Typescript)

일단 중간까지 듣고 남깁니다. 프론트엔드로 취업하시려는 취준생분들 들어주세요. 이유는 1. 떠먹여 주지 않음 이 강의는 엄청 잘하는 사수한테 모르는 거 물어보면 요약한 느낌으로 설명해주시면서 5분 화면 보여주시는데 => 내 자리로 돌아와서 방금 본 거 구글링해보고 좀 더 독스 찾아보면 보여주신 게 이해되는 느낌의 강의입니다. 근데 진짜 못따라가는 정도는 아닙니다. 저처럼 이해가 안되면 꼭 짚고 넘어가는 모난 성격 아니면 그냥 넘기면서 강의 보셔도 괜찮을 거에요. 저는 초반에 나오는 OOP 디자인 패턴 한 개, firebase 독스 읽어보기, chakra 읽어보기 정도를 추가로 했습니다. 큰 그림 보고 스스로 공부하는 스타일로 공부해야 취업합니다 2. 모르는 라이브러리 Chakra 차크라 처음해봤습니다만. 이것도 어떻게 사용하는지 자세히 안알려주시고 샤악 보여주심. 하지만 회사에서 일하는 느낌으로다가 알아서 독스 찾아 보고 조금 익히고 다시 따라오면 괜찮습니다. 사실 스타일링 라이브러리 자세히 알려주는 게 프론트엔드 강의는 아니잖아요 3. 리팩터링 강의를 따라가다 어떤 코드를 작성하고 나서 좀 복잡해지거나 재사용성할 필요성이 느껴지면 그 코드를 바로 옮기고 다시 작성하는 게 좋았습니다. 4. 쿠폰신공 강사님이 medium 에도 글 올리시는데 거기 글 찾아보면 할인율 높은 쿠폰 올라와 있는 거 비밀 아닌 것 같습니다. 5. 적극추천 제가 실력이 부족한 프린이라 그럴 수도 있지만 강의에서는 그냥 대충 넘길 내용은 1도 없고 편집이나 구성도 많이 고민해서 하신 것 같습니다. 그리고 수강기간 3개월이 긴 것 같으면서도 은근 압박되어서 놀다가도 "앗, 강의 들어야지" 하고 돌아오게 됩니다. Dead line Driven Development에 딱 맞는 강의라고 생각됩니다. 6. 질문-답변 제가 귀찮게 이것 저것 많이 물어보고 있는데..잘 설명해주십니다. 좋은 강의 올려주셔서 감사합니다.!

속도감 있는 코딩 덕분에 재밌게 잘 들었습니다. 제가 이 강의의 수강 직전에 이거랑 비슷하게 최신 기술스택 라인업에 강사님께서 라이브 코딩해주시는 다른 강의를 수강했는데 그 강의는 강사분께서 좀 즉흥적으로 진행하셔서 수강생 입장에서 흐름 따라가기 좀 힘들었는데 이 강의는 순서대로 따라가기 훨씬 수월해서 좋았어요. 강의 하나하나 준비 많이하신 것 같아요. 강의 중에 Thunder Client 사용하시는거 보고 저도 익스텐젼 바로 설치했습니다. 포스트맨 설치안해도 VS Code 상에서 요청 보내볼 수 있어서 편하네요. 주석을 작성할 때 ‘//‘ 말고 ‘/** */’ 처럼 JS Doc 방식으로 작성하면 주석 내용이 에디터상에서 hover했을 때 표시된다거나 하는 잔잔바리 꿀팁도 들려주시는데 이게 은근 좋았어요. 다음에 또 강의 출시하시면 이런거 또 많이 전수해주세요. + 강의 리뷰 중에 Chakra-ui 학습에 대한 부정적인 의견이 있는데, 저는 조금 다르게 생각합니다. 챠크라 UI는 잘 만들어진 UI 라이브러리로 평가되어, 많은 개발자 분들이 컴포넌트 설계할 때 참고하시기도 하고 사용법이 다른 UI 라이브러리랑 큰 차이가 없어 보입니다. 지금까지 UI 라이브러리를 써보신 분께는 러닝커브가 거의 없으실 것이고, 지금까지 UI 라이브러리를 안써보신 분께는 이번 기회에 잘 만들어진 UI 라이브러리를 접해보시면 좋을 거라고 생각합니다. 재미와 실무팁 모두 가져갈 수 있는 프론트엔드 강의라 주변에 추천하고 싶습니다. 좋은 강의 감사합니다.

출퇴근 길에 들었는데 이해가 잘되었습니다. 시간내서 코딩 해볼께요 좋은 강의 너무 감사합니다.

완강했습니다~ 실제 서비스를 만들면서 쉽고 빠르게, 깔끔하고 즐겁게 공부할 수 있었습니다. 개운한 기분이드네요 ㅎㅎ 많이 배울 수 있었습니다. 감사합니다~

현업에서 선배에게 배우는 듯 강의 내용 너무 유익하네요 :)

임베디드 개발자로 일하다가 프론트엔드로 전향을 희망하여 프론트엔드 개발의전체적인 흐름을 알고 싶어서 강의를 찾다가 수강하게 되었습니다. React 기초는 알고 있는 상태로 수강하였습니다. 강의 들으면서 따라하다가 잘 안되거나 개념 이해가 안되는 부분은 공식 문서와 인터넷을 찾아가며 해결하고 이해하니 코드 작성에도 익숙해지고 React 뿐만 아니라 Next.js와 Typescript도 같이 공부할 수 있어 좋았습니다. Firebase도 한번도 사용해보지 않았는데 사용하게 되어서 좋았고 다른 유용한 라이브러리들도 알려주셔서 좋았습니다. 배운 내용을 기반으로 앞으로 저만의 앱을 만들 수 있을 것 같습니다. 유용한 강의 만들어 주셔서 감사합니다.

저는 1년 4개월 차 주니어 프론트엔드 개발자입니다. 개인 프로젝트에서 Express랑 Nest를 사용해 백엔드 개발 경험이 있으며, React, Vue만 사용해봐서 Next를 경험해보고 싶어 수강하게 되었습니다. ## 강의 후기 제가 생각했을 때 사전에 숙지하고 있어야 할 개념들이 많아서, 프론트엔드 개발에 입문하시는 분들에게는 난이도가 높게 느껴질 것 같습니다. - JavaScript : 삼항연산자, 비동기 처리, fetch API 등 - React : 기본 제공 hook, 커스텀 hook 등, Context API - Firebase - Chakra UI - React Query - ... 강의에서 사용했다고 해서 필수로 배워야 한다거나 모든 라이브러리의 사용법을 외워야한다는 강박을 갖기보단, 스스로 생각하기에 사용하기 좋은 라이브러리라고 생각되면 추가로 공부해보면 좋을 것 같습니다. 추가로 서버-클라이언트 구조에 대한 기본적인 이해가 있다면 좋다고 생각합니다. 서버 API 개발 -> 클라이언트에 API 적용을 반복적으로 진행하는데, 클라이언트 측 개발 경험만 있다면 혼란스러울 수 있습니다. 파일 분리를 하면서 여러 파일로 이동해서 코드를 작성하는데, 현재 코드를 작성하는 파일 경로나 이름을 상단에 띄워주면 좋을 것 같습니다. ## UI 프레임워크 사용하신 UI 프레임워크는 CSS 작성 시간을 단축할 수 있어서 좋다고 생각합니다. props로 넘기는 속성들이 css를 안다면 어떻게 사용해야 하는지 감이 옵니다. 개인적으론 MUI, Vuetify 등 다른 UI 프레임워크들과 사용법이 유사해서 간단하게 익혀두면 나쁠건 없다고 생각합니다. 저는 확장성 높은 프레임워크들을 사용해보면서 컴포넌트 설계에 대한 시야가 넓어졌습니다. ## 마지막으로 이 강의는 다양한 것들을 다루기 때문에 어렵게 느껴질 수 있습니다. 저도 패키지 설치부터 Firebase 연동 등 여러 오류들을 만났는데, 처음 사용해보는 툴들이 많아서 오류 해결이 쉽지만은 않았습니다. 하지만 여러 문제들을 겪으면서, 오류 메시지를 마주했을 때 좌절하지 않고 해결해나가는 힘을 기를 수 있다고 생각합니다. 덕분에 재미있는 서비스를 개발하면서 Next와 Firebase를 경험해볼 수 있었습니다. 이 강의에서 배운 내용들을 바탕으로 저만의 서비스를 개발해보려고 합니다. 좋은 강의 제공해주셔서 감사합니다.

안녕하세요. 고민하다가 강의를 구매했는데 재밌어서 금방 끝까지 완료할 수 있었습니다. 바로 서비스 가능한 것을 만들어 볼 수 있어서 아주 뿌듯합니다. 저는 자바스크립트 리액트 프로젝트를 만들어 본 적은 있지만 타입스크립트는 아직 어려워하며 공부중인 수준에서 강의를 들었습니다. 강의를 따라 하면서 일단 실습해보면서 쓸 수 있어서 도움이 되었습니다. 강의를 듣고 나서.. - 타입스크립트 필요성을 한 번 더 느낄 수 있게 되었습니다. - ui 라이브러리를 처음 써봤습니다. 왜 쓰는 지 알겠습니다. - 파일 쪼개는 것이나 디렉토리 구성하는 방법도 배워갑니다. 강의 진짜 감사합니다. 사이드 프로젝트 배포까지 해보고 싶은 분께 추천합니다.