일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- 코드리뷰
- 프론트엔드
- 웹 성능 최적화
- flutter 오류
- cmdline-tools missing
- 자바스크립트공부
- macos flutter
- aondroid toolchain 오류
- Node.js
- 컴포넌트
- 퍼포먼스 최적화
- 국제화(i18n)
- 웹개발
- 자바스크립트
- 웹 개발
- fe
- 풀스택 개발
- 비동기프로그래밍
- 패키지 스크립트
- html
- JavaScript
- css
- jsx
- dom
- React
- 웹 성능
- #프론트엔드개발
- flutter android sdk
- 프라미스체이닝
- Promise
- Today
- Total
목록Fundamentals/JavaScript (20)
sodol-dotcom

1. 객체 / 변수 선언과 제어문의 차이1-1. 객체 / 변수 선언의 경우:// 객체 선언const animal = { type: "고양이", name: "나비", color: "black"};// 변수 선언let x = 10;여기서 중괄호`{}`는 객체를 정의하는데 사용되고 있다. 이건 `animal`이라는 변수에 하나의 객체를 할당하는 작업이다.변수 선언 구문이기 때문에 구문 전체가 끝났다는 걸 명확하게 하기 위해 `;`를 붙여줘야한다.객체는 데이터의 묶음이고, `{}` 안에는 속성(property)들이 들어 있다.변수나 객체를 선언할 때는 마지막에 세미콜론(;)을 붙여서 구문이 끝났다는 걸 명확히 해주는 게 좋다.왜냐하면, JavaScript는 변수 선언이나 할당이 끝난 후 구문이 끝났다는 걸..

