Front-End32 [자바스크립트] 스코프 (Scope) 처음 자바스크립트를 공부했을 때 변수의 선언과 할당을 배우면서 한 가지 의문점이 생겼다. 'let, const, var 같은 게 다양하게 나오는데 왜 let만 쓰지? 각각 의미가 다른가?' 해당 의문점을 해결하기 위해 스코프의 개념과 더불어 자료형의 종류에 대해서도 알아보자. 스코프(Scope)란? MDN에선 스코프를 "현재 실행되는 컨텍스트로, 값과 표현식이 "표현"(visible)되거나 참조될 수 있다"라고 정의한다. 언뜻 듣기에는 이해하기 어려울 수 있지만, 실로 적절한 설명이라고 생각한다. 좀 더 추상적으로 다가가 보자면, 스코프는 마치 우리가 확대경scope를 통해 세상의 일정 부분만 "보이는" 것 처럼 제한된 영역을 말한다. 컴퓨터 시스템에서 "제한된 영역"이란 우리가 선언하고 할당하는 변수.. 2022. 9. 14. [자바스크립트] 원시(Primitive) 자료형과 참조(Reference) 자료형 배열과 객체 포스팅에서 객체에 대해 정의할 때 "원시 자료형을 제외한 자바스크립트 대부분의 것들"이라는 언급을 했다. 그렇다면 원시 자료형에는 어떤 것들이 있을까? 또 원시 자료형이 아닌 것들은 무엇이라고 부를까? 한 번 알아보도록 하자. 원시 자료형(Primitive data type)과 참조 자료형(Reference data type) 먼저 자료형은 크게 두 가지 종류로 분류가 된다. 1. 원시 자료형 Primitive Data Type 처음 변수의 선언과 할당에서 배웠던 대부분의 자료형들이 원시 자료형에 포함된다. number, string, undefined, boolean 이외에도 null, symbol(익명의 객체 속성을 만들 수 있는 데이터 형식), bigInt(number로 표현하기에 너무.. 2022. 9. 13. [자바스크립트] 배열(Array)과 객체(Object) 자바스크립트 변수와 자료형에 대해 공부하고, 개발자로서 "효율"을 따지다보면 누구나 드는 생각이 하나 있을 것이다. 그냥 이거 다 변수 하나에 때려 넣으면 안되나? 개발자로서 매우 위험한 발상이지만, 근본적으로 떠오르는 해결책이긴 하다. 매번 비슷한데 내용만 조금씩 다르다고 별개의 변수를 선언하고 재할당하는 일은 꽤 비효율적이라는 느낌을 받는다. 또한 프로젝트의 규모가 커지면 커질수록 변수가 늘어나고 다양해질텐데, 여러 명이서 같이 하는 작업에서 모든 변수의 이름과 값을 기억하기란 쉽지 않아 걱정도 된다. 이럴 땐 어떻게 해야할까? 답은 배열과 객체에 있다. 배열(Array)이란? 배열은 "순서(index)가 있는 값(value)"으로, 기존에 있었던 자료형을 하나의 변수에 저장하고 조회할 수 있도록 만.. 2022. 9. 13. [JavaScript] 반복문 (for/while문) 반복문이란? 이름 그대로 "반복"하는 문文statement으로, 일전에 사용했던 조건문과 같은 계열이다. 같은 작업을 반복할 때 쓸 수 있으며, 하나의 코드를 각각 다른 값value으로 실행시킬 때도 사용할 수 있어 프로그래밍하는데 있어 매우 유용하다. 반복문에는 다양한 종류가 있는데, 모든 반복문은 어떤 것을 반복적으로 시행하기 위해 사용한다는 공통점을 가지고 있다. 오늘은 보편적으로 사용되는 반복문 몇 가지의 구조와 사용법에 대해 알아보자. 반복문의 구성 요소 반복문은 종류에 따라 다음 세 가지 기능 중 하나 이상을 가지고 있으며, 해당 기능들을 기본으로 작동한다. 카운터counter: 어떤 값으로 초기화되는 지점으로, 반복문 카운터의 초기값(시작값)을 설정해 '어디서부터' 시작할 지 정한다. 조건c.. 2022. 9. 5. [JavaScript] 문자열 (String) 문자열(String)이란? 문자열 타입 데이터는 우리가 일상 생활에서 확인할 수 있는 모든 글자의 나열이다. 단 컴퓨터에서는 문자열을 다른 데이터 타입과 혼동해 사용하지 않기 위해 따옴표('')를 사용해 단어를 감싼다. 따옴표로 감싸져 있지 않은 텍스트는 문자열로 인식되지 않고 에러를 출력하게 되는데, 이는 자바스크립트가 해당 텍스트를 다른 일반 명령어와 구분할 수 없기 때문이다. 문자열 타입 데이터를 선언할 때는 큰 따옴표("")를 활용해도 된다. 단, 작은 따옴표와 큰 따옴표를 혼동해서 사용하는 경우에는 에러가 날 수 있으므로 한 가지 따옴표를 선택해서 혼동하지 말자. 또한 문자열은 여러 개의 문자(char) 타입 데이터로 구성된 하나의 배열(Array)이므로 배열처럼 인덱스index를 활용해 해당 .. 2022. 8. 30. [JavaScript] 조건문 조건문(Conditional statement)이란? 제시하는 조건에 따라 원하는 기능을 실행시키는 문文statement(위키백과: 명령형 프로그래밍 언어의 가장 작은 독립 요소)의 일종이다. 직접 만들어서 원하는 값을 리턴 받는 (또는 JS의 경우 특정 코드를 실행시키는) 함수와는 다른 개념으로 특정 조건을 만족해야 하는 특수성을 띄고 있어 상황에 맞게 유동적으로 사용할 수 있는 장점이 있다. 단, 조건문에는 반드시 조건식을 제시해야되기 때문에 이에 따라 비교연산자comparison operator를 필요로 한다. 왜 쓰는걸까? 일상 생활을 예로 들어보자. 친구와 약속을 나갔는데 배가 고파서 친구에게 밥을 먹으러 가자고 했다. 사고의 과정을 돌이켜 보자. 먼저 '배가 고프면'이라는 조건이 달성되었다... 2022. 8. 30. 이전 1 2 3 4 5 6 다음
