시험 기간 : 6월 23일 ~ 29일
프론트 웹 개발 기술 활용 및 기초 프로젝트 수행 학습
주어진 화면을 참고해서 React 애플리케이션을 구현하시오.
프로젝트는 각각의 페이지를 독립적인 모듈로 만들고,
React Router를 사용하여 각 페이지로의 네비게이션이 가능해야 합니다.
회원가입, 커뮤니티, 상품목록, 갤러리, 게시판 등 페이지를 구현하고, 프로젝트 파일 및 PDF 문서를 작성하여 제출하시오.
PDF 문서에는 본인의 이름이 명시되어야 하며, 코드에는 적절한 주석이 포함되어야 합니다.
제출 파일:
팀장이 취합한 후 - 팀원 명단.txt , 소스코드.zip, 출력 스크린샷과 핵심 코드 소스와 주석이 포함된 PDF로 구성해서
kobilinux@naver.com으로 보냅니다.
본인의이름_팀.zip 파일
필수 구현 사항:
React Router를 사용하여 각 페이지를 모듈로 구현하고 링크로 연결할 것.
추가점수 항목:
각 페이지에 컴포넌트를 나누어 작성하고 필요 시 Props와 State로 상태 관리를 할 것.
useState 및 useEffect 훅을 사용하여 컴포넌트 상태 및 라이프사이클 관리.
useRef를 활용하여 필요한 경우 특정 DOM 요소나 상태를 참조할 것.
CSS 스타일링으로 각 컴포넌트의 시각적 디자인을 완성할 것.
useState, useEffect, useRef 활용 점수
Props, State로 상태 관리 점수
컴포넌트별 CSS 스타일링 점수
채점 기준:
기본 요구 사항 충족 (60점):
React Router를 사용하여 각 페이지 구현: 60점
각 페이지가 독립적인 컴포넌트로 나눠져 있음: 10점
각 페이지에 링크로 이동 가능한 네비게이션이 있음: 10점
PDF 문서에 이름이 표기되어 있고 코드에 주석이 포함됨: 10점
제출물 형식을 준수함 팀원명단, 기술요소, 실행 스크린 샷, 소스코드 등 : 10점
추가 구현 사항 (40점):
useState, useEffect, useRef 중 2개 사용 (5점):
useState로 상태 관리: 5점
useEffect로 컴포넌트 라이프사이클 관리: 5점
useRef를 적절히 사용: 5점
부모-자식 컴포넌트 간 Props 전달: 5점
CSS 스타일링 (5점):
창의적인 디자인이나 추가 기능이 있을 경우: 최대 10점 추가
◆ 제목이나 목차에 필수 기술요소 사항이 나타나 있지 않으면 감점요소 이며, 최대한 소스코드에서도 색상 표시나 사각박스 표시권장 합니다.
<산출물 예시>
소스코드 제출 예시
