개발자

프론트엔드 공부방법에 대해 질문있습니다.

2024년 08월 14일조회 206

프론트엔드 개발자 취업을 준비중입니다. 공부를 하면서 실력이 계속 늘지 않는 것같아 고민입니다. 공부방법이 잘못된것같다는 생각이 드는데 만약 리액트까지 강의를 듣는다고 한다면 html, css까지 듣고 퍼블리싱, 그 다음 js 듣고 html, css, js로 만들어보고, 리액트 강의를 듣고 리액트로 혼자 만들어보고 ..... 이런식으로 하는게 좋을까요? 현재 리액트 부분의 강의를 보고 있는데 그럼 새로 html부터 하는게 좋을지도 궁금합니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 3

aigoia님의 프로필 사진

지금에 딱 역순으로 사고하세여. 일단 목표로 하는 서비스를 정하고 그걸 만들기위해 대분류로 이런 인력들이 필요하고 그런 인력중에 하나는 이런 이런 기술이 대략 이정도 수준까지 할수 있는 사람으로 필요하다. 이런식으로여.

profile picture

익명

작성자

2024년 08월 17일

아 네 알겠습니다. 조언해주셔서 너무 감사드립니다.^^

박정환님의 프로필 사진

처음부터 퍼블리싱에 뛰어드는건 비추합니다. 나중에는 다 하시게 되겠지만 우선 프론트엔드 개발자를 꿈꾸신다면, js와 react(vue)를 잘 아셔야 합니다. 질문자님이 써놓은 것 보면 react를 위주로 하시려는 것 같습니다. 그렇다면 javascript의 ES6이상 문법등에는 익숙해 지셔야 하구요, 퍼블리싱의 기초가 없어 화면 같은건 아직 못만들겠지만 react로 영역을 잡고 컴포넌트로 구분하여 설계/개발을 해두는 것 쯤은 하실 수 있을겁니다. 우선 사용자 로그인 화면 정도 만들어 보시죠. 로그인 화면은 거의 대부분이 비슷비슷합니다. 로그인을 구성하는 기본적인 요소인 input들이나 button들을 컴포넌트화 하는 연습을 해보시고 view단은 border나 background color정도는 줘서 영역을 구분하신 뒤 비슷하게 만들어 보는 겁니다. 그리하여 각자의 컴포넌트에서 실행될 액션 등을 설정하시고 필요한 경우에는 카운터 등도 만들어 보면서 hook을 익히시고.. 테스트를 하시면서 동작이 잘 되나 파악해보세요. 이정도 하면 손풀기 정도의 연습은 되지 싶습니다. 그리고 퍼블리싱의 단계에 들어가서 css 등을 연습해 보시는 겁니다. 그러면 최종적으로는 1개 page의 로그인 화면이 나오겠지요. 여기까지 하고 react 강의를 좀더 보면 더 업그레이드할 요소들과 앞으로의 방향이 좀 보일 겁니다. 퍼블리싱을 나중에 하라는 이유는 일단 각 요소들의 구성과 기능을 파악하신 후에 그들을 조합하는 방법을 먼저 익혀 두는게, css를 적용할때 도움이 될 수 있다고 생각하기 때문입니다. 실제로 저도 그렇게 한 케이스였구요. 갠적인 생각을 말씀드렸습니다. 그럼 다른 분들 고견도 많이 들으시고 많이 연습하시고 좋은 결과 있으시길 바라겠습니다.

profile picture

익명

작성자

2024년 08월 19일

조언해주셔서 너무 감사드립니다 ^^

이상래님의 프로필 사진

안녕하세요 개인적인 의견을 작성해 볼게요. 프론트엔드 개발을 공부할 때, 처음부터 끝까지 학습을 완주하는 습관과 빠르게 학습하는 것이 매우 중요합니다. 한 번 시작한 전공 내용을 중간에 멈추거나 다른 주제로 넘어가지 말고, 끝까지 클리어하는 것이 핵심입니다. 이 습관을 들이면 학습의 연속성이 생기고, 지식이 서로 잘 연결되어 이해가 깊어집니다. 또한, 효율적인 학습을 위해 빠르게 몰입하는 것도 중요합니다. 예를 들어, HTML 인강을 학습하기로 했다면, 최소 2~3일 안에 집중해서 끝내는 것을 목표로 하세요. 하루에 강의 1~2개씩 천천히 진행하며 시간을 끌기보다는, 빠르게 몰입해서 학습하고 정리까지 마무리하는 것이 효과적입니다. 이렇게 하면 내용이 머릿속에 생생하게 남고, 다음 단계로 자연스럽게 넘어갈 수 있습니다. 결국, 전공을 처음부터 끝까지 빠르게 클리어하는 습관이 실력 향상에 큰 도움이 됩니다. 학습 속도를 높이고, 집중력을 발휘해 효율적으로 지식을 쌓아가세요. 그리고 학습하는 모든 과정을 데이터화 시키세요. 나중에 취업을 준비할 때 다 도움이 되는 자료가 될 것 입니다. 응원하겠습니다. 화이팅.😎😎

profile picture

익명

작성자

2024년 08월 19일

조언 해주셔서 너무 감사드립니다 ^^

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 08월 14일

공부 방법에는 정답이 없으며, 각자에게 맞는 방법을 찾아가는 과정이 중요합니다. 하지만, 기본적인 순서와 권장 사항에 대해서는 얘기해 볼 수 있겠습니다. 1. 기본 지식 습득: 프론트엔드 개발에서 가장 기본적인 요소로 HTML, CSS 및 JavaScript를 익히는 것입니다. 이들은 웹의 구조(structure), 스타일(styling) 및 행동(behavior)을 담당하는 핵심 언어들입니다. 2. 실제 프로젝트 경험: 이론만으로는 한계가 있으므로 실제 코드를 작성해보고 그 결과를 확인하면서 배워나가야 합니다. 간단한 웹 페이지를 만들어 보거나, 이미 만들어진 오픈 소스 프로젝트의 코드를 보면서 이해해보세요. 3. 라이브러리/프레임워크 학습: React같은 모던 라이브러리/프레임워크 사용법을 익힐 때입니다. 하지만 이 단계에서도 기본 지식의 중요성은 변하지 않으므로 HTML, CSS, JavaScript 등의 기초 지식을 계속해서 반복하고 확실하게 알아두는 것이 중요합니다. 4. 모던 웹 기술 익히기: Webpack, Babel 등과 같은 현대 웹 개발 도구를 익히는 것도 중요합니다. 이런 도구들은 프론트엔드 개발의 생산성을 크게 향상시켜줍니다. 5. 강의보다는 실습 위주로 학습하기: 이론 강의가 중요하지만, 코드를 직접 작성하며 문제를 해결해 나가는 경험이 더욱 중요합니다. 6. 지속적인 학습: 기술 트렌드는 빠르게 변경되므로, 새로운 기술에 대해 계속 배우려는 자세가 필요합니다. 즉, 단계별로 차근차근 배워나가되 기본기를 탄탄히 하는 것이 가장 적합한 공부 방법일 수 있습니다. 리액트를 이미 공부하고 있다면 다시 HTML부터 시작할 필요는 없을 수 있습니다. 단지 HTML, CSS, JavaScript에 대한 기본 지식이 부족하다면 그 부분을 보충하는 것이 좋겠네요.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!