Hello World

1. CSS란? - Cascading Style Sheets 는 documents가 사용자에게 어떻게 보여질까를 기술하는 언어이다. - HTML이 정보를 표현한다면 CSS는 HTML문서를 시각적으로 이쁘게 꾸며주는 역할을 한다. 2. CSS로 기대되는 효과? - 정보(HTML)와 디자인(CSS)를 분리하여 관리할 수 있다. - 정보를 수정하지 않고 디자인만 변경할 수 있다. > 태그마다 style 속성으로 주게 되면 소스코드가 지저분해 지는데, 분리하여 관리하게 되면 유지보수 및 가독성이 좋아진다. - 검색엔진이 HTML을 해석 가능하도록 하기 때문에 더 많은 방문자들이 방문할 수 있도록 유도할 수 있다. > 시각장애인을 위한 스크린리더 프로그램이 HTML문서를 해석하도록 할 수 있다.(웹접근성) 3. ..

JS 콘솔을 사용하는 이유 소스코드의 일부를 실행시켜 문제 여부를 바로 판단 가능 웹페이지 소스코드 분석 콘솔창 단축키 종류 (Chrom 기준) 상황 단축키 Chrom, Explorer콘솔창 띄우기 F12 Elements탭에서 콘솔창 실행 F12 누른후 ESC 콘솔창에서 방금 사용한 소스코드 사용 ↑ JS(Datatype)자료형 기본 자료형 (Primitive) 인 여섯가지 데이터 타입 Boolean true,false(논리타입) Null null(빈값) Undefined 값을 할당하지 않은 변수 (주의 Null과 다름) Null = Null이라는 값이 들어감 Undefined = 할당된 값이 없음 Number 정수 실수 모두 표현 +무한대, -무한대, and NaN (숫자가 아님)이 있다. String..

JavaScript란 HTML,CSS로 구성된 언어의 웹을 동적으로 표현 해주는 언어이다. (사용자와 상호작용) 그렇담 HTML에서 JS를 어떻게 사용할까? Event 와의 연동 1. HTML Attributes(속성)과의 연동 ex) 2. HTML element과의 연동 ex) document.querySelector('myimage'); tag에 id값을 준다음 JavaScript로 해당 tag컨트롤이 가능하다. Event란 어떠한 사건을 의미한다. 위 코드로 설명을 해보자면 버튼을 클릭하였을때 JS alert창을 띄어라 라는 뜻. Event종류는 여러가지가 있는대 대표적으로 onclock(왼쪽버튼클릭시), onload(문서로딩시) 등등이 있다.

태그는 해당 영역이 어떤 역할을 해야 하는지 웹 브라우저에 알려주는 역할을 하게 됩니다. 예를 들어 p 태그로 감싸진 문장이 있다면, 웹 브라우저에서는 해당 문장 영역을 문단 (Paragraph)로 인식하게 되는 거죠. 태그가 없으면 브라우저는 해당 영역이 어떤 역할을 해야 할지 몰라서 그냥 텍스트로 표현해 주게 됩니다. 출처: https://crestia.tistory.com/23 [Project Crestia] HTML에는 구조를 나타내는 태그 외에도 수많은 태그가 존재합니다. 대부분의 HTML 태그는 여는(Opening) 태그와 닫는(Closing) 태그로 이루어져 있지만, 태그와 같이 홀로 쓰이는 태그도 있고 태그처럼 속성을 함께 사용하는 태그도 있습니다. 태그를 구성하는 요소는 아래와 같습니다...

웹개발에 있어 프런트엔드의 구 3 대장(HTML, CSS, JavaScript)? 이 자리 잡고 있는데 그중 첫 번째인 HTML(HyperText Mark-up Language)를 간략하게 살펴보도록 하겠다. 우선 프런트엔드의 기본 구성을 말하자면 아래와 같다. 1. HTML로 웹페이지의 초석을 잡고 (레이아웃 구성) 2. 초석이된 HTML위에 CSS로 예쁘게 화장^^?을 시켜준다. (레이아웃 꾸미기) ex)글씨색상을 입혀준다거나 태두리를 넣어준다거나 3. 이쁘게 꾸며진 웹페이지를 JavaScript로 역동적이게 만들어준다. 다시 HTML로 돌아와서 HyperText Mark-up Language 쉽게풀어 설명하자면 Hyper Text는 사용자가 필요한 정보를 자유롭게 찾아갈 수 있는 비순차적 텍스트을 ..