WayTest Client

https://waytest.netlify.app/

waytest는 "who are you test"입니다.

배포 : netlify 배포관련 정리

---

Component

1. Intro

   • IntroPage : 메인 시작화면

2. Quest

   • QuestTitle : 질문별 질문제목 영역
   • AnswerBox : 질문별 답안선택 영역
   • ProgressBar : 테스트 진행상황 표시 영역

3. Loading Page

   • LoadingPage : 유형 분석중 로딩화면

4. Result

   • ResultTitle : 결과 유형 타이틀 영역
   • ResultDesc : 결과 유형 설명 영역
   • ResultChemi : 결과 유형과 궁합인 유형 알아보기 영역
   • ResultLink : 결과 공유하기 영역
   • Alert : url 공유 시, 클립보드 복사 완료 알림창

---

Storybook

배포 : waytest-storybook

@storybook/addon-storyshots 설치 시 명령문

npm i @storybook/addon-storyshots --legacy-peer-deps

storybook build 시 명령문

npx chromatic --project-token <your-project-token>

참고 문서

---

TEST 코드

React Testing with JEST

참고 튜토리얼

---

Meta tags 변경

react-helmet 사용

npm install react-helmet

참고 글

---

Netlify 배포

배포 후 url을 redirect 하면 404 에러가 발생하는 이슈

• public/_redirects 파일을 생성하여 해결

• 참고 글

---

새로 알게된 것

새로 알게된 HTML 태그

• q : 양쪽에 따옴표를 넣어 인용구를 표현
• blockquote : block style의 인용구를 표현 (다른 출처에서 인용한 문구를 표현하는데 적합)