# arrow function

140개의 포스트
post-thumbnail

👉🏻 JS : 화살표 함수 - arrow function

자바스크립트 화살표 함수 - arrow function

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

[JavaScript] map, 화살표 함수

map() 배열 렌더링(배열 안에 있는 데이터들을 화면에 보여주는 기법)을 할 때 JSX에서는 for문을 사용할 수 없으므로 map이라는 함수를 활용한다. map 안에 함수를 전달하면 배열 내 요소에 대하여 해당 함수를 통과시켜 새로운 배열을 생성한다. 화살표 함

2023년 1월 27일
·
0개의 댓글
·

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

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

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

Front-end 국비지원 #061일

아래와 보는 이미지는 reflection 기능을 사용하여 이미지를 반전시켰다.HTMLCSShttps://caniuse.com/ 에서 크로스브라우징이 되는지 버전체크를 한다. 파이어폭스는 지원하지 않는걸 확인하게 된다. 따라서 크로스브라우징이 필요하며 https

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

🐑🐺[프로그래머스] 양과 늑대

2진 트리 모양 초원의 각 노드에 늑대와 양이 한 마리씩 놓여 있습니다. 이 초원의 루트 노드에서 출발하여 각 노드를 돌아다니며 양을 모으려 합니다. 각 노드를 방문할 때 마다 해당 노드에 있던 양과 늑대가 당신을 따라오게 됩니다. 이때, 늑대는 양을 잡아먹을 기회를

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

Arrow Function

Arrow Function 화살표 함수를 사용하면 .find 및 .map 예제에서 나왔던 소스를 아래와 같이 수정할 수 있다.✍ 기존✍ Arrow Function위 소스와 같이 개선된 코드로 작성이 가능하다.arguments => return-value첫번재 부분에 인

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

🎞[프로그래머스] 광고 삽입

카카오TV에서 유명한 크리에이터로 활동 중인 죠르디는 환경 단체로부터 자신의 가장 인기있는 동영상에 지구온난화의 심각성을 알리기 위한 공익광고를 넣어 달라는 요청을 받았습니다. 평소에 환경 문제에 관심을 가지고 있던 "죠르디"는 요청을 받아들였고 광고효과를 높이기 위해

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

😁🛒[프로그래머스] 이모티콘 할인행사

카카오톡에서는 이모티콘을 무제한으로 사용할 수 있는 이모티콘 플러스 서비스 가입자 수를 늘리려고 합니다.이를 위해 카카오톡에서는 이모티콘 할인 행사를 하는데, 목표는 다음과 같습니다.이모티콘 플러스 서비스 가입자를 최대한 늘리는 것.이모티콘 판매액을 최대한 늘리는 것.

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

📃[프로그래머스] 개인정보 수집 유효기간

고객의 약관 동의를 얻어서 수집된 1~n번으로 분류되는 개인정보 n개가 있습니다. 약관 종류는 여러 가지 있으며 각 약관마다 개인정보 보관 유효기간이 정해져 있습니다. 당신은 각 개인정보가 어떤 약관으로 수집됐는지 알고 있습니다. 수집된 개인정보는 유효기간 전까지만 보

2023년 1월 7일
·
0개의 댓글
·

프론트엔드 복습 정리 17 : forEach, map, filter, reduce, arrow function

forEachmapfilterfindreducesomeeveryarrow function함수를 넣어야 하는 배열 메서드.콜백함수: 다른 함수에 매개변수로 넘겨준 함수.매개변수로 넘겨받은 함수는 때가 되면 나중에 호출(called back)한다는 개념.forEach는 콜

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

🏛[프로그래머스] 기둥과 보 설치

본 풀이는 프로도님의 풀이를 해석하였음을 미리 밝힙니다.빙하가 깨지면서 스노우타운에 떠내려 온 "죠르디"는 인생 2막을 위해 주택 건축사업에 뛰어들기로 결심하였습니다. "죠르디"는 기둥과 보를 이용하여 벽면 구조물을 자동으로 세우는 로봇을 개발할 계획인데, 그에 앞서

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

코드를 묶고 싶을 때 사용입출력 기계를 만들고 싶을 때 사용함수는 그냥 막쓰라고 있는 문법이 아니다.입출력 함수를 만들 때 보기쉬움파라미터가 1개면 소괄호도 생략가능코드가 한줄이면 중괄호,return도 생략가능forEach 콜백함수addEventListener 콜백함수

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

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

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

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

🏗[프로그래머스] 마법의 엘리베이터

마법의 세계에 사는 민수는 아주 높은 탑에 살고 있습니다. 탑이 너무 높아서 걸어 다니기 힘든 민수는 마법의 엘리베이터를 만들었습니다. 마법의 엘리베이터의 버튼은 특별합니다. 마법의 엘리베이터에는 -1, +1, -10, +10, -100, +100 등과 같이 절댓값이

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

🛕[프로그래머스] 디펜스 게임

준호는 요즘 디펜스 게임에 푹 빠져 있습니다. 디펜스 게임은 준호가 보유한 병사 n명으로 연속되는 적의 공격을 순서대로 막는 게임입니다. 디펜스 게임은 다음과 같은 규칙으로 진행됩니다.준호는 처음에 병사 n명을 가지고 있습니다.매 라운드마다 enemy\[i]마리의 적이

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

⬛◼◾[프로그래머스] 우박수열 정적분

콜라츠 추측이란 로타르 콜라츠(Lothar Collatz)가 1937년에 제기한 추측으로 모든 자연수 n에 대해 다음 작업을 반복하면 항상 1로 만들 수 있다는 추측입니다.수가 커졌다 작아지기를 반복하는 모습이 비구름에서 빗방울이 오르락내리락하며 우박이 되는 모습과 비

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

📅[프로그래머스] 테이블 해시 함수

완호가 관리하는 어떤 데이터베이스의 한 테이블은 모두 정수 타입인 컬럼들로 이루어져 있습니다. 테이블은 2차원 행렬로 표현할 수 있으며 열은 컬럼을 나타내고, 행은 튜플을 나타냅니다.첫 번째 컬럼은 기본키로서 모든 튜플에 대해 그 값이 중복되지 않도록 보장됩니다. 완호

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

🔠[프로그래머스] 크기가 작은 부분 문자열

숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요.예를 들어, t="3141592"이고 p="

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

👶[프로그래머스] 혼자 놀기의 달인

혼자서도 잘 노는 범희는 어느 날 방구석에 있는 숫자 카드 더미를 보더니 혼자 할 수 있는 재미있는 게임을 생각해냈습니다.숫자 카드 더미에는 카드가 총 100장 있으며, 각 카드에는 1부터 100까지 숫자가 하나씩 적혀있습니다. 2 이상 100 이하의 자연수를 하나 정

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