je개발 프로젝트 2

[개인 프로젝트] 2. 해리포터 MBTI 테스트

최근 업데이트 : 2021.10.04 [ 프로젝트 현재 상태 ] [ 프로젝트 TODO ] 기능 구현 과제) 버튼을 누른 상태로 페이지 넘어가지 않기 기능 구현 과제) 뒤로가기 버튼, 앞으로가기 버튼 만들기 기능 구현 과제) 검사가 끝나면 바로 검사 결과 페이지로 넘어가지 않고 로딩 페이지 잠깐 뜨기 기능 구현 과제) 환상의 짝꿍, 환장의 짝꿍 추가하기 리팩토링 과제) React.js 로 넘어가기 리팩토링 과제) 디자인 바꾸기 // 진짜 너무 촌스럽다. 리팩토링 과제) 전체적인 UI, CSS로 다시 잡기 [ 프로젝트 실마리 ] 1. 페이지와 Routing 재사용되는 컴포넌트들이 많았기에 Routing 을 사용했다. 사실상 페이지는 총 세 개다. 인트로 페이지, 퀴즈 페이지, 결과 페이지. state 로 페..

[개인 프로젝트] 1. 스터디 그룹 조 나누기

최신 업데이트 : 2021.10.06 --------------- 2021.10.03 [ 프로젝트 현재 상태 ] [ 프로젝트 TODO ] 리팩토링 과제) 관심사 분리 하기. // 지금 한 js 파일에 너무 몰려 있다. 관심사 분리처럼 기능별로 파일을 만들어서 import 하자 리팩토링 과제) 추상화 하기 // 현재 비슷한 양식의 코드가 존재한다. 함수를 재활용해서 사용해보자. [ 프로젝트 기능 구현 ] 1. 오락실 게임 모티브 조원을 뽑는 것을 마치 게임 캐릭터 뽑는 것처럼 구현이 하고 싶었다. 그래서 그와 비슷한 레퍼런스를 찾기 위해 옛날 오락실 게임을 모티브로 작성하게 됐다. 2. setInterval 을 for 문 처럼 사용하기 화면에서 캐릭터 화면을 하얗게 돌아가는 거 구현을 위해 setInter..