반원 블로그

CSS 불러오기 따로 CSS 코드만 작성한 .css 파일을 불러오는 것 파일 주소는 웹 주소도 가능하다. rel : Relation. 관계를 기술. 현 html5과의 관계는 스타일시트임을 의미 head 태그 내부에 기재(head태그는 페이지에 필요한 정보들을 넣음을 기억) 또는 CSS 상속 스타일 속성에 따라 부모가 자식에게 물려주는 속성이 따로 존재한다. Box Model 속성(margin, padding, border, width, height)는 상속되지 않는다. 그 외 font 관련 등의 속성은 해당 요소에 대한 css가 없을 땐 부모 속성을 상속받는다.

Box 모델 크롬 개발자를 보면 확인할 수 있다. border, margin, padding, width, height 속성을 주로 설정 모든 요소에 존재 Block과 Inline에 적용되는 Box 형태가 다르다. margin, border, padding 순으로 되어있다. margin : 다른 요소 또는 브라우저 경계선 간의 간격 border : 테두리 영역 padding : 테두리와 요소의 내용(컨텐츠) 사이의 간격 위 3가지는 top, bottom, left, right를 다로 지정해줄 수 있다. Block 요소의 Box (기본값 기준) width : 브라우저 화면의 가로를 전부 사용하여 생성된다. 따라서 줄 바꿈이 일어난다. height : 내용의 높이만큼 생성된다. Inline 요소의 Box w..

CSS란? Cascading Style Sheet 웹 페이지 스타일 지정 전용 언어 그리고 파일(.css) 스타일 적용 방식 요소(Element) 단위로 지정 웹 페이지 단위로 지정 웹 사이트 단위로 지정 style 태그 HTML 스타일 적용을 위한 코드 작성 Style 적용 코드 문법 - 요소, id명, class명 엘리먼트{ css코드 } : 요소를 이용한 방법 식별자{ css코드 } : 식별자 id, class 를 이용한 방법 CSS 선택자 부모, 자식, 형제 관계를 이용해 CSS 적용 대상을 결정하는 방법 자손 선택자(Descendent) : 선택자1 선택자2{ css코드 } 선택자1에 내부에 있는 선택자2에 대해 모두 적용. 깊이 무상관 자식 선택자(Child) : 선택자1>선택자2{ css코드..

form 태그 주로 회원가입, 블로그 글 쓰기등 서버에 데이터를 전송하기위한 양식 작성 태그 위 같은 이유로 post방식에서 주로 볼 수 있다. get방식도 사용할 수 있다. form 사용 태그와 키워드 설명 form : 전체 폼 영역의 부모 역할 태그 action : 데이터 전송의 목적지를 기재하는 속성. 전송시 호출될 서버 프로그램 주소 지정 method : http 전송 방식 설정. get|post name 속성 데이터 전송시 서버측은 name 속성의 값으로 데이터를 식별한다. input 태그 속성 name : 서버측에서 데이터 식별자 type="text" : 텍스트 입력을 위한 입력박스 속성값 type 속성값 목록 : email, number, password, search, tel, text, ..

HTTP (하이터텍스트 전송 규칙) 상세 내용 HTTP는 Header와 Body로 구성되어 있다. 크롬 개발자 도구를 통해서도 확인할 수 있다. Header 요청 방식(Http 메소드) 사용자 정보 브라우저 정보 Body 실질적인 데이터가 있는 영역 서버에 전달할 데이터를 전송할 때 데이터가 담겨있다. HTTP 메소드 대표적으로 GET과 POST가 존재 클라이언트가 서버에 요청하는 방법(종류) GET 보안이 없음 웹 사이트 검색에서 자주 볼 수 있음 리소스를 가져오는 행위 방식 인터넷 주소 란에 요청url과 요청 정보가 다 노출된다. query : url끝에 ? 부터 시작되는 문자열. 요청한 내용에 해당한다. URL?key1=value1&key2=value2 예 : https://search.naver...

클라이언트 - 웹 서버 - 디스크 결국 클라이언트도 웹 서버도 컴퓨터(PC)이다. 클라이언트가 웹서버에 요청하고 바로 응답하는 경우도 있다. 그러나 문서, 이미지, 파일 등을 클라이언트가 요청했을 땐 서버가 디스크에서 자료를 요청한 뒤 응답받고 다시 클라이언트에 응답한다. 여기서 문서, 이미지, 파일 등을 자원(Resource)라고 한다. 정적자원 Static Resource 사용자(클라이언트)의 행동, 입력 등에 영항을 받지않는(의존하지않는) 자원 HTML 파일 경로 1.절대경로 자원의 절대적 위치 http://, https:// 로도 사용 가능하므로 웹에 이미 업로드 된 경로도 사용할 수 있다. 예 : http://image.jpg 또는 https://image.jpg 2.상대 경로 현재 페이지 위치..