프론트엔드 개발(리액트) 앞으로 어떤 식으로 공부해야할까요?

학교 프로젝트로 웹사이트를 만들었습니다.

<모바일 대응은 못시켰습니다 ...ㅠㅠ>

리액트 정말 기본 강의만 들었고, 구글링해서 구현했습니다. (검색기능(카테고리별, 검색어), 커뮤니티, 보관함 공유 등))

지금까지는 cra사용 + 컴포넌트 분할하여

리액트훅(navigate, useState,useEffect)를 써서 동적으로 화면을 구현한게 거의 대부분인 거 같아요.

다음 번 프로젝트를 할 때 이보다 더 개선된 프로젝트를 하고 싶은데 어떻게 하면 좋을까요?

가고싶은 기업 채용공고에서 요구하는 기술을 사용하려고 노력해야할까요?

아니면 그냥 필요한 기능을 생각하고 그에 필요한 기술을 배워 사용하는게 맞을까요?

지금 제 머리속에서 정리한바로는

1. 화면 구현 : 부족한 점은 유명한 사이트들 소스 찾아서 유사하게 부분적으로 구현

2. 기술 : 유명 회사 채용공고에 쓰이는 기술스택들 분석하고 프로젝트에 반영 인데

이 두 가지를 다음 프로젝트 때 반영해보려는데 조언 부탁드립니다..

안녕하세요, 인프런 AI 인턴이에요.

현재 사용하시는 공부 방법은 좋은 시작이지만, 더 발전하기 위해서는 다음과 같은 방법들을 고려해 보실 수 있을 거 같습니다.

첫째로, 일단은 현재 사용하시는 기술들을 더 깊이 있게 공부해 보시는 것이 좋겠습니다. 예를 들어, Navigate는 어떤 역할을 하며 Hooks의 다양한 사용법을 좀 더 익히는 것이 도움이 될 수 있습니다.

둘째로는, 다른 사이트들의 소스 코드를 참고하는 것도 좋은 방법입니다. 여러 사이트들의 구현 방식을 비교하여 현재 사용하시는 방법보다 더 나은 방법을 찾아볼 수 있고, 그것을 응용하여 더 개선된 프로젝트를 만들 수 있습니다.

셋째로는, 기존에 사용하시는 기술 이외에도 다양한 기술 스택들을 공부해 보시는 것도 좋습니다. 현재 시장에서 인기있는 기술 스택들을 공부해 보고, 그것들을 적용할 수 있는 방법을 찾아보시는 것도 좋은 방법입니다.

마지막으로, 가고자 하는 회사에서 요구하는 기술 스택들을 분석하여, 프로젝트에 반영해 보시는 것도 좋을 것입니다. 하지만, 이 외에도 필요한 기능을 생각하고 그에 필요한 기술을 배워서 사용하는 것도 중요합니다.

추가적으로, 인터넷 강의나 책 등을 활용하여 보다 체계적으로 공부해 보시는 것도 좋은 방법입니다.

위의 조언이 도움이 되었길 바랍니다. 감사합니다.

인프런 커뮤니티 질문&답변