Front-End33 [자바스크립트] 객체 지향 프로그래밍(OOP): 클래스와 인스턴스 개발을 하다보니 개인 프로젝트임에도 규모가 점점 커져가는 것이 느껴진다. 자연스럽게 '팀 프로젝트는 함께 작업하는 파일과 폴더가 얼마나 많을까'라는 의문과 함께 한 가지 생각이 들었다. "어떻게 해야 같은 개발자가 봤을 때 이해하기 쉽고 효율적이면서 합리적인 구조를 갖춘 코드를 구성할 수 있을까?" 아마 다양한 프로그래밍 지식을 활용할 줄 알아야 할 것이다. 그리고 질문에 대한 해답을 구하고자 할 때, 흔히 볼 수 있는 단어가 있다. 바로 객체 지향 프로그래밍Object Oriented Programming이다. 객체 지향 프로그래밍(OOP)이란? 객체 지향 프로그래밍이란 컴퓨터 프로그래밍 패러다임의 하나로 소프트웨어 디자인에 있어 컴퓨터 프로그램을 "객체Object"들의 모임으로 파악하고자 하는 것이다.. 2022. 9. 21. [자바스크립트] 스코프 (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. 이전 1 2 3 4 5 6 다음
