분류 전체보기26 HTML - Input & Form 사용법 HTML Form 사용 이유form을 사용할 경우 필요한 내용들을 해당 form에 묶을 수 있음. 분류 명확해지는 효과 얻음Form 기본 요소 사용자 이름: 제출form과 label 그리고 input을 사용함input type으로 사용 가능한 정보. 출처: mdnbutton, 정보 전달버튼 타입은 submit, reset 이 있음submit은 입력된 데이터를 서버로 전송함reset 버튼은 폼의 모든 입력 필드를 초기화하여 기본값으로 되돌리는 역할결론label을 작성하여 사용자가 작성할 정보에 대해 알려주고, input을 통하여 사용자의 정보를 입력받으며, button을 통하여 입력된 정보를 서보로 전송하여 데이터를 활용할 수 있다. 2025. 1. 18. HTML - About Table Table 주요 요소HTML설명table테이블 정의thead테이블 헤더 정의(시멘틱 요소)tbody테이블 본문 정의tfoot테이블 푸터 정의tr행(row) 정의th헤더 셀 정의기본 세팅 - 굵은 텍스트 & 가운데 정렬td테이블 데이터 정의기본 세팅 - 일반 텍스트 & 왼쪽 정렬 전체 테이블을 감싸는 HTML 값 테이블 헤드 값을 알려주는 시멘틱 요소 테이블 주요 내용을 알려주는 역할 데이터의 합, 평균, 요약 정보 등을 테이블 하단에 나타낼 때에 사용함 row를 나타내며, 위 테그 안에 또는 값이 들어갈 수 있음 table head를 나타냄 table Data를 나타냄부가 기능Rowspan / Colspan각 row 혹은 column의 span(size)를 지정 가능함. rowspan .. 2025. 1. 14. 홈페이지 노출 확률 높이기(Semantic element와 div 차이점) HTML 시멘틱 요소 div 차이점시멘틱 요소(Semantic Elements) 사용할 경우 가독성 높임. SEO에 유리함.제목을 작성할 경우 를 사용하지만, div를 사용할 경우 와 같이 추가 id 혹은 속성을 만들어야 하는 불편함이 있음.비교항목시멘틱div의미 전달역할과 목적을 태그 이름만으로 전달별도의 의미 없음SEO검색 엔진 최적화에 긍정적 영향영향을 미치지 않음접근성스크린 리더가 더 잘 이해추가 속성 없이는 이해 어려움사용 목적구조적 의미와 역할 강조단순한 그룹화나 레이아웃시멘틱 요소?시멘틱은 div와 같은 기능을 하지만, 각각에 역할에 맞는 목적으로 여러가지 방식으로 표현이 가능주요 시멘틱 요소태그사용 방법머리글. 제목, 로고, 사이트 상단 등메뉴바, 페이지 링크 등본문 내용블로그 글의 섹션 .. 2025. 1. 13. 내가 볼려고 만든 HTML 프런트엔드 개발 기초 - HTML프런트엔드 개발의 가장 기본이 되는 HTML에서 가장 기본이 되는 용어 정리 제목을 알려주는 태그. 1 ~ 6까지 있음사용법 프론트엔드 개발 기초 문단 나누는 기능 & ol은 Oredered List 약자로 값의 1, 2, 3 등과 같이 번호 표시 가능ul은 Unordered List 약자로 값 앞에 점으로 구분ol 및 ul의 내용은 로 추가 가능 first second third first second third이미지를 추가하는 기능. 가 필요 없음. img를 추가할 경우 'src='를 사용하여 이미지 주소를 넣으면 됨 anchor 기능으로 원하는 사이트로 이동 가능사용법: 표시할 내용 division 의 뜻으로 분리를 의미함. a와 다른 점은 c.. 2025. 1. 11. 지리산 당일 치기 루트 및 공영 주차장 정보(백무동) 지리산 코스 정보총 걸린 시간 10시간으로 휴식 시간 1시간, 걸은 시간 9시간이 소요된 코스입니다.시작 시간은 오전 8시이며 오후 6시에 마무리를 지었습니다.루트는 백무동 -> 장터목 대피소 -> 천왕봉 -> 장터목 대피소 -> 세석 대피소 -> 한신계곡 -> 백무동입니다.아래에서 차근차근 설명드리겠습니다.백무동 공영 주차장 정보시작점은 '백무동 공영 주차장'에서 시작을 합니다. 백무동 공영 주차장으로 선정한 이유는 주차장이 넓고, 무료입니다!평일 오전 8시 사진입니다. 사진에 보이듯 위층, 아래층으로 2 군대 주차할 곳이 있으며, 맞은편에 주차장이 하나 더 있습니다. 참고하시길 바랍니다. 장터목 대피소 가는 길산을 조금 올라가면 2가지 갈림길이 나옵니다. 한쪽은 장터목 대피소 가는 길, 다른 쪽은 .. 2024. 5. 24. 네이버 크롤링 하기(use naver API) 네이버 크롤링 준비물 네이버 아이디 주피터 노트북 네이버 개발자 센터 가입 https://developers.naver.com/main/ NAVER Developers 네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음 developers.naver.com 크롤링을 하기 위해서는 Naver Developers에 가입이 필요. 가입 이후 Application -> 애플리케이션 등록으로 이동. 애플리케이션 이름 : 원하는 이름 아무거나 정함 사용 API : 크롤링을 위해 '검색' 선택 비로그인 오픈 API 서비스 환경 : WEB 설정, http://loca.. 2023. 2. 2. 이전 1 2 3 4 5 다음 반응형
