다라다라V
article thumbnail
[JavaScript] 08. Objects 객체
코딩언어/JavaScript 2022. 12. 22. 00:31

자바스크립트에서 강력한 도구는 객체입니다. 그 객체에 대해 배워봅시다. 📌 Objects / 객체 📚 Introduction to Objects / 객체 소개 자바프로그래밍의 모든 기초는 객체입니다. 객체는 자바스크립트의 강력한 도구이자 핵심적인 개념입니다. 자바 스크립트에는 7가지 기본 데이터 유형이 있으며 그 중 6가지는 기본 데이터 유형(문자열, 숫자, 부울, null, 정의되지 않음 및 기호)입니다. 일곱 번째 유형인 객체를 사용하면 실제 사물을 모델링하거나 개체를 사용하여 웹을 가능하게 하는 데이터 구조를 구축할 수 있습니다. 객체는 다음 그림처럼 각각의 사물을 의미합니다. 객체마다 고유한 특징을 가지며 이 사실은 객체 스스로 변경할 수 있습니다. 객체는 또다른 객체를 자신만의 성질로 가질 수도..

article thumbnail
[JavaScript] 07. Iterators 반복자
코딩언어/JavaScript 2022. 12. 21. 01:15

하나의 함수는 간결하게 작성되어 하나의 일을 중점적으로 합니다. 이 함수를 매개변수로 받거나, 값을 반환하는 경우를 고차함수라고 합니다. 이러한 고차함수를 이용하여 배열의 각 요소들을 효과적으로 방문하는 반복자가 있습니다. 이번 시간에는 배열의 각 함수에 효과적으로 접근할 수 있는 반복자를 배워보겠습니다. 조건에 맞는 요소만을 반환하거나 각 값을 변경하는 등의 반복자는 코드를 설계할 때 굉장히 중요합니다. 📌 Higher-Order Functions / 고차함수 📚 Introduction / 소개 하나의 함수에서 다른 함수를 인수로 받거나 반환하는 함수를 고차함수라고 합니다. 간결하게 불필요한 세부 사항을 줄이고 핵심 개념만을 전달하는 방법을 "추상화"라고 합니다. 이번 단원에서는 함수를 작성하여 프로그..

article thumbnail
[JavaScript] 06. Loops 반복
코딩언어/JavaScript 2022. 12. 19. 00:03

반복은 중지 조건이 될 때까지 명령들을 반복하는 프로그래밍 구조입니다. 루프를 참조할 때 iterate 를 사용하게 되는데 이는 "반복하다"라는 의미입니다. 코드에서 작업을 재사용할 때는 함수로 묶습니다. 같은 원리로 프로세스가 한 행에서 여러 번 반복되면 루프를 작성해야합니다. 다이어그램처럼 루프는 특정 조건이 충족될 때까지 작업을 반복합니다. 📌 Loops / 반복 📚 Repeating Tasks Manually / 직접 반복하기 우리가 배운 방법들을 이용해 각 배열의 요소를 출력하는 방법은 다음과 같습니다. 같은 코드가 반복되고 요소가 많다면 이 작업이 굉장히 힘들 것입니다. let vacationSpots = ['Seoul', 'Tokyo', 'London'] console.log(vacation..

article thumbnail
[JavaScript] 05. Arrays 배열
코딩언어/JavaScript 2022. 12. 18. 01:35

컴퓨터에서에 대이터를 저장하고 저장하는 방식을 설계하는 것은 굉장히 중요합니다. 프로그래밍 언어에서 데이터를 저장하기 위해 가장 많이 쓰는 것이 배열입니다. 자바스크립트에서의 배열은 모든 데이터 유형들을 저장할 수 있고, 배열의 순서인 인덱스 번호를 통해 정해진 위치를 가져옵니다. 배열은 정해진 자료를 순서대로 저장하고 쉽게 꺼내올 수 있습니다. 자바스크립트에서의 배열을 어떠한 방식으로 저장되는지 배워봅시다. 📌 Array / 배열 📚 Create an Array / 배열 만들기 배열을 만드는 방법은 배열에 넣을 항목들을 [ ] 로 묶으면 됩니다. 배열은 다양한 데이터 유형을 가질 수 있습니다. 배열은 대괄호([ ])와 내부 내용으로 만들어집니다. 배열 내의 각 항목을 요소 라고 합니다. 현재 예시의 배..

article thumbnail
[JavaScript] 04. SCOPE 범위
코딩언어/JavaScript 2022. 12. 16. 20:50

프로그래밍에서 중요한 아이디어는 범위(Scope) 입니다. 변수에 액세서하거나 참조할 수 있는 범위를 다르게 설정하여 원하는 변수에 접근시킬 수 있습니다. 변수의 범위는 다른 프로그래밍 언어에서도 중요한 개념입니다. 이번 포스트를 통해 자바스크립트 내의 변수의 선언과 범위 설정에 대해 배워 봅시다. 📌 Scope / 범위 📚 Blocks and Scope / 블록 및 범위 if 문을 배우면서 중괄호 { } 안에 있는 코드인 블록을 배웠습니다. 블록은 하나 이상의 명령문을 함께 그룹화하고 코드에 대한 구조적 표식 역할을 합니다. const city = 'New York City'; function logCitySkyline(){ let skyscraper = 'Empire State Building'; r..

article thumbnail
[JavaScript] 02. CONDITIONALS 조건
코딩언어/JavaScript 2022. 10. 8. 00:32

우리는 인생을 살아가면서 상황에 맞는 선택을 자주 합니다. 피곤하면 잠자리에 들고, 그렇지 않으면 일어나서 하루를 시작합니다. JavaScript에서는 if-else 조건문을 통해 조건에 따른 다른 상황들을 표현할 수 있습니다. 프로그램이 조건을 평가하여 결정을 내리고 코드에 논리를 도입하는 방법을 배웁니다. 📌 CONDITIONAL STATEMENTS 📚 if Statement / if 문 if문은 ( ) 안의 내용이 true일 때 실행됩니다. ( ) 안에는 true 또는 false로 평가되는 조건이 제공됩니다. 중괄호 { } 안의 코드는 조건이 true면 실행되고, false면 실행되지 않습니다. if (true) { console.log('This message will print!'); } // ..

article thumbnail
[JavaScript] 01. INTRODUCTION 소개
코딩언어/JavaScript 2022. 10. 6. 09:06

📌 INTRODUCTION TO JAVASCRIPT 📚 What is JavaScript? JavaScript는 웹 개발의 핵심으로 웹 사이트에 움직임을 주는 동적 처리를 가능하게 합니다. JavaScript는 발전을 거듭하며 현대 웹 브라우저의 주 언어로 자리 잡았습니다. JavaScript를 통해 다양한 라이브러리를 사용하고 서버 개발 등 여러 개발에 활용할 수 있습니다. 최근 개발의 트렌드인 JavaScript. 함께 배워보겠습니다. 📚 Console / 콘솔 Console(콘솔)은 개발자에게 오류 등의 중요한 메시지를 표시하는 패널입니다. 이 콘솔을 통해 화면에 원하는 항목을 표시할 수 있습니다. console.log( )를 통하여 ( )안의 내용을 출력할 수 있습니다. console.log(5)..