Recoding & Share Devlog

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

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

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