FE 인턴 과제 와르르멘션

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• *초보 프론트엔드 개발자/인턴**
• 난이도: 중간*

- 프로젝트 세팅, 빌드 툴 이해, React 기반 구현 경험 부족한 개발자에게 실무 준비 방법 안내

- 기존 코드 분석, 시간 관리, 문제 해결 전략에 대한 실전 조언 포함

핵심 요약

• 프로젝트 세팅 실패 → package.json 스크립트 설정, Vite 사용법 미비로 3시간 이상 날림
• 시간 관리 실패 → 과제 기능 완성 후 테스트 및 dist 폴더 생성 실패로 1분 남기고 제출
• 코드 이해 및 문제 분해 능력 부족 → 타인 코드 분석 시간 지연, replaceState 사용 등 기본 개념 미비

섹션별 세부 요약

1. 과제 개요 및 초기 설정

• 과제 유형: React 기반 구현 과제 (JS/TS 사용)
• 시간 제한: 11:30~12:00 사이 접속 실패로 3시간 이상 날림
• 문제점: package.json 스크립트 설정 오류, Vite 세팅 미비로 실행 실패

2. 기술적 장애물

• 스크립트 설정 오류: 루트 폴더에서 실행 시 vite.config.js 경로 설정 필요
• 빌드 실패: dist 폴더 생성 실패로 테스트 중단
• URL 처리 오류: anchor 태그 기반 query parameter 처리 방식 미 이해

3. 시간 관리 및 문제 해결

• 과제 기능 완성: 10분 남기고 테스트 및 dist 생성 실패
• 기존 코드 분석: 1시간 이상 소요, replaceState 사용 등 기본 개념 미비
• 개선 방향: package.json, tsconfig.json 커스터마이징 필요

결론

• 프로젝트 세팅 경험 강화: Vite, package.json 스크립트 설정, dist 폴더 생성 테스트 필수
• 시간 관리 전략: 과제 분해 → 소요 시간 예측 → 우선순위 설정
• 코드 이해 연습: 타인 코드 리뷰, replaceState, query parameter 등 기본 개념 정리 필수

> "프로젝트 세팅에 대한 이해를 높이고, 문제를 작은 단위로 분해하는 습관을 기르세요."