게으른 나에게

14-1 변수 알아보기변수프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터.상수: 값을 한번 지정하면 바뀌지 않는 데이터. 변수 선언 규칙변수 선언: 변수를 사용하려면 변수를 구별 할 수 있도록 이름을 붙이는 것. 1. 변수 이름은 영어 문자와 언더스코어(_), 숫자 사용.사용할 수 있는 변수 이름now, _now, now25, now_25사용할 수 없는 변수 이름23now, now 25, *now 2. 자바스크립트는 영어 대소 문자 구별, 예약어는 변수 이름 x.number, Number, NumBer 모두 다른 변수 이름 인식.var X. 3. 여러 단어를 연결한 변수 이름은 중간에 대문자 섞어 씀.낙타 표기법: totalArea, TotalArea 4. 변수 이름은 의미 있게 작성.변수..

13-1 자바스크립트로 무엇을 할까웹의 요소 제어HTML이나 CSS와 함께 사용해서 웹의 요소를 움직이거나 포토 갤러리를 펼쳐 놓은 것처럼 웹 사이트 UI 부분에 많이 활용.-웹 애플리케이션 만듦.-다양한 라이브러리 사용. (리액트, 앵큘러, 뷰, 제이쿼리)-서버 개발 가능. (Node.js)     13-2 웹 브라우저가 자바스크립트를 만났을 때웹 문서 안에  외부 스크립트 파일로 연결해서 자바스크립트 작성자바스크립트 소스도 따로 파일로 저장한 후 웹 문서에 연결해 사용. 자바스크립트 위 텍스트를 클릭해 보세요  웹 브라우저에서 스크립트를 해석하는 과정① 를 보고 이 문서가 웹 문서라는 것을 알게 됨. 태그 사이의 내용을 HTML 표준에 맞춰 읽기 시작.② 웹 문서에서 HTML 태그의 순서와 포함관..

12.1 문서 객체 모델 이해하기HTML 문법으로 작성한 태그, 속성, 주석, 텍스트와 같은 구성 요소들은 모두 웹 브라우저에서 각각 하나의 객체로 인식. 1.1 DOM(DOM, Document Object Model)문서 객체 모델(DOM): HTML 구성 요소들을 다루는 객체. 웹 브라우저에 표시되는 HTML 문서 구조를 객체화한 모델 구조. 1.2 문서 객체 모델이 생성되는 방식문서 객체 모델은 웹 브라우저가 HTML 문서를 해석하고, 해석한 HTML 문서 구조를 객체로 변환하는 방식으로 생성됨. 생성한 문서 객체 모델을 웹 브라우저에 표시. 웹 브라우저에 표시되는 HTML 문서는 내부적으로 문서 객체 모델을 해석해서 보이게 됨. 문서 객체 모델은 나무를 뒤집어 놓은 형태의 자료구조인 트리(tree..

11.1 자바스크립트 객체 다루기!! 기본 자료형을 제외한 거의 모든 것이 객체로 구성됐다고 해도 과언이 아닐 정도로 객체는 자바스크립트에서 정말 중요 !!1. 객체자료형의 관점: 키와 값으로 구성된 속성들의 집합.객체는 자바스크립트에서 제공하는 기본 자료형과는 다르게 여러 개의 값을 가질 수 있고, 다른 자료형의 값도 가질 수 있음.const person = {};리터럴 방식: {}속성이 하나도 없는 빈 객체.const person = {"Hong Gildong"};보통 객체를 생성할 때는 빈 객체로 생성하지 않고 처음부터 속성을 지정한 상태로 생성.const person = { name:["Hong", "Gildong"], age:20, isAdult:true};객체는 데이터의 종류를 가리지 않..

10.1 함수1. 함수떤 목적을 가지고 작성한 코드를 모아 둔 블록문.블록문을 function 키워드, 식별자, 소괄호와 함께 묶으면 함수가 생성되는데, 이를 함수를 정의함.function 식별자() { } 10.2 함수를 정의하는 방법2. 함수 정의함수를 정의하는 방법 3가지 ① 함수 선언문: function 키워드로 함수를 정의.function 키워드 다음에 함수를 식별할 수 있도록 식별자를 붙이면 됨. 이때 식별자 뒤에는 소괄호(()). 식별자의 명명 규칙은 변수명을 생성할 때와 같음.function 식별자() { } 함수를 정의하고 나면 함수의 식별자(함수명)와 소괄호를 열었다가 닫아주는 형식으로 함수를 실행할 수 있음.함수명();※ 식별자가 어떤 용도로 사용되는지에 따라서 다른 명칭 불림. 변수..

9.1 변수와 상수1-1 변수데이터를 저장할 수 있는 공간. -변수: 변할 수 있는 데이터를 저장하는 공간 -상수 변수: 재할당 할 수 없는 데이터를 저장하는 공간  -키워드(=예약어): 자바스크립트 프로그래밍   어떤 역할이나 기능이 정해진 특별한 단어. -식별자: 자바스크립트 내부에서 변수, 함수 등에 부여되는 이름을 의미. var, let, const 등의 키워드와 함께 사용하면 식별자라는 용어보다는 변수명이라고 함. 키워드는 식별자로 사용할 수 없음. -연산자: 이름 그대로 어떠한 연산 작업을 하는 데 사용하는 기호.  -표현식: 표현식을 실행해 하나의 값을 만드는 과정되어 하나의 값을 반환하는 식 또는 코드를 의미. -값: 더 이상 평가할 수 없는 데이터를 의미.  -세미콜론: 자바스크립트에서 ..