✅ 주제
'나의 개발 스타일 MBTI' 웹 페이지 제작
✅ 목표
HTML, CSS (+JS)를 활용해 MBTI 테스트 만들기
✅ 페이지 구성
- 메인 페이지 (1개)
MBTI 테스트 시작 화면
시작 버튼 추가 - 질문 페이지 (4개)
사용자에게 MBTI 판별을 위한 질문 (단계별 제시) 화면
다음 질문으로 넘어가는 버튼 추가 - 결과 페이지 (16개)
각 MBTI 특성이 담긴 화면
메인 페이지로 돌아가는 버튼, 공유하기 버튼 추가
✨ 내 역할
- 결과 페이지(4개): ISTJ, ISTP, ISFJ, ISFP
✨ 참고
✨ 화면 구상
<RULE-A(ISTJ) : 규칙 수호단>
#코드 보안관 #시스템 엔지니어 #백엔드 개발자 #QA 엔지니어
- 책임에 죽고, 책임에 산다! 퍼블리셔 유형
- 필요한 일만 정확하게!
- 혼자 일해야 능률이 올라가는 편 입니다.
색상 코드: 08085E A2EF44 FFF07A E8FCF6
<TOOL-A(ISTP): 오류 사냥꾼>
#임베디드 개발자 #프론트엔드 개발자 #게임 개발자 #디버깅러
- 냉정한 디버거
- 냉철한 이성주의 + 왕성한 호기심 = 만능 재주꾼
- 내가 한번 만져볼래! 분석적인 당신!
색상 코드: 000000 CF0F47 FF0B55 FFDEDE
<CARE-B(ISFJ): 천사 개발자>
#웹 퍼블리셔 #기획툴 #문서정리 #백오피스
- 안전 최고! 안전제일
- 빠진 거 없는지 한번 더! 세심한 당신!
- 함께 일하면 마음이 편해지는 타입
색상코드: FA812F FFB22C F3C623 FEF3E2
<VIBE-A(ISFP): 감성코딩 아티스트>
#프론트엔드 개발자 #UI디자인 #인터랙티브 #모션 코딩
-
유연하고 감각적인 당신!
-
칭찬은 나를 춤추게 한다 OR 저에겐 무조건 박수갈채, 일방적이고 편향적 칭찬 부탁드립니다.
-
규칙 관습은 중요하지 않아! 도전적인 당신
색상코드: 9FB3DF 9EC6F3 BDDDE4 FFF1D5 -
처음으로, 공유하기 버튼 추가
