12.16 국비학원 52일차 (네이버 아이디 찾기 모방, 부트스트랩 간단 설명)

• 네이버 아이디 찾기 모방

        - header / section / footer 로 구성

        - header : 맨 위 상단 배너 두 개. (NAVER로고 ~ 비밀번호 찾기)

        - section : 중앙 아이디찾기 (각 인증 방법 클릭하면 나오게 하기)

        - footer : 작성해야함

모방 브라우저 화면

header 배너 1

초기화 설정. 외부 아이콘 불러오기

상단 색상, padding 설정

정렬 및 디스플레이 설정

header 배너 2

padding, margin 설정으로 위치 조정

활성화 되있는 창 색 변경

section1

아이디 찾기 상단 회색줄 설정 방법

section2

radio checked 만 보이게 설정하고 내용 폰트, p, m 설정

section3

인증방법 내부 설정

 

• 부트스트랩 Docs

        Get started with Bootstrap · Bootstrap v5.2 (getbootstrap.com) 에서 확인

 

         부트스트랩은 웹페이지 개발에 필요한 CSS 와 js 의 프레임워크로 이미 디자인된 템플릿 양식과 페이지 구성 요소를

         가져다 쓸 수 있어 매우 편리하게 웹페이지를 만들 수 있다.