# Dream Coding

15개의 포스트
post-thumbnail

Node로 배우는 백엔드 A-Z

https://academy.dream-coding.com/courses/nodeIntroductionWhat's Node.JS?Tools · PreparationNode ModulesNPM 구석 구석Debugging 치명적인 매력파일정리 스크립트 만들기Web

2022년 2월 20일
·
0개의 댓글
post-thumbnail

상단 메시지 만들기

antd 꺼져

2022년 1월 3일
·
0개의 댓글
post-thumbnail

Syntax and Selectors with CSS

CSS 구문의 기본 구조는 인라인 스타일과 스타일시트 모두에 대해서 작성되었다.ruleset, selector, declaration은 CSS 용어들로 쓰인다.CSS inline styles은 style 속성을 사용하여 열린 HTML 태그 내부에 작성할 수 있습니다.I

2021년 6월 29일
·
0개의 댓글
post-thumbnail

Sematic HTML

Semantic HTML은 태그 사이에 있는 내용에 대한 콘텐츠를 제공하는 특정 요소를 통해 페이지에 의미를 부여합니다.시멘틱 HTML은 현대적인 표준으로 화면 리더를 이용하여 웹페이지를 번역하는 사람들이 웹 사이트에 접속할 수 있도록 하며 웹 사이트의 SEO를 개선합

2021년 6월 29일
·
0개의 댓글
post-thumbnail

Form Validation

클라이언트 측 검증은 정보가 서버로 전송되기 전에 브라우저에서 수행됩니다.required 특성을 input 요소에 추가하면 입력 필드에 정보가 입력이 되었는지 검증합니다.input 요소의 min 속성에 값을 할당하면 허용되는 최소값이 검증됩니다.input 요소의 max

2021년 6월 29일
·
0개의 댓글
post-thumbnail

HTML Form

form 양식의 목적은 사용자가 정보를 입력하고 전송할 수 있도록 하는 것입니다.form 양식의 aciton 속성은 양식의 정보가 이동하는 위치를 결정합니다.form의 method 속성은 정보의 전송 및 처리 방법을 결정합니다.사용자가 정보를 입력할 필드를 추가하기 위

2021년 6월 29일
·
0개의 댓글
post-thumbnail

HTML Tables

table 요소는 테이블을 생성합니다.tr 요소는 테이블에 행을 추가합니다.행에 데이터를 추가하려면 td 요소를 사용합니다.테이블의 제목은 데이터의 의미를 명확히 해줍니다. th 요소와 함께 머리글이 추가됩니다.테이블 데이터는 colspan 속성을 사용하여 열을 합칠

2021년 6월 29일
·
0개의 댓글
post-thumbnail

HTML Document Standars

!DOCTYPE html 선언은 항상 HTML 파일의 첫 번째 코드 행이어야 합니다. 이를 통해 브라우저는 예상되는 HTML 버전을 알 수 있습니다.html 요소에는 모든 HTML 코드가 포함됩니다.제목과 같은 웹 페이지에 대한 정보는 페이지의 head 태그 안에 있습

2021년 6월 29일
·
0개의 댓글
post-thumbnail

Intro - HTML

'HTML'은 HyperText Markup Language의 약자로 웹페이지의 구조와 콘텐츠를 만드는 데 사용됩니다.대부분의 'HTML 요소'에는 원시 텍스트 또는 기타 HTML 태그를 사이에 두고 '여는 태그'와 '닫는 태그'가 포함되어 있습니다.HTML 요소는 다

2021년 6월 29일
·
0개의 댓글
post-thumbnail

Responsive Web, 반응형 웹, 반응형 Units

다양한 기기에서 웹사이트를 열 수 있기 때문에 고정된 사이즈로 레이아웃을 만드는 것 보다 FLUID한 유동적인 레이아웃을 만드는 것이 중요하다.\-고정된 PX 값을 사용하지 않고 flex grid와 box 그리고 %, vw, vh같은 값을 사용하여 구성한다.CSS에 M

2021년 6월 20일
·
0개의 댓글
post-thumbnail

CSS FlexBox

중심 축에 따라 수직 축이 바뀐다.\-왼쪽에서 오른쪽으로 item이 정렬되며 중심 축은 수평으로 가는 선이다.\-위에서 아래로 item이 정렬되며 중심 축은 수직으로 가는 선이다.flex-direction, flex 콘테이너 내의 flex 아이템 배치 시 주축 및 방향

2021년 6월 20일
·
0개의 댓글
post-thumbnail

CSS 레이아웃

\-inline은 콘텐츠 자체만을 꾸며주기 때문에 콘텐츠 크기에만 맞춰서 변경이 된다. \-만약 inline 속성을 가진 태그 안에 콘텐츠가 없다면 표시되지 않는다.\-따라서 block level의 요소는 한 줄에 한 개씩 공간을 차지한다.\-한 줄에 여러 개를 넣을

2021년 6월 19일
·
0개의 댓글

CSS 셀렉터

Cascading Style sheet 스타일을 관리하기 쉽도록 문서를 모아놓은 것인데 적용되는 방식이 단계적으로 이루어진다.웹 사이트를 스타일링할 때 세 가지 단계적으로 적용된다.\-author style 우리가 지정한 스타일링 >\-user style 사용자가 지정

2021년 6월 19일
·
0개의 댓글
post-thumbnail

HTML 태그

BOX는 header, footer, nav, aside, main처럼 세셔닝이 나눠지는 태그들을 말한다.\-section 안에서도 article이 여러번 나올 수 있고 article은 반복되어 재사용이 가능한 item들을 묶어주는 태그를 의미한다.\-div는 묶어서

2021년 6월 19일
·
0개의 댓글
post-thumbnail

HTML 큰 그림 이해하기

HyperText Markup Language는 웹 브라우저상에 보이지기 위해 고안된 문서 즉 실행가능한 기본적인 파일이다.HTML은 표준화된 Markup language를 쓰고 있는데 Markup language란일반적인 텍스트와 문법적으로 구분하기 위해 문서에 an

2021년 6월 19일
·
0개의 댓글