• components, src 등 구성

현재 일러스트 이미지 사이즈가 커서 뿌려지는 속도가 느리다.
따라서 경량화를 통해 사용자 경험을 높이자.

Backend 완성되면 시작

시작페이지에 서비스를 이용한 사용자수를 api 를 사용해 보여줍니다.

css 스타일링 없이 기본적인 html 태그만 구현합니다.
스타일은 디자인 나오면 추가...

메인 페이지 상단의 문구를 수정하고 하단에 카피라이트를 추가합니다.

유저 수, 유입 경로 등을 파악하기 위해 google analytics를 추가합니다.

아마 폰트가 제대로 적용되지 않는 것 같아서 확인해보고 문제를 발견하면 수정합니다.

능력자 선생님께서 디자인을 추가합니다

사용자들이 데이터가 불러와지는 동안 로딩 컴포넌트를 볼 수 있게 만듭니다.

메인 페이지에 이용자 수를 보여주는 영역을 추가합니다.

카카오톡, 페이스북 공유할 때 현재 기본 문구로 되어 있어서 이를 수정합니다.
다만 이미지를 수정하려면 일러스트가 추가되어야 하니 먼저 일러스트를 만들자...

메인 페이지와 동일하게 SNS 공유하기 기능을 결과창에도 추가합니다.

결과를 post 하고 type 정보를 받아와서 결과창에 뿌려줍니다.

실제로 테스트를 진행한 유저만 DB에 추가하기 위해 결과 페이지에 진입한 유저가 question페이지로부터 넘어왔는지, 아니면 다이렉트로 넘어왔는지 확인하는 로직을 추가합니다.

둘이 같이 github actions에 netlify를 연결합니다.

관련한 링크를 아래에 첨부합니다.
https://dev.to/curtiscodes/ci-cd-pipeline-with-netlify-and-github-actions-bcm

• 받을 데이터 구성

• 시작페이지
• 질문 페이지
• 결과창

• hover 색 수정(font 색이나 배경색)
• 클릭했을 때 포커스(outline) 수정
• 문장 줄바꿈

그림을 그립시다...(언제 하지)

[작업 목록]
[ ] 메인 페이지
[ ] 테스트 페이지
[ ] 결과 페이지

보안 상의 이슈로 원격 레포에는 dotenv파일을 올릴 수 없으므로, Actions에서 프로젝트를 빌드할 때 dotenv 파일 없이 필요한 키 값을 읽어올 수 있는 방법을 찾아봅니다.

돈은 위대하다
구글 애드센스를 까는 방법을 찾아봅니다.

버튼 안에 텍스트가 다양하게 나올 수 있도록 로직을 수정합니다.
(부모 컴포넌트에게서 props.children을 받을 수 있도록)

지윤님 화이팅~~👍

내 결과를 공유할 때 결과 이미지 + 간략한 내용을 보여주면 좋을 것 같다는 의견이 있었음.
가능한 지 한 번 테스트 해보자.

api를 호출하고 데이터가 잘 불러오는지 확인합니다.

이번에 추가한 Theme에 맞게 현재 작업되어 있는 컴포넌트를 수정하고, 겸사겸사 css도 다듬어봅니다.

sns 공유하기 기능을 추가합니다.