분류 전체보기

조건문 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문 조건문의 시작 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 변수이름 ; 변수를 만드는 작업 변수의 초기화 변수이름 = 데이터; 만들어진 데이터에 첫 데이터를 지정하는 작업 변수는 데이터를 기억하기 위해 사용 한 번에 하나의 데이터만 기억할 수 있으면 값을 바꿔가며 사용 가능 변수 이름의 제약사항 변수는 오직 문자와 숫자, 기호$과 _만이 포함될 수 있음 변수명의 첫 번째 글자는 숫자가 올 수 없음 이미 다른 뜻을 가지고 있는 단어는 변수명으로 사용할 수 없음(키워드 등) 대입 오른쪽의 피연산자의 데이터를 왼쪽 피연산자에 집어 넣는 작업 대입 연산자 = += *= /= -= 상수 변하지 않는 값 단하나의 데이터만을 위해 사용하는 이름 상수도 변수처럼..

콘솔 출력과 자료형 콘솔이란? 브라우저의 디버깅 콘솔을 의미 콘솔은 브라우저 안에 내장된 브라우저의 하위 객체로 객체를 통해 접근 가능 디버깅 콘솔이란? 웹브라우저의 ‘개발자 도구’를 열면 메뉴 중 ‘콘솔’이라는 항목이 존재하는데, 이것을 누르면 나타나는 화면 디버깅 콘솔을 이용하면 자바스크립트 코드를 테스트할 수 있음 console.log(x) 디버깅 콘솔에게 x라는 명령을 전달 x자리에는 사용자가 원하는 내용을 입력하면 되는데, JS문법으로 표현될 수 있는 데이터만 x 자리에 들어갈 수 있음 JS에는 데이터를 표현할 때 사용하는 몇가지 형식이 정의되어 있는데, 이러한 현식을 통틀어’ 자료형’이라고 함 자료형 숫자 문자열 불리언(Boolean) 다양한 목적과 형태의 객체 자료형이 궁금할때는 consol..

스크립트 동작 원리 소프트웨어적 대상에게 명령을 내리는 역할을 수행 소프트웨어적 대상 : 웹브라우저, 웹요소, 웹스타일 등을 의미 자바스크립트로 명령을 전달하면 입력 → 처리 → 출력 순서로 작업이 이루어짐 입력 : 객체에게 어떤 작업을 수행하라는 명령 전달 처리 : 객체가 주어진 작업을 수행 출력 : 객체가 작업을 수행한 결과를 사용자에게 반환 자바스크립트 명령문으로 어떤 처리를 지시하고자 하는 대상 : 객체 객체 다루는 방법 JS가 제공하는 객체 이름을 선택하고 뒤에 점(.)을 붙인 다음 전달하고자 하는 명령어를 적어줌 객체 명령 두 가지 유형 객체 데이터 : 객체가 가지고 있는 다양한 데이터 사용 객체가 가지고 있는 데이터를 일반적으로 ‘속성’이라고 함 객체 기능() : 객체가 가지고 있는 다양한 ..