HTML, CSS 를 활용하여 네이버 박스 UI 만들어 보기! 수업중에 배운 내용으로 html 과 css 를 활용하려 네이버(Naver) 페이지의 일부분인 로그인 박스를 만들어 보기로 하였다. 처음에는 굉장히 단순하게 보여서 (단순한 거 맞음) 10분이라는 제 한 시간 안에 충분히 만들 수 있다고 생각했고 그것은 생각일 뿐이라는 걸 느끼게 되었다. 아래는 실제 서비스 되고 있는 네이버 로그인 박스의 UI이다. 이렇게 보면 큰 사각박스 안에 로그인 버튼과 텍스트 몇 자가 끝인데, 처음 우리가 float이라는 속성(property)을 배우고 나서 하는 실습이라 그 속성을 활용하여 만들기로 하였다. 처음에 나름 호기롭게 출발하고 마크업도 나름 구조적이고 어떻게 하면 저 작은 부분을 시멘틱 하게 만들 수 있을까..