Study/JavaScript

[JavaScript] 변수의 유효성 범위 (변수의 스코프)

변수의 유효성 범위 (변수의 스코프) JavaScript에서 객체나 함수는 모두 변수라 칭하며, 해당 변수가 접근할 수 있는 변수, 객체, 함수의 집합을 변수의 유효성 범위 (변수의 스코프)라고 부른다. 변수의 유효성 범위에 따라 지역 변수와 전역 변수로 나뉘게 된다. 전역 변수는 전역 스코프에서 선언한 변수인데, 전역 스코프란 가장 바깥쪽의 스코프를 뜻한다. 반대로 지역 변수는 지역 스코프에서 선언한 변수이며, 전역이 아닌 다른 스코프는 모드 지역 스코프라고 부른다. 지역 변수는 전역 변수보다 더 높은 우선 순위를 가지게 된다. 스코프의 주요 규칙 안쪽 스코프에서 바깥쪽 스코프로는 접근이 가능하지만 반대는 불가능하다. 바깥쪽 스코프에서 선언한 식별자는 안쪽 스코프에서 사용이 가능하다. 안쪽 스코프에서 ..

[JavaScript] 반복문

while문 구문 형식 주어진 조건이 참을 충족하는 동안 수행되는 문법이다. 초기식 while (조건식) { ... 반복적으로 수행될 구문 ... 증감식 } 실행 과정 초기식, 조건식, 증감식의 요소를 충족한다. {} 안에서 선언되는 변수나 상수는 그 블록 안에서만 유효하다. 반복문 {} 안에서 선언되는 변수나 상수는 그 회차에서만 유효하고, 새로운 회차의 반복에서는 기존 변수는 삭제되고 새롭게 생성된다. 증가량 조절하기 증감식을 조절하여 증가량 조절이 가능하며, 예를 들어 0부터 100 전(=99)까지 10씩 증가하는 등의 조절이 가능하다. let x = 1; while (x 0) { console.log("b=%d", b); b -= 2; } /** 결과 **/ b=10 b=8 b=6 b=4 b=2 ..

[JavaScript] 조건문

제어문 프로그램 구문이 무조건 순차적으로 실행되는 것이 아니라 주어진 조건을 판별하여 선택적 혹은 반복적으로 실행 여부를 결정하도록 흐름을 제어하는 코드 작성 기법이다. 즉, 프로그램의 순차적인 흐름을 제어할 때 사용하는 실행문을 제어문이라고 부른다. 제어문의 종류에는 조건문, 반복문 등이 포함되어 있다. 조건문 프로그램 내에 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문이다. 가장 기본이 되는 실행문은 if문이며, if문을 베이스로 여러 실행문이 존재한다. if문 주어진 조건식이 true인 경우에만 블록({})안을 실행하는 구문 형태이다. if (조건식) { 조건이 true인 경우에 실행할 명령 } 1. 조건식에 따른 구분 논리 값을 사용한 경우 true나 false를 저장하고 ..

[JavaScript] 연산자(operator)

연산자 연산자는 한 마디로 변수를 활용하여 각종 연산을 수행하는 데에 사용되는 특수 기호를 말한다. 프로그램에서 컴퓨터가 수행해야 할 기본적인 작업 명령을 설정하는데에 식이 사용되는데, 연산자는 식을 구성하는 기본 단위가 되는 것이다. 1. 연산자의 활용 console.log() 명령을 통해 변수 간의 연산 결과를 출력하며, 연산 결과를 새로운 변수에 할당한다. 2. 연산자의 종류와 우선 순위 이항 연산자 두 개의 항을 대상으로 연산을 수행하는 연산자 단항 연산자 한 개의 항을 대상으로 연산을 수행하는 연산자 산술 연산자 일반적인 덧셈, 뺄셈, 곱셈, 나눗셈에 사용되는 기호이다. 연산자 의미 + 덧셈 - 뺄셈 * 곱셈 / 나눗셈 % 나눗셈에서 정수 부분을 제외한 나머지 /** 사칙 연산 **/ const..

[JavaScript] 이스케이프 시퀀스 (이스케이프 문자)

