9-1-1. 객체 [객체 리터럴 생성] 자바스크립트는 객체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 모든 것은 객체이다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 키-값를 쌍으로 저장할 수 있는 구조이다. 괄호({ })를 사용하여 객체 리터럴을 지정한다. 키의 이름를 작성 하고 콜론과 값을 차례로 작성하여 키-값 쌍을 만든다. 객체 리터럴에서 키-값 쌍은 쉼표(,)로 구분한다. 프로퍼티는 객체의 속성을 나타내는 접근 가능한 이름과 활용 가능한 값을 가지는 특별한 형태이다. 특정 객체가 가지고 있는 정보를 품고 있어 그 객체가 가진 정보에 직접적으로 접근할 수 있게 한다. 9-1-2. 객체 [프로퍼티 접근 – 도트 연산자(.)] 두 가지 방법으로 객체의 속성..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:35

8-1-1. 고차함수 [데이터로서의 기능] 자바스크립트에서 함수는 다른 데이터 유형처럼 작동한다. 다른 언어와 달리 함수가 일종의 값으로 취급된다는 뜻이다. var a = function() {} 위 코드를 보면 함수가 값으로 쓰였다는 것을 이해할 수 있다. 함수의 정의가 변수 a에 할당되었으며 함수가 값으로 쓰였다. 즉, 함수를 변수에 할당할 수 있고, 새로운 변수에 다시 할당할 수도 있다. 이를 활용하여 코드를 보다 간결하게 작성할 수 있다. const announceThatIAmDoingImportantWork = () => { console.log("I’m doing very important work!"); }; 위 코드는 호출할 때마다 announceThatIAmDoingImportantWor..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:34

Loops(루프,반복) 반복되는 프로그램을 만들 때, 매번 동일한 코드를 입력하는 것은 매우 번거로운 일입니다. 반복문을 사용하면 특정 조건이 충족될 때까지 반복하고, 조건이 충족된다면 반복을 멈추고 다음 코드로 이동합니다. 프로그램을 효율적으로 만드는 반복문을 배워봅시다. 위에서 본 예시를 for문을 사용한다면 간단하게 표현할 수 있습니다. for문의 괄호 안에는 세미콜론(;)으로 구분된 세 개의 식이 있습니다. 첫 번째 식인 초기식은 반복문을 시작하고, 반복되는 변수를 선언하는 데 사용됩니다. 두 번째 식인 중지 조건은 반복되는 변수가 참인지 거짓인지 판단하는 조건으로, 참으로 평가되면 반복문이 실행되고 거짓으로 평가되면 반복문이 종료됩니다. 세 번째 식인 변화식은 반복마다 반복되는 변수를 업데이트합..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:33

Arrays(배열) 데이터를 구성하고 저장하는 것은 프로그래밍의 기본 개념입니다. 배열은 데이터의 목록을 만드는 자바스크립트의 방법입니다. 배열에 문자열, 숫자 및 부울을 포함한 모든 데이터 유형을 저장할 수 있습니다. 그리고 배열에 저장된 각 항목은 번호가 매겨진 위치를 할당받습니다. 배열은 항목들을 대괄호 ‘[]’로 묶어 만듭니다. 위에서 배열은 모든 데이터 유형을 저장할 수 있다고 배웠습니다. 이렇게 배열은 여러 데이터 유형을 함께 저장할 수 있습니다. 배열 내부의 각 항목을 요소라고 부릅니다. 그리고 배열을 변수에 저장할 수도 있습니다. 배열의 각 요소는 인덱스라는 번호가 매겨진 위치를 할당받습니다. 인덱스를 이용하여 각 요소에 접근할 수 있습니다. 이때 자바스크립트에서 배열은 0부터 시작한다는 ..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:32

Scope(스코프, 변수 영역) 스코프는 프로그래밍에서 가장 중요한 개념 중 하나입니다. 스코프는 변수에 접근하거나 참조할 수 있는 위치를 정의합니다. 스코프에 따라 어떤 변수는 프로그램 내 어디에서나 접근할 수 있지만, 어떤 변수는 특정 블록에서만 접근할 수 있습니다. 우리는 함수와 if 문에서 블록을 본 적이 있습니다. 블록은 중괄호 ‘{}’로 감싸진 코드입니다. 블록은 하나 이상의 명령문을 그룹화하고, 코드에 중요한 구조적 표시 역할을 합니다. 변수는 블록의 외부 또는 내부에 존재할 수 있습니다. 전역 스코프에서는 변수가 블록의 외부에서 선언됩니다. 이렇게 선언된 변수를 전역 변수라고 합니다. 전역 변수는 블록 코드를 포함한 프로그램의 모든 코드에서 접근할 수 있습니다. 이 변수는 어디에서든 접근할..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:31

핫해진 개발자에 대한 관심과 함께, 개발 언어를 학습할 방법 또한 다양해지고 있다. ​ ​ Codecademy는 프로그래밍의 이론과 실습을 균형 있게 학습할 수 있는 영문 온라인 플랫폼이다. 이 사이트에서는 PHP, Python2, Ruby 등 다양한 언어에 대한 학습 커리큘럼을 유/무료로 제공하고 있는데, 이 중에서 JavaScript 코스에 대해서 알아보자. ​ JavaScript 코스는 총 10개의 챕터로 구성되어 있다. ​ 그 중에서, 학습한 일부 단원의 개념에 대해서 알아보자. ​ ​ ​ ​ ​ ​ 2 : Introduction - JavaScript 프로그래밍 언어로, 주로 웹 개발을 위해 사용된다. 특징으로, 동적 작용 작동 가능, 강력함, 유연함, 현대에 많이 사용된다는 점이 있다. ​ -..

