나의 개발이야기/회고 및 후기

[노마드코더] React Marster 챌린지 회고 [2022. 06. 20]

서스포_PAR 2023. 3. 11. 15:13

메인에 걸린 슾님 작품.

 

 

 

🌟 초 간단 요약 🌟

1. 미리 예습 안하면 인강+챌린지 과제가 힘들다. (못해도 일주일전에 예습 필수)
2. 다 배웠지만 맨땅에 대가리를 박으며 해야한다. 그만큼 실력이 늘음
3. 그래도 다하고나면 뿌듯하다.
4. 다시 하라고하면 절대안함. 걍 개인프로젝트 만듈랭.... 

 

 

 


 

🐱‍👓 노마드 챌린지에 참여하게 된 이유?!

 

사수님께서 하자고 하셔서 진행하게 되었습니다. (사수님 아이디로 진행... 사수님 1004...)

네... 이유가 이것밖에 없네요. 하고싶은 말 지어내는 사람이 아니여서... ^^;;

 

 

 

 

 

 


 

무엇을 배웠습니까?

 

🔊 React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

https://ko.reactjs.org/

 

React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리

A JavaScript library for building user interfaces

ko.reactjs.org

 

 

 

💖 styled-components

https://styled-components.com/

 

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅🏾

styled-components.com

 

 

 

🌎 React - TypeScript: Documentation

https://www.typescriptlang.org/ko/docs/handbook/react.html

 

Documentation - React

Links to learn about TypeScript and React

www.typescriptlang.org

 

 

 

🎫 Recoil  

https://recoiljs.org/ko/

 

Recoil

A state management library for React.

recoiljs.org

 

 

 

 

💋 React Query 

https://react-query.tanstack.com/

 

React Query

Hooks for fetching, caching and updating asynchronous data in React

react-query.tanstack.com

 

 

 

 

🎀 React Hook Form 

 https://react-hook-form.com/

 

Home

React hook for form validation without the hassle

react-hook-form.com

 

 

 

 

🔮 Production-Ready Animation Library for React | Framer Motion

https://www.framer.com/motion/

 

Production-Ready Animation Library for React | Framer Motion

Framer Motion is a production-ready React animation and gesture library.

www.framer.com

 

 

 

 


 

👍 장점

1. 맨땅에 대가리박고 하다보니 실력하나는 크게 늘음. (인내심없고 욕심없으면 하기힘듬. 중간에 하차하는 사람들 많음.)

2. 다양한 라이브러리를 사용할 수 있음. (이건 진짜 좋음.)

3. 한 강의 여러번 안들으면 이해가 안되기 때문에 여러번 듣고 과제 풀어야해서 강의보면서 다시 스스로 코드짜고 학습하게 되어있는 시스템.

 

 

 

👎 단점

1. 배우는 건 많지만 싸고 좋은강의들이 많이 나와있다. (비쌈... 개비쌈.... 비싸!!!!!!!!!!!!!)

2. 트위터 클론코딩때 트라우마로 남아서 노마드강의는 버전 조금만 달라도 노이로제 걸린다. (진짜 트위터 클론코딩때 토 1억번함... 진짜 조금만 버전틀려도 봐줄 수 없을정도로 짜증 UP... 가끔씩 덧글이 내 스승같음.)

3. 강의 하다보면 다시 태어나고 싶어진다. 우선 저는 욕이 늘었음. (이세상 빡대가리는 나... 진짜 이게먼데 하면서 머리 엄청 굴리면서 하는데 안됨... 구글링해도 안댐... 결국엔 완성한 챌린지하시는분들 코드 뜯어서 분석하게댐.)

4. 우선 난 이거하고나서 번아웃 옴. (흑흑...흑... 우냐...)

5. 배포 안얄랴줌... ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ (알아서 하세요. 네. 요즘 블로그 잘 나와있음.)

 

 

 

 

 


 

 

🌎 제출과제

 

https://hongsinwon.github.io/coin_app/

 

React App

 

hongsinwon.github.io

 

 

https://hongsinwon.github.io/react_todo_app/

 

React App - todolist

 

hongsinwon.github.io

 

 

https://hongsinwon.github.io/MovieCloen_app/

 

Netflix - Sinwon

 

hongsinwon.github.io