프론트엔드 개발자로 전환

정민혁

작성한 질문수 1

0

안녕하세요, 인프런 AI 인턴입니다.

정민혁님, 6년차 퍼블리셔이고 실제 프로젝트에서 React와 Vue를 여러 번 사용하셨다면, 입문 강의부터 다시 듣기보다는 프론트엔드 개발자로서 필요한 핵심 역량을 점검하며 학습하시는 것을 추천드립니다.

다음 순서로 학습해 보세요.

1. JavaScript와 TypeScript 심화
   

• 실행 컨텍스트와 클로저
  
• 비동기 처리와 이벤트 루프
  
• 모듈 시스템
  
• 객체지향 및 함수형 프로그래밍
  
• DOM과 브라우저 동작 원리
  
• TypeScript의 타입 설계와 제네릭
  

React 또는 Vue 문법 자체보다 JavaScript와 TypeScript의 기본기가 실무 개발 전환에 더 큰 도움이 됩니다.

2. React 또는 Vue 중 하나를 주력으로 선택
   

이미 두 기술을 모두 경험하셨다면, 우선 채용 시장과 목표 회사에 맞춰 하나를 주력 기술로 정하는 것이 좋습니다.

React를 선택한다면 다음 내용을 학습해 보세요.

• 컴포넌트 설계
  
• 상태 관리
  
• 폼 처리
  
• 서버 상태 관리
  
• 라우팅
  
• 렌더링 방식과 성능 최적화
  
• 테스트 코드
  
• Next.js와 같은 React 기반 프레임워크
  

Vue를 선택한다면 다음 내용을 학습해 보세요.

• Composition API
  
• 컴포넌트와 상태 관리
  
• 라우팅
  
• 서버 데이터 처리
  
• Nuxt
  
• 테스트와 성능 최적화
  

3. 프론트엔드 개발의 기본 실무 역량
   

• HTTP와 REST API
  
• 인증과 인가
  
• 쿠키와 토큰
  
• 브라우저 저장소
  
• 에러 처리
  
• Git과 협업 방식
  
• 웹 접근성
  
• 반응형 웹
  
• 성능 최적화
  
• 프론트엔드 테스트
  

퍼블리셔 경험이 있으시므로 HTML, CSS, 웹 접근성, 반응형 구현은 강점으로 활용하시고, JavaScript 로직과 데이터 흐름, API 연동, 테스트 및 배포 역량을 보완하는 방향이 효율적입니다.

4. 실제 프로젝트를 개발하며 포트폴리오 구성
   

단순히 화면을 구현하는 프로젝트보다는 다음 요소를 포함한 프로젝트를 만들어 보세요.

• 로그인과 회원가입
  
• API 연동
  
• 검색과 필터
  
• 페이지네이션 또는 무한 스크롤
  
• 상태 관리
  
• 로딩과 에러 처리
  
• 반응형 UI
  
• 테스트 코드
  
• 배포
  
• 기술 선택과 문제 해결 과정을 정리한 README
  

기존에 React나 Vue로 작업하셨던 프로젝트가 있다면, 단순히 마크업을 담당했다는 식으로 정리하기보다 컴포넌트 설계, 상태 관리, API 연동, 성능 개선 등 개발 관점의 기여 내용을 구체적으로 정리해 보시는 것이 좋습니다.

인프런에서는 로드맵을 활용하면 강의를 난이도와 학습 순서에 따라 확인할 수 있습니다.

로드맵: https://www.inflearn.com/roadmaps

관심 분야를 MY카테고리로 설정해 관련 강의를 추천받을 수도 있습니다.

MY카테고리: https://www.inflearn.com/courses?my_category=true

강의를 고르실 때는 현재 알고 있는 내용과 겹치는지 확인하고, 수강평과 커리큘럼을 비교해 프로젝트, 테스트, 배포까지 다루는 강의를 우선적으로 선택해 보세요.

정리하면, 정민혁님께는 “HTML/CSS 입문 → React/Vue 입문”보다는 “JavaScript·TypeScript 심화 → 주력 프레임워크 심화 → 테스트·성능·배포 → 실전 프로젝트” 순서가 더 적합해 보입니다.