# 화살표 함수

62개의 포스트

[React] onClick 이벤트에서 화살표 함수를 사용해야 하는 이유

위 코드에서 onClick 이벤트에 화살표 함수를 사용하지 않고, 함수를 바로 호출하였을 때 제대로 렌더링 되지 않고, 콘솔창에 메모리 누수 관련 에러 로그가 찍혀있었다. React 공식문서에 의하면 다음과 같이 함수를 호출하도록 명시되어 있다. > Why is

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

일반 함수 vs 화살표 함수 (feat. this binding)

this는 함수가 호출될 때 결정된다.화살표 함수에서 this는 함수가 속해있는 곳의 상위 this를 계승한다.getAgeList에 할당된 함수의 '내부함수'에서 this 는 누구를 가리킬까?this는 함수가 호출될 때 결정되므로,호출한 대상이 없다면, 윈도우 객체가

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

화살표 함수

화살표 함수는 function 키워드 대신 화살표 (⇒)를 사용하여 간결한 문법으로 함수를 생성하는 것을 의미한다.함수에다 인자를 추가하여 생성하고 싶다면 다음과 같다. 화살표 함수와 일반 함수의 차이는 다음과 같다. 화살표 함수는 메서드나 생성자 함수로 사용할 수 없

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

프로그래머스 JS: 나머지 구하기

나머지 값을 반환하는 % 사용화살표 함수를 사용하여 코드 간소화

2023년 1월 2일
·
0개의 댓글
·
post-thumbnail

[JS] 화살표 함수와 일반 함수의 차이?

화살표 함수는 인스턴스를 생성할 수 없으므로 prototype 프로퍼티가 없고 프로토타입도 생성하지 않는다.일반 함수는 중복된 매개변수 이름을 선언해도 에러가 발생하지 않는다.단, strict mode에서 중복된 매개변수 이름을 선언하면 에러가 발생한다.화살표 함수에서

2022년 12월 31일
·
0개의 댓글
·

React 화살표 함수 사용시 컴포넌트 출력안됨

다만 화살표 함수에서 객체를 반환하거나 JSX 요소를 반환할 경우 소괄호로 묶어주어야 한다.

2022년 12월 29일
·
0개의 댓글
·

함수 선언문과 함수 표현식, 화살표 함수

함수 선언문는 함수를 선언한 것보다 먼저 함수를 호출해도 오류 없이 실행된다. 자바스크립트가 런타임 환경 전에 함수를 정의하기 때문입니다. 그러나 함수 표현식은 반드시 먼저 선언하고 함수를 호출할 수 있습니다.

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

[모던 JavaScript 튜토리얼] 화살표 함수 기본

화살표 함수, 맛만 조금 보겠습니다.

2022년 11월 16일
·
0개의 댓글
·
post-thumbnail

⚠[프로그래머스] 삼각형의 완성조건 (1)

선분 세 개로 삼각형을 만들기 위해서는 다음과 같은 조건을 만족해야 합니다.가장 긴 변의 길이는 다른 두 변의 길이의 합보다 작아야 합니다.삼각형의 세 변의 길이가 담긴 배열 sides이 매개변수로 주어집니다. 세 변으로 삼각형을 만들 수 있다면 1, 만들 수 없다면

2022년 10월 12일
·
0개의 댓글
·
post-thumbnail

💻 this(JavaScript)

⚠️ 정리한 내용은 오타나 잘못된 정보가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. 📃 오늘 공부한 것 함수 실행에서의 this > 함수 실행에서의 this는 전역 객체다 전역 객체는 실행하는 환경마다 다릅니다. 웹 브라우저에서는 window 객체가

2022년 10월 1일
·
0개의 댓글
·

Unit10 - JavaScript Koans

spread 객체 혹은 배열기존의 것을 건들이지 않고, 새로운 객체를 만든다!!!함수 호이스팅깊은 복사와 얕은 복사

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

리액트의 컴포넌트란?

컴포넌트는 리액트를 만들어진 앱을 이루는 최소한의 단위이다.리액트는 여러 컴포넌트 조각으로 이루어져 있음.원래는 클래스형 컴포넌트를 많이 사용했지만,지금은 함수형 컴포넌트를 이용해서 많이 개발을 한다.

2022년 9월 3일
·
0개의 댓글
·
post-thumbnail

함수 (Function)

어떤 목적을 가진 작업들을 수행하는 코드들이 모인 블록함수는 항상 출력값(return)을 반환하는데,만약 함수 내부에서 return을 하지 않으면, 출력값으로 undefined를 반환한다.변수를 선언하고, 변수에 익명 함수를 할당한다.함수 표현식을 화살표 함수로 간단하

2022년 8월 22일
·
2개의 댓글
·

화살표 함수

es에서 탄생한 주요 문법인 화살표 함수는 기존의 전통적인 함수 표현법을 더욱 간단하게 표현 하기 위해서 탄생했다. 간단하는 것은 곧 코드의 가독성과 효율로 이어질 수 있다.화살표 함수는 익명함수여야 한다.기존의 함수는 함수가 실행될 때, 자신의 Scope안에 자신을

2022년 7월 29일
·
0개의 댓글
·

[JavaScript] 화살표 함수

화살표 함수

2022년 7월 18일
·
0개의 댓글
·
post-thumbnail

7/15 20일차

오늘도 어제에 이어 React-hook-form 을 사용했다!watch 와 reset 기능을 유용하게 사용했다 ㅎㅎ오늘 구현한 기능은 2가지다.1\. input 값의 유무에 따른 x 버튼 이미지 (비)활성화2\. x 버튼 이미지 클릭시 해당 input 값 초기화3\.

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

7/11 16일차

오늘은 리액트 쿼리에 대해 공부했다!지금 하고 있는 프로젝트에서는 리덕스 툴킷을 사용해 왔는데,로그인 부분을 맡고 있는 팀원 분이 리덕스 툴킷을 쓰면 너무 복잡해진다고 '리코일'을 쓰자고 제안하셨다.회의 결과,로 코드를 짜기로 결정 됐다 !그래서 오늘은 리액트 쿼리,

2022년 7월 11일
·
0개의 댓글
·