네이버 커넥트 - 웹프로그래밍(풀스텍) 정리 (4) 썸네일형 리스트형 4. Element가 배치되는 방법 [ 엘리먼트가 배치되는 방식 ] 엘리먼트를 화면에 배치하는 것을 layout 작업이라고도 하고, Rendering 과정이라고도 함. 1. display : block, inline 1) display:block 위 아래로 쌓아짐 . 2) display:inline 우측으로, 그리고 아래쪽으로 빈자리를 차지하며 흐름. 높이와 넓이를 지정해도 반영이 되지 않음. 2. position : static, relative, absolute 1) position position 속성은 기본 static임. 그냥 순서대로 배치됨. 2) absolute 기준점에 따라서 특별한 위치에 위치함. top / left / right / bottom 으로 설정. 기준점을 상위엘리먼트로 단계적으로 찾아가는데 static이 아닌 .. 3. cascading & css selector 1. cascading span { color : red; } span { color : blue; } // blue 동일하면 나중 것 2. CSS Selector 1) 그룹 선택 h1, span, div { color : red } --> h1, span, div 를 하나의 그룹으로 묶어 빨간색 적용 2) 자손요소 요소 선택 (공백) : 자손요소 span tag span tag 2 #jisu span { color : red } 모든 span 태그에 red 색상이 적용됨. 3) 자식 선택 자식 선택 (>) : 자식은 바로 하위엘리먼트를 가리킴. 단락 선택 첫번째 단락입니다 두번째 단락입니다 세번째 단락입니다 네번째 단락입니다 #jisu > p:nth-child(2) { color : red } 첫 번째.. 2. Browser 1. Browser의 동작 브라우저는 월드와이드웹(WWW)에서 정보를 검색, 표현하고 탐색하기 위한 소프트웨어입니다. 인터넷에서 특정 정보로 이동할 수 있는 주소 입력창이 있고 서버와 HTTP로 정보를 주고받을 수 있는 네트워크 모듈도 포함하고 있습니다. 그리고 서버에서 받은 문서(HTML, CSS, Javascript)를 해석하고 실행하여 화면에 표현하기 위한 해석기(Parser)들을 가지고 있습니다. 위 그림에 대한 간략한 설명 HTML을 해석해서 DOM Tree를 만들고, CSS를 해석해서 역시 CSS Tree(CSS Object Model)을 만듭니다. 이 과정에서 Parsing 과정이 필요하며 토큰 단위로 해석되는 방식은 일반적인 소스코드의 컴파일 과정이라고 보시면 됩니다. DOM Tree와 C.. 1 . Web개발의 이해 - FE/BE (1~3) 1. HTTP 작동방식 HTTP는 서버/클라이언트 모델을 따릅니다. 장점 - 불특정 다수를 대상으로 하는 서비스에는 적합하다. - 클라이언트와 서버가 계속 연결된 형태가 아니기 때문에 클라이언트와 서버 간의 최대 연결 수보다 훨씬 많은 요청과 응답을 처리할 수 있다. 단점 - 연결을 끊어버리기 때문에, 클라이언트의 이전 상황을 알 수가 없다. - 이러한 특징을 무상태(Stateless)라고 말한다. - 이러한 특징 때문에 정보를 유지하기 위해서 Cookie와 같은 기술이 등장하게 되었다. 요청 메서드 : GET, PUT, POST, PUSH, OPTIONS 등의 요청 방식이 온다. 요청 URI : 요청하는 자원의 위치를 명시한다. HTTP 프로토콜 버전 : 웹 브라우저가 사용하는 프로토콜 버전이다. 2... 이전 1 다음
