JS

함수 정의하고 호출하기 함수란? 함수는 ‘불러서 쓸 수 있는 코드 조각’ 함수를 선언하고 기능을 정의 하면 함수의 이름을 코드 조각으로 사용 가능 함수도 직접 만들수 있지만 변수와 만드는 법이 다름 함수를 만드는 대표적인 두 가지 방법 함수 선언식 function 함수명(){ 함수의 기능 표현 구문 } 함수 표현식 const 함수명 = function(){ 함수의 기능 표현 구문 } 표현식으로 선언한 함수는 호이스팅기능이 불가 호이스팅 기능: 함수 만드는 부분이 호출하는 부분보다 아래에 있어도 됨 함수를 호출할 때는 함수의 이름 뒤에 반드시 소괄호를 붙여줘야 함 인수와 반환 인수 함수에서 소괄호는 함수가 실행될때 필요한 재료를 받는 것이고 전달되는 데이터를 인수(argumnet)라고 함 인수를 전달받아 ..

createElement, appendChild createElement document.createElement() 메서드는 지정된 이름의 HTML 요소를 만들어 반환 document.createElement('div') HTML요소가 만들어 지고 반환되었다고 해서 요소가 곧장 브라우저에 추가되는 것이 아님 자바스크립트 단계에서 만들어져 있는 요소를 화면에 표시하는 작업으로 추가해줘야 함 appendChild appendChild메서드는 DOM 내 개별 요소(’노드’)에 자식 요소를 추가할때 사용하는 메소드 사용방법 target.appendChild(자식으로 추가할 요소) 예제 const p = document.createElement('p') document.body.appendChild(p) app..

조건문 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문 조건문의 시작 if 키워드 ‘if문’은 가장 일반적인 형태의 조건문 if(조건){ 실행문 } else를 추가하여 조건이 미 충족일 때 할 일을 추가 정의 할 수 있음 else if문을 조건문들 사이에 삽입하면 조건을 여러 가지 제시할 수 있음 반복문 for문 구문 작성시 반복을 위해 필요한 세 가지 요소를 한 곳에 모아 작성함으로 직관적으로 반복 횟수를 표현할 수 있는 구문 for(초기식; 조건식; 반복식){ 조건식이 충족될때 수행할 코드 } while문 주어진 조건이 참일 동안에 구문을 반복하는 반복문 while(조건){ 조건이 true인 동안에 반복 수행할 코드 }

비교 연산 주어진 두 항을 비교할 수 있는 ‘비교 연산자’를 제공 대소비교(크냐 작냐) 등가 비교(같냐 다르냐) 비교 연산식은 언제나 boolean 데이터를 반환 비교 연산자 의미 연산자 크다 > 작다 = 작거나 같다

DOM 소개, 콘텐츠 변경하기 브라우저는 HTML 코드를 해석해서 요소들을 트리 형태로 구조화해 표현하는 문서(객체)를 생성하는데 이를 DOM(Documnet Object Model)이라고 부름 브라우저는 DOM을 통해 화면에 웹 콘텐츠들을 렌더링 웹 콘텐츠를 추가, 수정, 삭제하거나 마우스 클릭, 키보드 타이핑 등 이벤트에 대한 처리를 정의할 수 있도록 제공되는 프로그래밍 인터페이스 DOM에 접근하자 브라우저 객체 window의 document 속성은 창이 포함한 문서를 참조 window.document은 현재 브라우정 렌더링 되고 있는 문서를 의미 속성을 이용하면 해당 문서에 접근 할 수 있음 querySelector & textContent querySelector 메소드 선택자를 인자로 전달받아 ..

undefined & null numdefined : 데이터가 미정의를 나타내는 표현 수단 null : 데이터가 없음을 나타내는 표현 수단 boolean True, False 두 가지 값만 존재 참 거짓 여부를 나타내기 위해 사용하는 데이터 window.confrim(x) 사용자에게 확인과 취소 둘 중 하나를 선택하게 하고 선택에 따라 true 또는 false를 반환하는 명령

문자열 prompt 기본 자료형 문자열 문자열이란 ‘기호의 순차 수열’ 문자, 숫자, 특수문자 등 다양한 기호를 조합해 만들 수 있는 ‘기호의 집합 따옴표로 시작하고 따옴표로 끝난다. 문자열 더하기는 문자열 이여 붙이기 window.prompt(x) 메서드를 통해 사용자로부터 문자열을 입력받을 수 있는 다이얼 로그 박스를 열어주는 메서드 괄호 안에 x를 다이얼 로그 박스에 뛰울 메시지를 전달할 수 있음 사용자로부터 입력을 받고 입력받은 무자열을 반환 const data = prompt(x) 실행 후 입력 받은 데이터가 data에 저장됨 템플릿 리터럴 문자열을 표현하는 또 다른 방법 따옴표를 이용해 표현하는 방법에 비해 늦게 추가된 문법 템플릿 리터럴은 백틱을 이용해 표현 백틱은 키보드 왼쪽 상단에 있으면..

변수와 상수 변수 변수 : 데이터에 붙이는 이름 변수를 만드는 법 : let 변수이름 = 데이터 변수의 선언 let 변수이름 ; 변수를 만드는 작업 변수의 초기화 변수이름 = 데이터; 만들어진 데이터에 첫 데이터를 지정하는 작업 변수는 데이터를 기억하기 위해 사용 한 번에 하나의 데이터만 기억할 수 있으면 값을 바꿔가며 사용 가능 변수 이름의 제약사항 변수는 오직 문자와 숫자, 기호$과 _만이 포함될 수 있음 변수명의 첫 번째 글자는 숫자가 올 수 없음 이미 다른 뜻을 가지고 있는 단어는 변수명으로 사용할 수 없음(키워드 등) 대입 오른쪽의 피연산자의 데이터를 왼쪽 피연산자에 집어 넣는 작업 대입 연산자 = += *= /= -= 상수 변하지 않는 값 단하나의 데이터만을 위해 사용하는 이름 상수도 변수처럼..