잇!(IT) 블로그

- DOM -> Javascript로 HTML 조작하기 - DOM : Document Object Model의 줄임말로, 웹브라우저가 정적인 웹페이지를 변경하거나 조작하기 위해 HTML 파일을 자바스크립트 객체로 만들어 준다. - DOM을 사용하는 상황 : DOM dms 을 자바스크립트 객체로 만든 것이다. 자바스크립트로 HTML을 수정, 변경하거나 HTML에 작성된 내용을 자바스크립트 변수에 담아서 사용하는 등에 이용된다. - 함수 - 함수의 종류 1. 함수의 선언식 function 함수이름(param1, param2, ...){ // ...code here return 결과값 } 2. 함수의 표현식 const 함수이름 = function (param1, param2, ...){ // ...code h..

- 변수와 상수 - 변수 : var, let - 상수 : const var let const 변수명 중복 여부 (재선언 여부) 가능 O 불가 X 불가 X 데이터 수정 여부 (재할당 여부) 가능 O 가능 O 불가 X - ex) let name name = "정혜원" name // 결과 정혜원 //let 변수 재할당 name= "홍길동" name // 결과 홍길동 const myMoney = 0 //const 재할당 myMoney = 100 // 에러남 TypeError - 배열 // 빈 배열 const blanksArr = [] // 아무것도 안담는 것도 가능 // 숫자들로 이루어진 배열 const numbers = [2, 10, 7, 3.3] // 숫자 담기 // 문자들로 이루어진 배열 const cla..

- CSS란? - CSS란 cascading style sheet의 약자이다. - CSS는 HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어다. - 특성 - 특성(property)에는 색, 크기, 정렬 등이 존재한다. div { color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /* 가운데 정렬 */ font-family: arial; /* 글꼴 */ width: 300px; /* 넓이 */ height: 300px; /* 높이 */ background-color: red; /* 배경색..

- 웹 페이지는 HTML, CSS, Javascript로 구성 되어있으며, 브라우저는 세 언어 이외의 언어는 인식하지 못한다. 1. HTML 2. CSS 3. Javascript - HTML - HTML 이란? - HTML은 HyperText Markup Language로, 네트워크가 연결된 웹페이지에서 문서를 작성하고, 읽고, 공유하기 위해서 만들어진 체계다. - HTML 언어의 본질은, 사용자간에 소통하기 위해 정해진 약속이다. - '태그'를 통해 웹페이지에서 보여질 내용을 나타낸다. - 태그란? - 하나의 약속된 명령어이며 고유한 기능을 가지고 있다. - 시작태그 + 내용 + 종료태그로 구성된 한줄을 HTML Element(요소)라고 부른다. - 안에 들어간 문법에 따라 고유의 기능을 가지고..

FLEX 1. 컨테이너 2. 아이템 3. 주축 (main axis) 4. 교차축 (cross axis)

- css는 선택자가 중요하다. - 태그 안의 속성을 정한다. 태그를 이렇게 바꿀 것이다. - rel="stylesheet"는 css라는 뜻을 의미하고 href=""에 css 파일 경로를 지정해준다. - 우선 순위 : id > class > tag - 속성을 이용해서 선택자로 사용할 수 있다.