부트캠프 직무 과제

각 브런치마다 다른 내용이 있습니다.

w1

달성 필요한 주요 과업

• 역할에 따른 폴더 및 파일 구조 셋업
• React의 기본 Hook(useEffect, useState) 적용
• React 라이프사이클 이해
• 상태(State) 업데이트에 따른 내부 컨텐츠 분기 처리

과제 설명 간단한 자기소개 페이지

• [Home] 자기소개 내용
• [Skill] 개발 관련 기술 나열
• [Contact] 연락처

w2

달성 필요한 주요 과업

• 기본적인 폼(Form) 데이터 관리
• URL에 따른 컴포넌트 페이지 분기 처리(react-router-dom)
• HTTP 비동기 통신을 이용한 React 상태 관리
• LocalStorage를 이용한 데이터 영구 관리

과제 설명 회원가입 & 로그인 페이지 개발

• 로그인이 성공적으로 완료되면 메인 페이지로 Redirect 필요
• 받는 토큰 값을 저장해서, 새로고침을 하더라도 로그인 상태가 유지

w3

달성 필요한 주요 과업

• 커스텀 Hook을 통한 상태 관리
• 웹 기본 페이지네이션 로직 구현
• Vercel 호스팅을 이용한 웹 배포

과제 설명 QnA 사이트 개발

• 사용자 컴플레인 리스트 뷰(테이블 형식)
• 컴플레인 상세 내용 페이지, 답변 작성 및 저장 기능

w4

1. 배너 슬라이드 : useCarousel 커스텀 훅을 하나 만들고, 해당 훅에서 배너 관련 모든 로직을 담당하게 만들어주세요. 나머지 필요한 View 파일들은 자유롭게 제작해주시면 됩니다.

2. 탭 메뉴 : 탭 메뉴를 클릭 시, 해당 탭 메뉴에 맞는 컨텐츠를 아래에 렌더링 해주시면 됩니다. 자유롭게 만들어 보시되, 구조는 아래처럼 만들어주세요.

• TabContext(탭 메뉴 클릭 및 컨텐츠 렌더링 로직)
• Tabs(탭 메뉴들)
• TabPannel(탭 메뉴에 해당하는 컨텐츠)

3. 인피니티 스크롤 : 스크로를 브라우저 제일 밑 까지 내렸을 때, 추가적으로 상품을 불러올 수 있도록 해주세요. (Intersection Observer API 를 사용하시면 됩니다.)