해당 글의 내용은 poiemaweb 을 읽고 요약하여 재정리한 내용입니다. 이번에는 CSS3 lesson 3~5의 내용인 CSS 프로퍼티 값의 단위와 Box model 그리고 display, visibility, opacity 프로퍼티에 대해 알아보겠습니다. 3. CSS 프로퍼티 값의 단위 CSS 프로퍼티에는 키워드, 크기 단위, 색상 표현 단위 등의 특정 단위를 갖는 값을 지정합니다. 키워드 각 프로퍼티에 따라 사용할 수 있는 키워드가 존재합니다. 예를 들어 display 프로퍼티의 값으로 사용할 수 있는 키워드는 block, inline, inline-block, none 가 있습니다. 크기 단위 대표적인 크기 단위는 절대값인 px, 상대값인 em, % 입니다. 대부분 브라우저의 폰트 사이즈 기본값은..
해당 글의 내용은 poiemaweb 을 읽고 요약하여 재정리한 내용입니다. CSS3 lesson 1, 2의 내용인 기본 문법과 셀렉터에 대해 알아보겠습니다. 1. CSS3 Syntax CSS(Cascading Style Sheets)는 HTML과 같은 구조화 된 문서에서 각 요소의 style(design, layout etc)을 정의하여 화면에 어떻게 렌더링하면 되는지 브라우저에게 설명하기 위한 언어입니다. HTML과 CSS는 각자의 문법을 갖는 별개의 언어이며, HTML은 CSS를 포함할 수 있지만 HTML 없이 단독으로 존재하는 CSS는 의미가 없습니다. 셀렉터 (Selector, 선택자) 셀렉터는 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단입니다. 위와 같은 구문..
해당 글의 내용은 poiemaweb 을 읽고 요약하여 재정리한 내용입니다. 이번에는 HTML lesson 7~10의 내용인 목록 및 표 태그, 이미지 및 미디어 지원 태그, 폼 태그, 공간 분할 태그에 대해 알아보겠습니다. 6. HTML5 Tag - List & Table 목록(List) 목록 태그는 내비게이션 메뉴를 만들 때 자주 사용되며, 중첩으로 사용할 수 있습니다. 순서가 없는 목록은 태그를, 순서가 있는 목록은 태그를 사용합니다. type 어트리뷰트로 순서를 나타내는 문자를 지정할 수 있으며 가능한 값으로는 1, A, a, I, i 가 있습니다. start 어트리뷰트로 리스트의 시작값을 지정할 수 있습니다. reversed 어트리뷰트로 리스트의 순서값을 역으로 표현할 수 있습니다. 테이블(Tab..
해당 글의 내용은 poiemaweb 을 읽고 요약하여 재정리한 내용입니다. 이번에는 HTML lesson 4~6의 내용인 기본 태그, 텍스트 관련 태그, 하이퍼링크에 대해 알아보겠습니다. 3. HTML5 Tag - Basic 웹 페이지를 구성하는 기본 태그는 다음과 같습니다. 문서 형식 정의 태그 (Document Type Definition, DTD) 출력할 웹 페이지의 형식을 브라우저에 전달합니다. 문서의 최상위에 위치해야 하며, 대소문자를 구별하지 않습니다. html 태그 모든 HTML 요소의 부모 요소이며 웹 페이지에 단 하나만 존재합니다. 특히 lang 어트리뷰트를 사용하는 경우가 많습니다. head 태그 메타데이터를 포함하기 위한 요소이며 웹 페이지에 단 하나만 존재합니다. 화면에 표시되지 않..
해당 글의 내용은 poiemaweb 을 읽고 요약하여 재정리한 내용입니다. HTML lesson 2, 3의 내용인 기본 문법, 시맨틱 요소에 대해 알아보겠습니다. 1. HTML5 Introduction & Syntax HTML5 HTML5(HyperText Markup Language)은 웹 페이지를 기술하기 위한 마크업 언어입니다. 마크업 언어? 태그 등을 이용해 문서나 데이터의 구조를 명기하는 언어 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화 합니다. HTML5 문서는 반드시 으로 시작하며, 과 사이에 기술합니다. 사이에는 document title, 외부 파일의 참조, 메타데이터의 설정 등이 위치하고, 브라우저에 표시되지 않습니다..
프로젝트를 통해 서비스 기획을 해보던 중 사용자 스토리에 대해 알게 되었습니다. 사용자 스토리가 무엇이고, 어떻게 작성하는지 현재 진행되고 있는 프로젝트로 예시를 들어 함께 짚어보겠습니다. 유저 스토리(User Story)란? 사용자의 관점에서 요구되는 기능을 간결하고 명확하게 기술한 것을 뜻합니다. 애자일(Agile)로 서비스를 개발하는 과정에서 요구사항을 정의하고, 작업의 우선 순위를 지정하는데 사용됩니다. 구성원들에게 무엇을, 왜 만들어야 하는지 명확하고 간결하게 전달하는 방법으로 유저 스토리의 하나 하나가 개발해야 할 스펙 단위가 되기 때문에 디자이너, 기획자, 개발자 간의 공용어로 사용되기도 합니다. 유저 스토리를 쓸 때는 다음과 같은 포맷으로 작성합니다. As a [type of user] :..
