Front-End25 [자바스크립트] 원시(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. [JavaScript] 함수(Function) 함수란? 함수란 작은 기능의 단위로 코드의 묶음이다. 수학적 함수와 언뜻 보기엔 비슷할 수 있으나, 실제로는 그 결이 많이 다른 게 프로그래밍에서의 함수다. 특정 값을 입력 받아 원하는 값을 출력하는 것은 같지만 여러 개의 출력값을 가지는 것이나 함수를 통해 특정 기능을 구현하는 것은 프로그래밍 함수만의 특징이라고 할 수 있다. 위의 예시처럼 함수는 함수 선언을 위한 값(keyword), 함수의 이름(name), 그리고 함수의 매개변수(parameter)로 구성된다. 왜 쓰는걸까? 먼저 아래의 코드 예시를 보자. 어떤 이유에서인지 우리는 반복된 문장을 출력하기 위해서 console.log창을 10번 입력해야 했다. 코드 예시에서는 단순히 코드 10줄을 반복적으로 치는 작업이기 때문에 그나마 적을 수 .. 2022. 8. 29. 이전 1 2 3 4 5 다음
