기억하기 위한 기록

display 속성은 요소를 어떻게 보여줄지를 결정합니다. 주로 4가지 속성값이 쓰이는데, 태그마다 기본 값이 다릅니다. - none : 보이지 않음 - block : 블록박스 - inline : 인라인 박스 - inline-block ; block과 inline의 중간 형태 1. none : 요소를 렌더링 하지 않도록 설정합니다. visibility 속성을 hidden으로 설정한것과 달리, 영역도 차지하지않습니다. 2. block : 기본적으로 가로 영역을 모두 채우며, block요소 다음에 등장하는 태그는 줄바꿈이 된 것처럼 보입니다. 이는 word 같은 문서에서 문단을 표시할 때, 한 문단이 끝난 뒤에 나타나는 요소는 항상 다음줄에 표시되던 것과 비슷한 맥락입니다. width , height속성을 ..

잘난 웹디님 강의를 통해 퍼블리싱을 위한 웹페이지를 제작 과정을 공부하고 있습니다. 오늘은 한국소비자원의 메인페이지를 제작하는 강의를 들으며 실습을 하였고, 실제로 페이지를 제작하는 2강부터 포스팅을 하겠습니다. 한국소비자원 웹사이트 제작 강의에서는 HTML5 markup문서구조정의와 구글폰트 import하는 법, css3속성을 이해하며 Layout Design적용하는법, Block과 Inline속성, position에 대한 이해와 적용, 다양한 효과 (hover나 focus등..), 개발자도구 활용법에 대해 공부할 수 있으며, 2강에서는 메인페이지의 헤더영역을 제작하였고 그에 대한 공부한 내용입니다. 공부하며 개념을 다질 수 있는 내용 위주로 (혼자 기억하기위함) 올립니다. /*reset*/ 페이지가 ..

* 잘난웹디님과는 다르게 이클립스로 실습했음 이클립스로 실습시 순서 1. window > preference > encoding > UTF-8로 변경후 작업환경 세팅 2. dynamic web project > 프로젝트 생성 > webcontent > index.html 생성 후 코드 작성 3. 서버 생성 후 포트넘버 변경 예제 완성본 전체를 div.wrap 으로 감싼 wrap > div.contents 예제를 담아본다. contents 안에는 제목 : 지금 꼭@ 읽어야할 이야기 내용 : 안에 안에 총 3개로 나눠준다. li 안에 또 하나의 div로 텍스트들을 담아준다. div.imgBox > background 이미지로 사진을 넣을 예정 - link를 걸어 style.css를 불러온다. 영역 안에 - ..

파싱 (Parsing : 구문분석) 은 하나의 프로그램을 런타임환경 (예를 들면, 브라우저 내 자바스크립트 엔진)이 실제로 행할 수 있는 내부 포맷으로 분석하고 변환하는 것을 의미합니다. 즉, 파싱은 문서의 내용을 *토큰(token)으로 분석하고, 문법적 의미와 구조를 반영한 *파스트리(parse tree)를 생성하는 과정입니다. * 토큰이란 ? 언어가 사용하는 기본 '단어'를 말한다. 토큰은 구문적으로 의미를 갖는 최소의 단위이며 우리가 작성하는 프로그램은 모두 이러한 토큰으로 이루어진다. ex) JAVA에서 보면 public static void main(String [] args{ ... } 에서 토큰은 public, static, voidm main, (, String, [, ], args, ),..