22-23/22-23 리액트 스타터 1 2022. 9. 22. 12:30

8. Objects 8-1. Objects 객체를 배우다보면 생각보다 배우지 않았는데도 익숙할 것입니다. 객체는 자바스크립트에 많은 곳에 사용되고 있어서 배우지 않아도 사용을 하고 있었기 때문에 익숙했을 것입니다. 자바스크립트에서 다루는 데이터의 유형은 총 7개인데, string, number, boolean, null, undefined, symbol이고 마지막으로 Object가 있습니다. 이번에는 마지막 유형인 Objects, 객체에 대해서 다룰 것입니다. 8-1-1. Creating Object Literals 객체는 다른 자바스크립트 유형과 같이 변수에 할당할 수 있습니다. 객체 리터럴을 지정하기 위해서는 중괄호 {}를 사용합니다. let spaceship = {}; // spaceship is ..

22-23/22-23 리액트 스타터 2 2022. 9. 22. 10:07

Introduction JavaScript의 7개 데이터 유형으로 문자열, 숫자, 부울, null, 정의되지 않음, 기호, 객체가 있습니다. 일곱 번째 유형인 객체를 사용하여 코드를 보다 복잡한 가능성에 개방합니다. 객체 객체 리터럴 생성 객체를 변수에 할당할 수 있습니다. 중괄호를 사용하여 객체 리터럴{}을 지정합니다. let spaceship = {}; 정렬되지 않은 데이터로 객체를 채우고 데이터는 '키-값'으로 구성됩니다. 키는 값은 보유하는 메모리의 위치를 가리키는 변수 이름과 같습니다. 키의 이름 또는 식별자를 작성 하고 콜론과 값을 차례로 작성하여 키-값 쌍을 만듭니다 . 속성 액세스 객체의 속성에 접근하는 방법은 2가지입니다. (1) 점 표기법 객체의 이름을 쓰고 그 다음에 점..

22-23/22-23 리액트 스타터 3 2022. 9. 22. 10:07

[8-A. HIGHER-ORDER FUNCTIONS] higher-order-function (고차함수) 는 함수를 매개변수로 받아들이거나 함수를 반환하는 함수입니다. 8-A-1. Function as Data 자바스크립트에서 함수는 모든 데이터 유형처럼 작동할 수 있습니다. 우리는 변수에 함수를 할당하는 것이 가능하고 그것을 새로운 변수에 다시 할당하는 것도 가능합니다. const announceThatIAmDoingImportantWork = () => { console.log("I’m doing very important work!"); }; 위의 코드는 너무 긴 함수 이름을 가져서 코드의 가독성을 해칩니다. 위의 함수를 반복해서 호출한다고 가정해봅시다. 긴 이름을 계속해서 사용한다면 상당히 힘들 ..

22-23/22-23 리액트 스타터 3 2022. 9. 22. 10:06

7. Itereators 7-1. Higher-Order-Functions 고차함수는 다른 함수를 인수로 받거나 반환값을 함수로 내보내는 함수입니다. 7-1-1. Functions as Data Javascript 함수는 언어의 다른 데이터 유형처럼 작동합니다. 변수에 함수를 할당할 수 있고 새로운 변수에 재할당할 수 있습니다. const announceThatIAmDoingImportantWork = () => { console.log("I’m doing very important work!"); }; 코드의 예시를 보면 함수의 이름이 길어 코드의 가독성을 해칩니다. 이럴 때 위에 설명에서 말했던 것처럼 함수를 변수에 할당하는 방법을 사용하면 됩니다. const busy = announceThatIAm..

22-23/22-23 리액트 스타터 2 2022. 9. 22. 10:06

7. Loops 반복문은 특정 조건이 충족될 때까지 똑같은 명령을 반복하는데 사용되는 구문입니다. 7-1. 반복문 반복문은 특정 조건이 충족될 때까지 똑같은 명령을 반복하는 데 사용되는 구문입니다. 반복문을 사용하면 프로그램을 자동화하여 확장 가능하고 관리 가능한 프로그램을 만드는 효율적인 코드를 만들 수 있습니다. 7-2. for 반복문 전형적인 for 반복문은 반복 변수를 포함합니다. 반복 변수는 초기화되고, 종료 조건에 의해 검사되고, 반복될 때마다 새로운 값이 할당됩니다. 반복 변수는 어떤 이름을 사용해도 상관이 없지만, 뜻을 가지는 이름을 사용하는 것이 좋습니다. 일반적으로 index를 축약해 i를 사용합니다. for 반복문은 괄호 안에 ;(세미콜론)으로 구분된 세 가지 표현식을 포함합니다. 초..

22-23/22-23 리액트 스타터 3 2022. 9. 22. 10:05

# 06 Loops 1) The For Loop - 반복 변수와 3가지 표현을 포함하며, 이들은 세미콜론(;)으로 구분된다. (1-1) 초기식 - 반복문의 시작을 알리고, 반복 변수 선언에 사용된다. (1-2) 조건식 - 참/거짓을 판별하며, 거짓인 경우 반복을 중지한다. (1-3) 변환식 - 변수 증감 2) Looping in Reverse > 조건식의 부등호 방향과 변환식의 기호 ( + - )의 수정을 통해 배열을 역으로 출력할 수 있다. 3) Looping through Arrays > 배열에서 for 문 사용 시, 조건식에서 .length 메소드를 사용한다. 4) Nested Loops ( 중첩 반복문 ) > 두 배열의 요소를 비교할 때 중첩 반복문이 사용된다. 5) The While Loop (..

22-23/22-23 리액트 스타터 2 2022. 9. 22. 10:05