webplacidcy

레이아웃 배치를 목적으로 만들어진 기능 컨테이너에 적용되는 속성과 아이템에 적용되는 속성이 있다 컨테이너에 적용되는 속성 display: flex 각 아이템(요소)들의 width값과 height값만큼 크기가 변경되고 가로 방향으로 정렬한다 { .container { display: flex; display: inline-flex; } } flex-direction 아이템들이 배치되는 축의 방향을 결정한다, 메인축(정렬된 아이템의 축 기준)의 방향을 가로, 세로로 할지 결정한다 { .container { flex-direction: row; // 아이템들의 방향이 행(가로)으로 정렬된다 flex-direction: column;// 방향을 열(세로)으로 정렬한다 flex-direction: row-reve..

태그의 다른 페이지 또는 현재 페이지에서 다른 부분과 연결되는 링크들의 집합을 정의한다 메뉴, 목차, 색인(인덱스)등을 설정한다 HTML CSS Javascript HTML 문서의 독립적인 섹션(구역)을 정의한다, 보통 제목 요소(h1~h6)를 자식 요소로 포함하는 경우가 많다 HTML HTML(HyperText Markup Language)은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 마크업 언어이다. HTML의 역사 최초의 HTML은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다.

Display display 속성은 요소를 어떻게 보여줄지를 결정한다 인라인 요소들을 블록 요소로 보이게 만들 수 있고 블록 요소를 인라인처럼 보이게 만들 수도 있다 1. display:inline 요소를 감쌀정도의 크기만을 보여준다, 줄바꿈이 되지 않고 width값과 height값을 지정할 수 없다 2. display:block display의 기본값, 기본적으로 width값이 자신의 컨테이너 크기의 100%가 되게 설정한다 3. display:none 박스가 생성되지 않고 공간을 차지하지 않는다 4. display:inline-block 인라인과 블록의 특성을 합쳐놓은 속성, 기본적으로 인라인의 속성을 지니고 있지만 크기를 바꿔줄 수 있다 HTML This is div1 This is div2 Thi..

for문을 이용해서 1부터 100까지 출력하기 { for(let i = 1; i

UI/UX 콘셉트 아이디어 도출하기 요구사항분석 요구사항 분석은 제품 또는 서비스의 사용자를 포함한 이해관계자들의 요구사항을 파악하고 이를 고려하여 제품 또는 서비스가 이와 부합하도록 하기 위한 조건을 결 정하는 과정이 주가 되는 업무로 이후 개발 생명주기(SDLC, Software Development Life-Cycle)의 시발점이 되며, 아래와 같이 정의 된다. 시스템이나 소프트웨어 요구사항을 정의하기 위해 사용자의 요구 사항을 조사하고 확인하는 과정 시스템이나 소프트웨어 요구사항의 검증 과정 요구사항의 도출 : 요구사항이 무엇인지를 파악하기 위해 고객 및 사용자 등 이해 관계자와 인터뷰 등을 수행하는 작업 요구사항의 분석 : 도출된 요구사항이 명확한지를 판단하고 이를 요구사항의 성격에 따라 분류하..