프로젝트명

Nexon Clone Project

📍 프로젝트 소개

리액트를 활용하여 만든 넥슨 클론 웹사이트입니다.

📍 프로젝트에 사용한 스택

⏲️ 프로젝트 개발 기간

• 2023년 02월 16일 ~ 2023년 03월 02일 (14일)
  
  

목차

[1. 프로젝트 기능]

로그인 회원가입 (정규표현식을 사용하여 사용자가 알맞는 값을 입력하게 함, 다음(카카오) 우편번호 검색 서비스 사용) 관리자 로그인 상태가 아닐 때 뉴스등록 클릭 시 서비스 준비가 되지 않은 부분 etc : 관리자로만 로그인시 뉴스등록 기능 사용 가능, 뉴스등록시 사용자가 보이는 뉴스 화면에 리스트 추가, 사용자가 뉴스 게임 종류별 선택 체크박스 클릭시 해당 게임에 대한 뉴스만 출력, MySQL로 뉴스 database 관리

[2. 프로젝트 개선사항]

1. 부드러운 페이지 스크롤 구현

❤ react-router-dom을 사용하는 동안 부드러운 페이지 스크롤을 구현하기 어려운 React.js에서의 문제 발견.
❤ react-router-hash-link 패키지를 이용하여 부드러운 수직 스크롤을 구현하여 단점 보완.