Recoding & Share Devlog

저번 포스팅에서는 다음 UI 를 구현해보는 포스팅을 하였는데요, 실제로 웹사이트에서 많이 쓰이고 시각적으로도 보이는 파비콘을 적용하는 것과 내부링크에 대하여 설명을 해드리겠습니다. 우선 파비콘은 저번 포스팅에서도 본것과 같은 웹브라우저에서 브라우저의 title 옆에 있는 아이콘같은 이미지를 말하는데요 파란색으로 표기한 부분이 바로 파비콘이라고 합니다. 그럼 파비콘에 대해서 설명을 해드리겠습니다. NAVER 사실은 파비콘은 간단히 link 요소를 통해 이미지 파일만 있으면 간단하게 쓸 수있습니다. 설명에 link는 자식요소가 없다고 말했는데 이 말은 즉 열고 닫힘이 한번에 가능한 요소임을 뜻합니다. 이러한 구문 많이 보시지않았나요 ? 이미지라는 요소를 사용할때도 열고닫힘이 한번에 이루어졌습니다 ㅎㅎ 이런 ..

이번 포스팅에서는 CSS 를 제거한 오로지 HTML 만을 이용해서 다음 UI 를 만들어 보겠습니다. 우선 UI는 사용자 인터페이스를 말하는 겁니다 ! 먼저 예제 사진을 보여드리도록 하겠습니다. 이런식으로 UI를 만들게 되는데요 방법은 다양하며 아직 기재하지 않은 기술도 역시 포함이 되어있습니다. 이에대한 제가 기술한 코드는 다음 포스팅에서 업로드 해드리며 부가적으로 설명을 드리겠습니다.

이번 포스팅은 로그인화면을 구현 하기 위한 기초적인 Form 요소에 관하여 알아보겠습니다. From 이란 검색이나, 로그인, 회원가입 등 사용자가 입력한 구문을 서버로 넘기기 위한 입력 서식 요소라고 볼 수 있겠는데요 사진으로 한번 알아볼까요 ? (사진 출처 : Daum 로그인 화면, 검색입력창) 이런식으로 다음에 로그인을 하기 위한 입력과 검색어 입력을 하는 부분은 모두 폼으로 이루어져 있습니다. 정말로 폼으로 이루어져 있는지 확인을 하려면 개발자 도구를 이용하여 확인해보면 쉽게 볼 수 있습니다. 확인을 해보면 실제로 다음 로그인 화면에 실제로 form을 사용하였네요 아직 학습하지 않은 여러 요소들이 있지만 이중에 오늘 하게될 폼 요소에 대해서 알아보겠습니다. 먼저 코드를 보게되면 유저 입력 폼 NAV..