이스케이프 시퀀스 (이스케이프 문자) 문자열에서 사용할 수 있는 문자로, 줄 바꿈 등의 키보드로 입력하여 출력할 수 없는 문자들을 표현할 수 있도록 도와주는 문자이다. [\] + 특정 문자의 조합으로 표현하지만, 백 슬래시로 시작하는 모든 것이 이스케이프 시퀀스는 아니다. 이것을 잘못 사용하게 되면 구문 오류가 발생할 수 있으니 유의하여 사용해야 한다. 이스케이프 시퀀스 의미 \b 백 스페이스 \t 수평 탭 \v 수직 탭 \n 줄 바꿈 \r 커서를 다음 줄로 넘기지 않고 첫 번째 위치로 넘김 \f 커서를 다음 페이지의 시작부분으로 넘김 \\ \문자 \0 null 문자 \' 작은 따옴표 \" 큰 따옴표 예시 /** 이스케이프 시퀀스 **/ console.log("hello \bworld"); console..

[JavaScript] 형식 문자 (문자열 치환 사용)

JavaScript의 형식 문자 (문자열 치환) 출력될 문자열에 포함하여 변수로 치환할 수 있는 특수 문자이다. log()처럼 문자열을 받는 console Method에 사용할 수 있다. 중복 사용이 불가하며, 짝을 맞춰 사용해야 한다. 형식 문자 설명 %d or %i 모든 종류의 숫자, 논리값 %s 문자열 사실상 만능으로 사용 가능 %o 객체 false는 0, true는 0 이외의 모든 수 (보통 1) %j JSON %f 부동 소수점 수 * 부동 소수점 수 참고: http://www.tcpschool.com/cpp/cpp_datatype_floatingPointNumber 1. %d = 숫자 및 논리 값 /**데이터 타입 */ const num = 123; const str = "hello"; cons..

[JavaScript] 데이터 타입

데이터 타입 프로그래밍 언어에서 저장하고 사용할 수 있는 값의 종류이다. 1. JavaScript의 데이터 타입 변수에 값을 할당할 때 결정되며, 원시 타입과 객체 타입으로 나뉜다. 원시 타입은 변경 불가한 값으로, 값에 의해 전달된다. 2. 변수의 자료형 데이터 타입 원시 타입 데이터 타입 설명 number 정수와 실수를 포함하는 모든 숫자 형태 string 문자열, 쌍따옴표나 홀따옴표의 쌍으로 감싼 모든 형식의 데이터 boolean 논리형 true 혹은 false null object 형의 한 종류 나중에 할당하기 위해 자리를 비워둔 것 (자리 예약) undefined 정의되지 않음 선언만 하고 할당되지 않은 상태 symbol 이름의 충돌 위험이 없는 Property Key를 만들기 위해 사용 객체 ..

[JavaScript] 변수와 상수

변수란? 데이터(어떠한 수, 문자, 위치 정보 등)를 저장할 수 있는 메모리 상의 공간이다. 변수는 언제든 값을 저장할 수 있고, 값이 변경될 수 있다. 선언되지 않은 변수를 사용하려고 하거나, 접근하려고 하면 오류가 발생된다. 또한, 선언되지 않은 변수를 초기화할 경우, 자동으로 선언을 먼저한 후에 초기화가 진행된다. 유효 범위에 따라 전역 변수와 지역 변수로 구분이 가능하다. 전역 변수 프로그램 어느 곳에서나 식별할 수 있는 변수를 의미한다. 함수 외부에서 선언되어, 프로그램 전체에 접근이 가능하다. 유지 보수나 재사용에 대해 관리가 어렵다. 1. 선언과 할당 변수의 선언 컴퓨터 메모리(RAM) 상에 데이터를 기록하기 위해 공간을 예약한다. 예약한 공간을 식별할 수 있는 이름을 지정하는 처리를 진행한..

[JavaScript] JavaScript란?

JavaScript 자바스크립트(JavaScript)는 객체 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. JS 파일을 직접 실행하는 방법 명령프롬프트 (Windows CMD)를 통한 실행 명령프롬프트 실행 cd 명령어를 통해 소스 파일이 존재하는 폴더로 이동 node 파일이름.js 명령으로 코드 실행 VSCode를 통한 실행 code Runner 확장 extension 설치 코드 창에서 Ctrl + Alt + N으로 실행 자바스크립트 출력 console.log()는 웹 브라우저의 콘솔을 통해 데이..