안녕하세요 ㅎㅎ 우선 댓글 달아주셔서 정말 감사합니다 .. 친구도 프론트엔드 프리랜서인데, 친구보다 좀 더 객관적인 시선으로 답변을 받은것 같아 더욱 도움이 되었습니다. 업계 선배이신거 같으니까 형님으로 부르겠습니다. 우선 저는 글쓴이 동생입니다. 저희형이 제 아이디로 글쓴다음 답변 달린거 보라고 하네요.. 저도 답답했는데 보고 있는 가족도 많이 답답해서 이런글을 쓴거같습니다.

현재 퇴근 후 2시간 + 7시간으로해서 스터디 하고 있고

아래는 유튜브에서 참고한 공부순서이고 현재는 1번 순서 60% 진행완료입니다.

1. 순수 바닐라 JS로 웹페이지 클론코딩(인프런)
- display: flex
justifty-content
align-items
position: fixed
position: absolute

이 CSS 개념이 중요함!


2. if문, for문, while문, 배열에 익숙해지기 -> 입출력과 사칙연산~ 문자열까지 3번 반복해서 풀기

- 머리속 내용을 코드로 구현할 줄 알아야함!! 그래야 개발을 할 수 있음
- 추천 학습 자료 : 라매개발자 채널에 있는 백준 영상


3. JS 프로그래밍 기초
자바스크립트 배열 메써드 활용 연습 ( map, filter, reduce 등)

- 추천 학습 자료 : 라매개발자 깃허브 자바스크립트 array 챌린지


4. React로 Front에서 CRUD (useState 사용)

- 먼저 React를 공부하는 방식으로 할거임. React로 하면 좀 더 코드가 간결해짐. 그 후에 웹의 전반적인 기능을 파악하고 바닐라JS 스터디 하면 좋을듯.

- 추천 학습 자료 : 벨로퍼트님 강의, 자료


5. 웹 FE 개발
백엔드 API 서버 구축 (DB에 정보 저장)

- 추천 학습 자료 : 라매개발자 유튜브 홍당무마켓


6. 로그인, 회원가입 인증

회원가입 / 로그인 기능, 기본적인 토큰 기반 인증 기능 구현 ( 로그인 한 사람만 글 작성, 글 작성한 사람만 글 수정 가능 )

- 추천 학습 자료 : 라매개발자 유튜브 홍당무마켓



7. 상태관리 라이브러리

이전까지는 useState만 썼다면 useContext + useReducer로 만들기 / Redux로 만들기

- 추천 학습 자료 : 벨로퍼트님 자료


8. 팀 프로젝트 시작 (okky, lctp 에서 구하면 됨)

- 자바스크립트 책 Deep Dive 정독하기
- Compute Science(CS) 공부 (자료구조, 네트워크, OS)

위와 같이 진행할 예정입니다. 댓글 주셔서 큰 힘이 되었습니다. 감사합니다!