startdeveloping웹 개발

Block와 Inline Block 와 Inline을 나눠서 설명하겠습니다. 아래설명을 확인해주세요. Block 대부분의 HTML element(요소)는 block 요소입니다. , , , , , , 등이 모두 block 요소에 해당하는 태그입니다. block 요소는 한 영역을 차지하는 박스형태를 가집니다. 기본적으로 width값은 100%가 됩니다. 즉 이 요소의 좌우측에 다른 요소를 붙여넣을 수 없습니다. 그 자체로 한 줄을 완전히 차지합니다. margin, padding 속성이 적용된다. 너비(width)와 높이(height)값을 지정 할 수 있다. Inline inline 요소는 요소끼리 서로 한 줄에, 바로 옆에 위치할 수 있습니다. , , 등의 태그들이 inline 요소입니다. 주로 텍스트를 주..

시맨틱 태그 Semantic은 '의미의', '의미론적인'이라는 뜻을 가진 형용사이다. 따라서 시맨틱 태그란 의미가 있는 태그를 말한다. 나 과 같이 의미가 없는 태그는 태그 이름만 보고는 어떤 내용인지 전혀 유추할 수가 없는 반면, , , 등 의미가 있는 태그는 내용을 명확하게 정의한다. 종류 태그는 주제별 그룹의 콘텐츠 섹션을 나타낼 때 사용합니다. 태그는 소개 컨텐츠 및 네비게이션 링크를 포함한 섹션입니다. 태그는 네비게이션 링크를 정의합니다. 태그는 문서내에 독립적인 컨텐츠를 정의합니다. 태그는 사이트 푸터부분을 정의합니다. 태그는 문서내에 사이드 컨텐츠를 정의합니다. 태그는 웹 문서의 주요 콘텐츠 영역을 설정합니다. HTML5에 의미가 변경된 태그 태그는 HTML4에서는 href="#" 또는 hr..

데이터 타입(자료형) 변수에는 여러가지 유형이 들어갈 수 있습니다. 프로그램 언어에 있어 가장 기본적인 요소이며, 데이터 타입이라고 합니다. 데이터 타입에는 숫지, 문자열, 논리값, 특수값, 심벌, 객체, 배열 함수 등을 표현할 수 있습니다. 숫자(Number) 우리는 숫자를 이용하여, 덧셈 (+), 뺄셈 (-), 곱셈 (*), 나눗셈 (/) 등의 연산을 할 수 있다. 프로그래밍 언어에서의 숫자는 우리가 일반적으로 알고 있는 숫자와 그 성격이 사실상 동일하다. 문자열(String) 문자열은 텍스트 데이터를 나타낼때 사용합니다. 문자열 데이터는 문자나 숫자를 큰따옴표 ("") 또는 작은따옴표 ('')로 감싸고 있고, 문자형 데이터에 HTML 태그를 포함하여 출력하면 태그로 인식합니다. 논리값(Boolean..

CSS란? CSS(Cascading Style Sheets)는 documents가 사용자에게 어떻게 보여질까를 기술하는 언어이다. HTML이 정보를 표현한다면 CSS는 HTML문서를 시각적으로 이쁘게 꾸며주는 역할을 한다. CSS 주석 표시 /* CSS 주석 */

HTML이란? HTML(Hyper Text Markup Language)을 각 단어의 뜻을 순서대로 살펴보며 HTML의 의미와 목적에 대해 알아보겠습니다. 하이퍼 텍스트(Hypertext)는 하이퍼 링크를 이용해 독자가 원하는 순서에 따라 기존 문서에서 다른 문서로 접근할 수 있는 텍스트입니다. 즉, 하이퍼 텍스트는 책처럼 한 장 한 장 차례대로 내용을 읽는 전통적인 텍스트 접근 방식이 아닌, 링크라는 통로를 통해 원하는 페이지로 바로 도착하는 접근 방식을 가지고 있습니다. 마크업(Mark Up)이란 어떠한 표시를 뜻하며, 마크업 언어(Markup Language)는 태그를 이용하여 문서나 데이터의 구조를 명시하는 언어를 지칭합니다. 이제까지의 설명을 종합해보면 HTML은 웹 페이지의 구조 혹은 데이터 ..

변수란? 변수(variables)는 변하는 데이터를 저장할 수 있는 공간입니다. 데이터는 오직 한 개만 저장됩니다. 새로운 데이터가 들어오면 기존에 있던 데이터는 메모리 공간에서 지워지게 됩니다. 변수에 저장할 수 있는 데이터의 종류는 숫자형(Number), 문자형(Srting), 논리형(Boolean),빈(Null) 데이터가 있습니다. var result(변수 이름(식별자)) = 10 + 20; 변수 선언 방법 변수 를선언하는 방법은 var(let도 사용함) 키워드를 변수명 앞에 붙입니다. 변수명에는 한글을 사용할 수 없고, 영문과 숫자 그리고 일부 특수 문자[밑줄(_), 달러기호($)]만 포함할 수 있습니다. var 변수명 = 값; let 변수명 = 값; 변수명 자바스크립트에는 의미를 가진 단어들이 ..

자바스크립트 기초문법 자바스크립트 선언문 자바 스크립트 선언문은 자바스크립트 코드를 작성할 영역을 선언하는 것이라고 이해하면 됩니다. 라는 태그로 종료된 곳 까지 스크립트 영역 이라고 부릅니다. 선언문은 태그 영역 또는 태그 영역에 선언하면 됩니다. 우리도 태그 영역에 선언하겠습니다. document ...... 자바스크립트 주석처리 자바스크립트에서는 방법이 두 가지가 있습니다. //를 넣으면 // 뒤부터 그 줄의 끝까지가 주석이 됩니다. /* 주석 주석 */ 여러 줄을 주석 처리하고 싶다면 /* 와 */ 로 감쌉니다. /* 주석 주석 */ 코드 입력시 주의사항 대, 소문자 구별할것 실행문 뒤에는 세미콜론(;)을 붙이기 실행문 작성시 한 줄에 한 문장만 작성하는 것이 좋음 문자형 데이터 작성시 큰따옴표(..

CSS 선언 방법 CSS 선언 방법은 내부 스타일, 인라인 스타일, 외부 스타일이 있습니다. 1. 내부 스타일 내부 스타일은 HTML 파일 안에 2. 인라인 스타일 요소의 style 속성에 직접 스타일을 작성하는 방식 입니다. 우선순위상 우선하기 때문에 공통기능에 대해서 따로 파일로 관리하는 경우 변경이 불가능하기 때문에 유지보수에 어려움이 있는 방식입니다. 그렇기 때문에 권장하지 않는 방식입니다. ... 3. 외부 스타일 link 태그를 이용하여 외부 CSS문서를 가져와서 연결하는 방식입니다. 실무에서 주로 사용하는 방식으로 대부분의 프로젝트에서 이 방식을 사용하고 있습니다.