2021년 8월 25일 - 수익형앱 Mbti 테스트 만들기 개괄(1)

※ 본 내용은 개인 기록용입니다.

※ 조코딩 님의 강의를 토대로 작성되었습니다.

 

 

1. 환경 준비

• Chomre
• VS Code

 

 

2. 개발환경 준비

• index.html 생성 - web의 뼈대
• style.css 생성 - html을 꾸며주는 것
• Bootstrap (jQuery포함) 연결 - 화면을 꾸며주는 css 라이브러리
• Live Server 설치 - 로컬 환경에서 앱 구동

 

 

3. MBTI TEST 제작

• html 코드 작성 - UTF-8/LF로 작성 
• Bootstrap 이용해 간단한 버튼 배치
• Java Script 이용해 버튼을 누르면 문제가 나오는 동적인 처리 - 페이지 넘기기
• 게이지 바 생성, 각 버튼 사이 간격 조절
• 문제 + 답에 대한 값 저장