`reduce()` 는 배열의 각 요소를 순회하면서 값을 누적해 나가는 메소드이다. 이 메소드는 배열을 단일 값으로 축소하는데 사용한다.기본적으로 두 가지 인자가 필요하다. 누적 함수(accumulator function): 각 요소를 처리하면서 누적값을 계산하는 함수이다.초기값(initial value): 누적 계산을 시작할 때 사용할 초기 값이다. 1. `reduce()` 메소드의 기본 구조array.reduce((accumulator, currentValue, currentIndex, array) => { // 누적값(accumulator)과 현재값(currentValue)을 사용하여 계산을 수행한다. return newAccumulatorValue;}, initialValue); 파라..

1. 고정된 프로퍼티 이름먼저, 프로퍼티 이름이 고정되어 있는 경우를 보면:let person = { name: "John", age: 30, hobby: "reading"};let hobby = person["hobby"]; // "hobby"라는 이름의 프로퍼티를 직접 접근console.log(hobby); // 출력: "reading" 이 경우에는 프로퍼티 이름이 `"hobby"`로 고정되어 있기 때문에 직접 문자열 `"hobby"`를 사용해서 접근하는 것이 가장 간단하고 직관적이다. 변수를 사용할 필요가 없다. 2. 동적으로 결정되는 프로퍼티 이름프로퍼티 이름이 동적으로 결정되는 경우를 살펴보면 예를 들어, 사용자로부터 입력을 받거나, 어떤 로직에 따라 프로퍼티 이름이 달라질 수 있다...

자바스크립트에서 객체의 프로퍼티(속성)에 접근하는 방법에는 두 가지(점 표기법, 괄호 표기법)가 있다. 그 중 괄호 표기법이 헷갈려서 남기는 페이지. 1. 객체와 프로퍼티자바스크립트에서 객체는 여러 개의 값을 저장할 수 있는 데이터 구조이다.let person = { name: "John", age: 30, hobby: "reading"}; 이 객체는 `name`, `age`, `hobby` 라는 프로퍼티를 가지고 있다. 2. 점 표기법 vs 괄호 표기법점 표기법: `person.name` 이렇게 사용해서 `name` 프로퍼티에 접근할 수 있다.괄호 표기법: `person["name"]` 이렇게 사용해도 `name` 프로퍼티에 접근할 수 있다.괄호 표기법은 변수나 문자열로 프로퍼티 이름을 동적으로..

1. 함수 스코프 (Function Scope)함수 스코프는 함수 내부에서 선언된 변수들이 그 함수 내부에서만 유효하다는 개념이다.`var` 키워드로 선언된 변수는 함수 스코프를 따른다.function myFunction() { var x = 10; // x는 함수 내부에서만 유효함 console.log(x); // 10}myFunction();console.log(x); // Error: x is not defined (함수 밖에서 접근 불가)`var`로 선언된 변수 `x `는 함수 `myFunction` 내부에서만 접근 가능하고, 함수 밖에서는 접근할 수 없다.함수 스코프는 "함수" 단위로 스코프가 결정된다. 2. 지역 스코프 (Local Scope)지역 스코프는 함수 내에서 선언된 변수..

1. 함수 선언문은 함수 블록에서만 지역 스코프를 가진다.함수 선언문은 함수 내부에서만 지역변수처럼 동작한다. 즉, 함수 안에서 선언된 함수는 해당 함수 안에서만 접근 가능하다.하지만 함수가 아닌 일반인 블록문(`if`, `for`, `while`등) 안에서 선언된 함수는 블록 내에서만 유효하지 않고, 블록 바깥에서도 접근할 수 있다. 2. 코드 예시로 이해해 보면2-1. 함수 블록 안에서의 함수 선언문 (지역 스코프를 가짐):함수 선언문은 함수 블록 내에서는 지역적으로 작동한다. 즉, 그 함수에서만 유효하다.function outerFunction() { function innerFunction() { console.log("This is inner function"); } ..

1. 첫 번째 방식: 함수 선언function sub() { console.log("i am sub");}main(sub);함수 선언을 사용해 sub 라는 이름의 함수를 먼저 정의한 후, 이 함수를 main 함수에 전달한다.이렇게 하면 sub 함수는 코드의 다른 부분에서도 사용할 수 있다. 즉, sub 라는 이름을 가진 함수가 어디에서든 접근 가능하다.가독성이 좋고 , 여러 곳에서 sub 함수를 재사용할 수 있다. 2. 두 번째 방식: 기명 함수 표현식main(function sub() { console.log("i am sub");}기명 함수 표현식을 사용하여 함수를 직접 main 함수에 전달한다. 여기서 함수는 이름을 가지고 있지만, 오직 main 함수에서만 사용된다.이 방식은 함수가 오직 ..

호이스팅은 자바스크립트에서 변수와 함수 선언이 코드의 최상위로 끌어올려지는 동작을 말한다.1. 기본 개념1-1. 변수 호이스팅var 키워드로 선언된 변수는 선언만 최상위로 이동하고, 할당은 원래 위치에서 진행된다.예를 들어, 다음 코드를 살펴보자: function a(x) { console.log(x); // 1 var x; // 2 console.log(x); // 3 x = 2; // 4 console.log(x); // 5 } a(1);이 코드에서 var x;는 함수의 최상위로 끌어올려진다. 그래서 함수의 실행 흐름은 다음과 같다:첫 번째 console.log(x);는 매개변수 x의 값이 1이므로 1이 출력된..

자바스크립트에서는 함수를 정의하는 두 가지 주요 방법이 있다: 함수 선언식과 함수 표현식.이 두 가지 방법의 차이와 호이스팅이 어떻게 작용하는지에 대해 살펴보면, 1. 함수 선언식 (Function Declaration)함수 선언식은 함수 이름과 함께 정의한다. 자바스크립트는 코드 실행 전에 함수 선언을 자동으로 "호이스팅"한다. 이는 함수 선언이 코드의 맨 위로 끌어올려지는 것처럼 작동하여, 함수가 정의되기 전에도 호출할 수 있게 한다.예시:sayHello(); // "Hello" 출력function sayHello() { console.log("Hello");}여기서 sayHello 함수는 선언하기 전에 호출해도 문제없다. 자바스크립트가 코드 실행 전에 함수 선언을 호이스팅하기 때문에, sayH..

1. 할당 (Assignment)정의: 할당은 변수에 값을 저장하는 작업을 한다.예시:여기서 let x = 10;은 x라는 변수를 만들고, 그 변수에 10이라는 값을 저장한다. 이 값은 x 변수가 사용되는 코드 블록 내에서 참조할 수 있다. let x = 10; // x라는 변수에 10을 할당한다. 2. 반환 (Return)정의: 반환은 함수가 계산한 결과를 함수 호출자에게 전달하는 작업을 한다.예시:위 코드에서 add 함수는 return a + b;를 사용하여 함수 호출자에게 결과값을 반환한다. 이 반환된 값은 result 변수에 저장된다. function add(a, b) { return a + b; // a와 b를 더한 결과를 반환한다. } let result = add(2, 3); ..