히바리 쿄야 와 함께 하는 Developer Cafe

상품 선택 배송 정보 아이디(6자 이상) 아이디 : 비밀번호 : 배송 정보 이름 배송 주소 이메일 연락처 배송 지정 (주문일로부터 최소 3일 이후) 메모 주문하기 취소하기 레드향 주문하기 상품 선택 주문할 상품을 선택해 주세요. 선물용 3kg 개 (최대 5개) 선물용 5kg 개 (최대 3개) 가정용 3kg 개 (최대 5개) 가정용 5kg 개 (최대 3개) 포장 선택 선물 포장 선물 포장 안함 날짜 지정하기 레드향 주문하기 반품 정보 만일 수령한 상품에 문제가 있다면 즉시 반품 신청해 주세요. 반품 신청시 상품의 상태를 사진으로 첨부해 주세요. hidden 아이디: 비밀번호: 배송 정보 주문 상품 이름 배송 주소 이메일 연락처 배송 지정 (주문일로부터 최소 3일 이후) 여러 데이터 나열하기 상품 선택 선물..

discription.html 상품 구성 선물용 3KG 소과 13~16과 중과 10~12과 선물용 5KG 중과 15~19과 embed video audio 속성 태그 레드향 껍질에 붉은 빛이 돌아 레드향이라 불린다. 레드향은 한라봉과 귤을 교배한 것으로 일반 귤보다 2~3배 크고, 과육이 붉고 통통하다. 비타민 C와 비타민 P가 풍부해 혈액순환1, 감기예방2 등에 좋은 것으로 알려져 있다. 레드향 샐러드 레시피 상품구성 레드향 원래 크기의 이미지 width="50%", height="50%" 로 지정한 이미지 width="150"으로 지정한 이미지 order.html -> 아직 form 파트 학습 안해서 소스 붙여 넣었음 레드향 주문하기 상품 선택 주문할 상품을 선택해 주세요. 선물용 3kg 개 (최대 ..

form 속성 action - 폼을 통해 전송한 정보를 처리하는 웹 페이지의 URL 을 나타냄 autocomplete - 폼 안에 있는 요소들의 기본값이 브라우저에 의해 자동으로 완성되게 하는지의 여부를 나타냄 속성 값은 on 또는 off 중 하나를 갖는다 method - get 이 기본값 보통 post 방식을 많이 사용함 name - 폼의 이름 폼을 식별하기 위한 이름을 지정 target - action 에서 지정한 정보를 처리하는 페이지를 현재 창 또는 다른 위치에 열리도록 지정함 기본값은 -self 이다. /*Reset Css */ @charset "utf-8"; @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/styles..

After/Before 활용 (가상 요소) - 목록형 꾸밈 요소(블릿 화살표) - 버튼 꾸밈 요소(그림자 효과, 버튼에 들어가는 아이콘 등) - 간단한 아이콘 - 이미지 아이콘 이미지 라도 HTML 구조에 필요한 내용이라면 가상 요소를 사용하면 안됨 (가상 요소는 HTML 태그가 아니기 때문에 스크립트 적용이 안됨) 가상 요소는 content:"" 요소가 반드시 들어가야함 아이콘을 표현 할 때는 너비와 높이를 지정해야함 input/form 과 img 태그는 가상 요소가 적용되지 않는다. $.ajax({ type: 'POST', url: url, data: data, success: success, dataType: dataType }); $.ajax({ url: url, data: data, succes..

시맨틱 레이아웃 Header 영역 태그를 사용 웹 페이지를 나타내는 로고 또는 소개글이 들어감 Navigation 영역 태그를 사용웹 페이지에서 다른 페이지로 이동하는 메뉴 바 (Menu Bar) 가 들어감 Content 영역 태그와 태그를 사용웹 페이지의 내용이 들어감 Footer 영역 태그를 사용웹 페이지와 관련된 정보가 들어감 Jquery 선택자 1) 전체 선택자 $('*') - 페이지에 있는 모든 객체를 선택 2) 태그 선택자 $('태그명') - 해당 태그를 선택 3) ID 선택자 $('#ID명') - 해당 ID를 선택 4) 클래스 선택자 $('.클래스명') - 해당 클래스를 선택 5) 자손 선택자 $('부모요소 > 자손요소') - 부모요소의 자손요소를 선택(인접 하위 요소) - 예시 $('bod..

HTML 작성시 유의사항 의미있는 마크업 일관성 있고 표준화된 코드 사용 접근성을 지키며 작성 가독성을 고려하여 작성 CSS 란 무었인가? HTML 문서를 시각화 하기 위해 사용되는 언어 BOX MODEL 콘텐츠 영역은 텍스트나 이미지처럼 실질적인 내용이 담기는 부분 패딩 : 내용과 테두리 사이의 간격 마진은 실제 크기(width)에는 포함되지 않음 바깥쪽 여백 : margin 속성 테두리 : border 속성 안쪽 여백 : padding 속성 박스의 가로 크기 width 속성 박스의 세로 크기 height 속성 Block 과 inline or inline-block block 은 , , , 와 같이 레이아웃 구조를 결정하는 html sectionning 태그를 말함 줄 바꿈이 되는 요소를 의미 화면 전..

-> 현재 문서가 HTML5 언어로 작성되어 있는 웹 문서를 표시 -> 웹 문서가 시작과 끝을 나타내는 태그 -> 웹 브라우저 화면에 나타날 내용 마크업 작성은 바디 태그 안에 작성됨 TAG 속성 , -> 글자를 굵게 표시 , -> 이탤릭체로 표시 (기울임꼴) 글자를 표시할때 사용 -> 인용 내용을 표시 -> 형광펜 효과를 나타내기 위해 표시 -> 줄바꿈 없이 영역을 묶는데 사용 -> 인라인 요소로 사용 나중에 설명 -> 일본어, 한자 등 동아시아 문자 표기할때 사용 -> 약자를 표시 타이틀 속성과 함께 사용 -> 웹 문서나 포스트에서 참고 내용 표시 -> 자바, 자바스크립트 소스코드를 웹 문서에 표시할때 사용 -> 키보드 입력이나 음성 명령 같은 사용자 입력 내용 -> 부가정보 처럼 작게 표시해도 되는..