Recoding & Share Devlog

안녕하세요 이번 포스팅에서는 저번 다음 UI 만들기 포스팅에 대해서 제가 작성한 솔루션을 알려드리고자 작성하겠습니다. 바로 코드부터 보겠습니다. 다음 ui 실습 검색 통합검색 검색 서제스트란? 인기 검색어 초등학교 교사 사망 김지은 안희정 신성우 아내 양승태 도망 이재명 압수수색 방송사 먹방 폭로 다음을 시작페이지로 전체 서비스 미디어 뉴스 스포츠 아고라 오늘의 정보 07.11(수) 날씨 서울시 흐림영상 29도 29°C 날씨 경기도 흐림영상 29도 29°C 로그인 Copyright © KaKao Corp All service 이번 코드에서는 주석을 달지 않았는데요 차근차근 하나씩 설명을 드리고자 하기위하여 주석을 제거했습니다. 첫번째 줄부터 시작을 해보면 아직 배우지 않은 link 요소에대..

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

이미지와 하이퍼링크에 대한 포스팅을 시작하겠습니다. 웹 사이트를 보면 정말 많이 보이는 것이 이미지(사진 혹은 그림) 이나 하이퍼링크를 많이 볼 수 있는데요 사진은 설명을 드리기 위하여 네이버에서 가져왔습니다! 우선 제가 보여드리는 이사진도 그렇고 사진 내부에 여러 그림 혹은 사진들이 있는데 웹에서 이런 사진들을 보여주는 것이 img 요소 입니다 ! 물론 후에는 html 에 직접적으로 img 를 넣는게 아니라 IR 기법이나 IS 기법을 통해 보여주긴 합니다만, 이 부분은 후에 CSS 에서 포스팅 하겠습니다 ㅎㅎ 그리고 하이퍼 링크에 관련한건데 하이퍼링크는 쉽게 말해서 클릭을 하면 그 위치로 간다고 생각 하시면 됩니다. 이 사진을 보면 해당 쇼핑몰 사이트를 누르게 되면 그 사이트로 이동을 하게 되는데요 이..

이번 포스팅에서는 리스트에 관련하여 포스팅을 할 계획입니다. 리스트는 정말 중요한 개념인 것을 기억하면 됩니다. 그렇다면 어떤 것이 리스트이냐 ? 사진은 네이버의 실시간 급상승 검색어를 가져와 보았습니다. 이 실시간 급상승 하는 항목 또한 리스트로 볼 수 있고 이런 형식으로 나열된 항목 역시 리스트로 볼 수 있습니다. 코드를 확인해보면 이렇게 ul 이라 표기되어있는 항목이 바로 리스트중 하나인 순서가 없는 리스트라고 불립니다 ! 한번 예제 코드를 가지고 한번 볼까요 ? 리스트 요소들 ol : 순서가 있는 리스트 실시간 이슈 검색어 워마드 부산 싱크홀 성체 조원태 원동ic ul : 순서가 없는 리스트 자동차 뉴스 또 '물의 저주', 기록적 폭우 日 자동차 생산 차질 전기차 호황이라고? 배터리 업체가 이익을..