리액트 공부 어떻게 하면 좋을까요

안녕하세요! 질문자님이 전공생이라고 하셨으므로 기본적인 Computer Science 지식은 있다고 가정하고 이야기 해 보도록 하겠습니다. 1. HTML, CSS, JavaScript를 책이나 공식 문서(ex. Mozilla, W3C 등)를 보면서 기본적인 개념을 공부한다. 2. 1번에서 공부한 내용을 바탕으로 라이브러리 없이 HTML, CSS, JavaScript로 간단한(1000 라인 이내) 어플리케이션을 만들어 본다. (주제는 자유. 정 생각나는게 없으면 Todo List나 계산기) 3. 리액트 책이나 강의 하나를 정해서 붙잡고 개념을 공부해 본다. 4. 자주 사용하는 서비스를 하나 리액트로 클론 코딩 해본다. (ex. 페이스북, 에어비앤비, 인스타그램) 5. 4번까지 해서 기본적인 리액트를 이해했으면 이제 API fetch 라이브러리(react query, swr 등), 비동기 처리(Promise, async/await 등), 상태 관리(redux, recoil 등), CSS-in-JS(styled-components, emotion 등) 등 리액트와 같이 사용할 수 있는 것들을 하나씩 공부하면서 왜 이런 것들이 필요한지 이해한다. 6. 5번에서 배운 것들을 바탕으로 직접 기획해서 나만의 서비스를 하나 만들어 본다. 6번까지 하면 아마 그 이후로는 무엇을 어떻게 공부해야 할지가 보일 것이고, 신입 개발자로 취업을 해서 일을 할 수 있는 수준이 될 것으로 보입니다.

글쎄요 본인 학습 상태가 어느정도인지 말씀주시면 더 좋은 질문이 되지 않을까요? HTML CSS 하실때 자주 만드시던것들 깜빡깜빡 하신다면 한바꾸빠르게 한번 더 돌리시고, HTML CSS가 안되어있다 하시면 거기부터 다시 잡으시고.. 이건 됐는데 js가 안됐다면 js를 더 돌리시고.. 특히 var let const function 이런건 필히 계속 보셔야하고, js 구글 찾아서 알아서 잘 하긴 하는데 깜빡깜빡하는 수준이라면 js랑 리액트랑 같이 돌리면 되지않을까요 실습 프로젝트 만들어보는것도 중요하다만, 시중에 나온 책도 하나 붙들고 단어나 설명이 변태같아도 한번 참고 읽어보는게 도움이 됩니다.

우선 HTML, CSS, Vanilla Javascript로 간단한 홈페이지 구현할 수 있어야 react나 vue 같은 프론트엔드 프레임워크를 무리 없이 사용하실 수 있습니다. 위의 기술들이 선행이 되셨다면 공식 홈페이지 도큐먼트를 읽으면서 코드를 따라 쳐 보세요. 지루하거나 뭐가 뭔지 모르면 노마드코더나 애플코딩 같은 동영상을 보면서 학습하시면 됩니다. 요즘엔 강의가 잘 나와서 언어 습득은 강의를 찾아보는게 빠를거예요.

https://careerly.co.kr/comments/68193?utm_campaign=self-share 프론트엔드 스터디를 운영할 때의 커리큘럼을 공유드립니다~