728x90 📚 Stack/JavaScript3 [JavaScript] 화살표 함수란? 화살표 함수(Arrow Function)란 무엇인가 화살표 함수란 ES6에서 도입된 함수 선언 방식으로 화살표(=>) 문법을 사용해 함수의 표현을 간결하게 할 수 있습니다. 기본 사용법 const 함수이름 = (매개변수) => { }; 매개변수가 하나일 경우에는 괄호를 생략할 수 있고, 함수 본문이 단일 표현식일 경우 중괄호와 `return` 키워드를 생략할 수 있습니다.const add = (a, b) => a + b;const square = x => x * x;기존 함수 표현식과의 차이점 1. this 바인딩화살표 함수는 자신만의 `this`를 가지지 않고, 선언된 위치에서 `this`를 상속받습니다. 이는 콜백 함수나 이벤트 핸들러에서 유용하게 사용됩니다.function Perso.. 2024. 6. 14. [JavaScript] React useEffect() 이벤트 훅 React useEffect() 이벤트 훅에 대해 알아보기 useEffect란?useEffect는 React 함수형 컴포넌트에서 부수 효과(side effects)를 처리하기 위해 사용하는 훅입니다. 부수 효과는 컴포넌트가 렌더링된 후에 발생하는 작업을 말하며, 데이터 fetching, 구독(subscription) 설정, 수동으로 DOM 조작 등이 포함됩니다. 기본 사용법useEffect 훅은 두 개의 인자를 받습니다: 첫 번째 인자는 실행할 함수이고, 두 번째 인자는 의존성 배열입니다.import React, { useEffect } from 'react';function ExampleComponent() { useEffect(() => { console.log('Component rend.. 2024. 6. 4. [JavaScript] 템플릿 리터럴 알아보기 템플릿 리터럴(Template Literals)을 사용한 로그 출력 알아보기 JavaScript에서 콘솔에 값을 출력하는 방법은 여러 가지가 있지만, ES6(ECMAScript 2015)부터 도입된 템플릿 리터럴(Template Literals)을 사용하면 가독성 좋고 직관적인 문자열을 만들 수 있습니다. 템플릿 리터럴은 백틱()으로 감싸서 사용하며, ${}` 구문을 사용하여 변수나 표현식을 삽입할 수 있습니다. 템플릿 리터럴 사용의 장점 복잡한 문자열 조작이 쉬움복잡한 표현식도 삽입 가능변수 삽입에 편리함 기본 사용법 템플릿 리터럴을 사용하면 여러 줄의 문자열이나 문자열 내에 변수 삽입이 쉬워집니다. const name = "John";const age = 30;console.log(`.. 2024. 6. 4. 이전 1 다음 728x90