IT Study. (46) 썸네일형 리스트형 6장. 객체 - 1 혼공JS 6장 - 1 06-1 객체의 기본 객체(object)는 한 마디로 정의하면 '실제로 존재하는 사물'을 의미하고 '이름(name)'과 '값(value)'으로 구성된 속성(property)을 가진 자바스크립트의 기본 데이터 타입으로 이야기할 수 있다. 자바스크립트에서 여러 자료를 다룰 때는 객체(object)를 사용한다. 이전에 살펴보았던 배열(array)도 여러 자료를 다룰 수 있다. 그렇게 할 수 있던 이유는 배열도 객체이기 때문이다. 배열을 typeof로 실행해보면 어떤 자료형이 나올까? 이때 출력한 object가 바로 객체(object)이다. 객체를 살펴보기 전에 배열과 관련된 기본적인 내용을 복습하자. 배열에는 인덱스(index)와 요소(element)가 있다. 각각의 요소를 사용하려면 다.. 5장. 함수 - 2 혼공JS 5장 - 2 05-2 함수 고급 다른 프로그래밍 언어는 함수를 지정된 위치에서 만들어야 하지만, 자바스크립트는 '함수도 하나의 자료'라는 개념을 가지고 있어서 중간에 만들 수 있다. 이는 2010년 전후에 등장한 비동기 프로그래밍을 이끌었으며, 자바스크립트의 익명 함수는 문법적 가치를 크게 인정받아 다른 프로그래밍 언어로 전파되었다. 람다 또는 익명 함수라는 이름으로 기본 문법에 포함되었다. 자바스크립트는 함수도 하나의 자료형이므로 매개변수로 전달할 수 있다. 이렇게 매개변수로 전달하는 함수를 콜백(callback) 함수라고 한다. 예제를 총하여 콜백 함수가 무엇인지 알아보자. 결과는 아래와 같다. 위 코드는 callThreeTimes() 함수는 함수를 매개변수로 받아 해당 함수를 3번 호출한다.. 5장. 함수 - 1 혼공JS 5장 - 1 05-1 함수의 기본 형태 함수를 알아보기 전에 몇 가지 용어를 정리해보자. 함수를 사용하는 것을 함수 호출, 즉 '함수를 호출하다'라고 표현한다. 함수를 호출할 때는 괄호 내부에 여러 가지 자료를 넣는데, 이러한 자료를 매개변수라고 부른다. 그리고 함수를 호출해서 최종적으로 나오는 결과를 리턴값이라고 부른다. 함수는 코드의 집합을 나타내는 자료형이며, 익명 함수는 말 그대로 함수의 이름이 없는 함수로 현대에 와서는 나중에 나올 선언적 함수보다 더 많이 사용된다. 익명 함수의 기본 형태는 아래와 같다. function () { } 함수를 코드의 집합이라고 말하는 이유는 중괄호 {...} 내부에 코드를 넣기 때문이다. 함수를 사용하면 좋은 점은 아래와 같다. 반복되는 코드를 한 번만 .. 4장. 반복문 - 2 혼공JS 4장 - 2 04-2 반복문 배열과 함께 사용할 수 있는 반복문은 for in 반복문이다. for in 반복문은 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용한다. for in 반복문의 기본 형태는 아래와 같다. for (const 반복 변수(인덱스) in 배열 또는 객체) { 문장 } for 반복문의 반복 변수에는 요소의 인덱스들이 들어온다. 이를 활용해서 배열 요소에 접근할 수 있다. for in 반복문은 반복 변수에 인덱스가 들어간다. 그래서 반복문 내부에 요소를 사용하려면 fruits[i]와 같은 형태로 사용하며, 안정성을 위해 몇 가지 코드를 더 추가한다고 하였다. 그래서 등장한 것이 for of 반복문이며, 요소의 값을 반복할 때 안정적으로 사용할 수 있다. for of 반.. 4장. 반복문 - 1 혼공JS 4장 - 1 04-1 배열 배열(array)은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. 배열은 대괄호[...]를 사용해 생성하고 내부의 값을 쉼표(,)로 구분해 입력한다. 배열 내부에 들어 있는 값을 요소(element)라고 하며, 어떠한 종류의 자료형도 요소가 될 수 있다. [요소, 요소, 요소, ..., 요소] 배열의 기본적인 조작은 문자열과 비슷하다. 각각의 요소에 접근하려면 배열 바로 뒤에 대괄호[...]를 입력하고 그 안에 숫자를 넣는다. 자바스크립트는 가장 앞에 있는 요소를 0번째로 표현하며, 이때 요소의 순서를 인덱스(index)라고 부른다. 배열[인덱스] 배열 내부에 들어 있는 요소의 개수를 확인할 때는 배열의 length 속성을 사용한다 배열.length pu.. 3장. 조건문 - 2 혼공JS 3장 - 2 03-2 switch 조건문과 짧은 조건문 아래는 switch 조건문의 기본 형태이며, default 키워드는 생략할 수 있다. switch (자료) { case 조건A: break case 조건B: break default: break } break 키워드는 switch 조건문이나 반복문을 빠져나가기 위해 사용하는 키워드이다. switch 조건문의 괄호 안에는 비교할 값을 입력하고, 이때 입력한 값을 기준으로 특정 코드를 실행한다. 만약 입력한 표현식과 case 키워드 옆의 표현식이 같다면 case 키워드 바로 다음에 오는 문장을 실행한다. 중괄호는 사용하지 않아도 된다. switch 조건문을 if 조건문으로 변환하기 모든 switch 조건문은 if 조건문으로 바꿀 수 있다. 하지.. 3장. 조건문 - 1 혼공JS 3장 - 1 03-1 if 조건문 제어문(control statement) : 코드의 실행 흐름과 직접적인 관련이 있는 문장 조건문을 사용하면 조건에 따라 코드를 실행할 수도 있고 실행하지 않을 수도 있다. 이처럼 코드가 실행되는 흐름을 변경하는 것을 조건 분기라고 부릅니다. if 조건문은 조건에 따라서 코드를 실행하거나 실행하지 않을 때 사용하는 구문이다. 이때 조건은 앞에서 배운 불 자료형을 의미한다. 비교 연산자와 논리 연산자를 활용해 조건을 만들고, 이 조건을 사용해 조건 분기를 한다. 자바스크립트에서 가장 일반적인 조건문은 if 조건문이다. if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } if 조건문을 사용하는 예제는 아래와 같다. 실행 결과는 아래와 같다. 현재 .. React Developer Roadmap - 2022 React Developer Roadmap - 2022 reference : https://github.com/adam-golab/react-developer-roadmap GitHub - adam-golab/react-developer-roadmap: Roadmap to becoming a React developer Roadmap to becoming a React developer. Contribute to adam-golab/react-developer-roadmap development by creating an account on GitHub. github.com 이전 1 2 3 4 ··· 6 다음
