​지난번에 챗지피티로 웹사이트를 만들어 보고 용기를 얻어, 다음 단계로 심리테스트 만들기를 도전해보았습니다!​너굴이가 만든 나는 어떤 솔로일까? 연애 성향 심리테스트​심리테스트 제목은나는 어떤 솔로일까?​너굴이는 TV 프로그램 나는 솔로의 광팬인데요나는 솔로에 출연하면 부여받는 닉네임인 영수, 영호, 영숙, 옥순과 같은 이름이 주는 캐릭터 성격을 참고로 하여, 나는 어떤 솔로인지 탐구해보는 그런 간단한 연애 성향 테스트입니다!(*이 테스트는 상업용x, 데이터수집x, 팬심으로 만든 순수한 테스트로서, 결과는 정확하지는 않을 수 있으니 재미삼아 봐주세요!)​​픽셀 감성 솔로유형 테스트. 내 솔로 유형을 확인해보세요.solo-test-rose.vercel.app​++ 최신 추가로 만든 성향 테스트 미소년/미소녀/추리 연애시뮬레이션 게임들도 함께 즐겨보시길 바랍니다​본인은 그저 챗지피티를 활용하여 작업했을 뿐 개발 전문가가 아닌 햇병아리입니다. 전문가분들이 보시기에...​​​어떻게 만들었는가?​주제 선정​제가 좋아하는 나는 어떤 솔로일까 테스트하는 연애 성향 심리테스트로 정했고요​​주요기능​심리테스트의 주 기능인 [시작-질문/답변(답변에 따른 채점)-결과]구성을 기반으로 점차 점차 확대해나가며 진행하였습니다.​​디자인 컨셉 선정 ​요즘 도트 픽셀 디자인의 귀여움에 푹 빠져있기도 하고, 디자이너지만 디자인을 잘하지 못하는 불쌍한 너굴이를 위해 디자인에 사용할 이미지 또한 모두 챗지피티에게 생성 요청하여 만들어 보았습니다!​​제작과정 노트​제작과정1) 전체 플로우 구성메인 / 테스트 성향 테스트 시작하기질문 페이지 / 총 8문항결과페이지 / 남4, 여4 총 8개 패이지다소 유치한 스타일이긴 하지만, 미리 정한 도트 픽셀 디자인 컨셉에 맞게 각 페이지별 css 코딩과 도트픽셀 느낌의 폰트 적용, 이미지 생성까지 챗지피티가 만들어준걸 토대로 조금씩 수정하여 적용했습니다. ​​​​제작과정2) 캐릭터별 이미지 템플릿화초반 버전 / 영수-결과 타이틀 이미지중반 버전 / 영수-결과 타이틀 이미지최종 버전 / 영수-결과 타이틀 이미지기본 템플릿으로 사용할 결과페이지의 캐릭터 타이틀 이미지를 만들었는데요, 초반 버전 이미지는 해당 캐릭터가 결과라는 느낌이 부각되지 않아서 좀 더 집중도 있게 배치와 스타일을 바꿨고, 모바일에서 잘 보이게 하기 위해 글씨를 크게 변경 요청했습니다. 디테일한거 성향 테스트 하나하나 바꿔달라고 요청하기는 힘들어서 적당히 만족하고 진행했습니다. 위와 같이 최종 버전을 확정하고 템플릿화해서 각 캐릭터별 결과 이미지 타이틀로 만들어줬습니다!​​제작과정3) 내 결과를 이미지로 다운받기결과 이미지 저장하기 클릭시 결과 이미지가 캡쳐되는 기능 적용​내 결과를 공유하는 의미로 공유하기를 만들었는데, 알고보니 그냥 링크 복사였고, 가장 덜 귀찮은 방법인 결과 이미지 저장하기 버튼 기능을 추가해서, 내 결과를 이미지로 저장해서 자랑할 수 있도록 했습니다.챗지피티가 카카오톡 sdk인가 뭐시깽인가가 있다고 했는데 그거까진 또 너무 귀찮아서 못했습니다,,​이런과정을 통해 어찌저찌 완성했습니다​​저번주 토요일 아침에 짧게 약 1-2시간day1) 기획 및 프로토타입 구성 성향 테스트 및 디자인스타일 선정​수요일에 출근하여 점심시간 및 남는시간에 약 2-3시간day2) 제작 및 사이트 배포​목요일에 출근하여 점심시간 및 남는시간에 약 2-3시간day3) 수정 및 기능 붙이기 &amp완성정도 시간을 할애하여 만들었던것 같습니다​​​비전공자로서 얕은 배경지식(?)으로 html css정도만 대략 읽을 줄만 아는 읽기전용 인간이었는데, 이렇게 챗지피티의 도움으로 리액트를 활용한 웹앱을 만들어내게 되다니 참으로 이상하고 재미있는 AI의 세계입니다(?)​챗지피티로 사이트를 만드는 기술을 이용해서 수익화 해낼 수 있는 방법도 좀 더 고민해봐야겠습니다!​이상,, 너굴이의 햄보기를 찾기 위한 챗지피티 부려먹고 구독료 뽕 뽑기(?)였습니다,,​마무리 인사​​​​​​​​