IT로그아웃

DOM Functions? 문서 객체 모델(The Document Object Model, DOM) 은 HTML, XML 문서의 프로그래밍 interface이다. JavaScript는 HTML에 있는 모든 요소를 가지고 와서 객체로 만든다. 따라서 모든 HTML은 객체가 되는 것이다. 객체는 많은 키를 가지고 있다. 우리가 찾게 될 모든 객체들의 함수를 DOM(Document Object Module) 형태로 변경할 수 있다. 예를 들어보자. [index.html] This works! [index.js] const title = document.getElementById("title"); title.innerHTML = "Hi from js"; // title의 내용이 바뀐다. title.style.c..

함수란 ? 함수(function)란 하나의 특별한 목적의 작업을 수행하기 위해 독립적으로 설계된 코드의 집합으로 정의할 수 있습니다. 대표적인 내장 함수 (console.log) console.log(console)한 결과. 이 때 console은 Object이고, log는 함수이다. t { log: [Function], error: [Function], info: [Function], warn: [Function], dir: [Function], time: [Function], timeEnd: [Function], trace: [Function], assert: [Function], clear: [Function], stdout: { [Function] clear: [Function] }, _times..

Objects 란? 객체는 영어로 Object를 뜻하며 사물 또는 하나의 물건의 의미를 가지고 있습니다. 프로그래밍에서 객체 또한 특징을 가진 하나의 사물이라고 볼 수 있습니다. Organizing Data with Object (실제 객체를 만든다) // parkInfo는 Object 이다. const parkInfo = { name: "박준승", age: 30, gender: "male", favSports: ["축구", "야구", "볼링"], // Object와 Array를 같이 사용할수있다 favFoods: [ // 이하 동문 { name: "Kimchi", fatty: true }, { name: "mincho", fatty: false } ] }; console.log(parkInfo); //..

Arrays란? 일반적으로 array란 어떤 특정한 방식으로 배열된 다수의 항목들을 말한다. 예를 들어 하나의 리스트(list) 또는 3차원 표 같은 것들이 그것이다. !Camal case CamelCase란 단어가 합쳐진 부분마다 맨 처음 글자를 대문자로 표기하는 방법입니다. 두 개 이상의 단어가 모인 합성어에서 사용됩니다 요일을 출력해 보기 const mon = "Mon"; const tue = "Tue"; const wed = "Wed"; const thu = "Thu"; const fri = "Fri"; const sat = "Sat"; const sun = "Sun"; console.log(mon,tue,wed,thu,fri,sat,sun); 위와 같은 방법으로도 출력이 가능하지만 좋은 방법이 ..

Data Types 에 대하여 1. String 텍스트형 2. Boolean true&false 3. Number 숫자형 4. Float 소수형 // String const str = "park"; // Boolean const bol = ture; // Number const num = 777; // Float const flo = 7.77; console.log(str); console.log(bol); console.log(num); console.log(flo); //결과값 park ture 777 7.77

let, const, var에 대하여 우리는 웹사이트를 만들며 쉽게 변하지 않는 데이터를 만들고싶은 경우가 있다. 예를 들면 중요한 정보, 공지사항 같은 경우를 예로 들수있다. 자바스크립트에서는 Const 상수의 개념의 데이터 저장공간을 만들어낼수있다. Const 는 변수 재선언, 변수 재할당 모두 불가능하다. let 은 변수에 재할당이 가능하다. var 은 변수에 재할당이 가능하다. const a = 221; let b = a - 5; a = 4; // Type Error Assignment to constant variable console.log(b); 위에서 확인 할 수 있듯이, const 데이터 값을 변경하는 코드를 주입시 Type Error Assignment to constant variab..

Variable 이란? 변수는 변하는 값을 나타내는 문자다. 다양한 값이나 양을 넣을 수 있는 빈 자리를 나타내는 기호로 종종 주어진 집합에 있는 임의의 원소를 나타낼 때 쓴다. a = 221 b = a - 5 console.log(b) //결과값 216 위에 코드는 좋은 문법의 코드가 아니다 자바스크립트의 문제점은 좋은 문법의 코드가 아니더라도 최대한 이해하여 실행에 옮기는점이다. 우리는 궁극적으로 좋은문법을 통해 자바스크립트 코드를 만들필요가있다. let a = 221 let b = a - 5 console.log(b) 좋은 문법의 자바스크립트 코드를 만들기 위해서는 아래의 프로그래밍 언어의 기본 규칙을 지킬필요가있다. 1. Create 만들기 2. Initialize 초기화 3 Use 사용 4. 문..

What are we learning css, html js 파일을 통하여 간단한 문장 출력해보기 index.css body { background: peru; color: #fff; } index.html This works! index.js alert("Im Working. Im js. Im Beautiful. Im worth it") 결과값