1. 일반 함수 일반적인 함수 선언 //function 함수명(매개변수 . .){ // 로직 전개 //} function add(a,b){ return a+b; } console.log( add(1+10) ); // 11 2. 리터럴(익명) 함수 함수명이 없는 형태를 가지고 있다. JS는 함수도 데이터형으로 간주하여, 함수 자체를 리터럴로 표현해, 변수에 대입, 다른 함수의 인자로 전달 등이 가능하다. // function(매개변수 ..){ //로직전개 // } let add = function(a,b){ return a+b; } console.log(add(1,10)); //11 3. 차이점과 정리 먼저 호이스팅의 개념에 대해 알아야한다. 호이스팅이란 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수..
1. forEach break, return 을 통해 중지시키지 못한다. 배열 자체 내부 값을 변경하는것이다. (map 함수와의 차이점) // dr 현재 배열의 값, idx 현재 배열의 인덱스 값 [1,2,3,4,5].forEach((dr, idx)=>{ console.log(dr,idx); }) // 1 0 // 2 1 // 3 2 // 4 3 // 5 4 2. some return true => break (이 경우 break되면서 true 반환), return false => continue 기능을 한다. // dr 현재 배열의 값, idx 현재 배열의 인덱스 값 [1,2,3,4,5].some((dr, idx)=>{ if(dr==3){ return true } console.log(dr,idx); ..
1. 동기 [ 개념 ] 한 작업이 완전히 끝나야 다음 작업으로 넘어간다. 순차적, 직렬적 테스크를 수행한다. 2. 비동기 [ 개념 ] 한 작업이 끝나지 않고 다음 작업으로 넘어간다. 병렬적 테스크를 수행한다. [ 왜 필요할까? ] API를 호출하여 데이터를 받아온다고 가정했을 때, 비동기로 처리하지 않고 동기적으로 구성한다면 데이터를 받아오는 시간동안 기다린 다음 어떠한 로직이 실행이 될 것이고, 데이터 양이 늘어나거나 대량 API호출을 하면 속도가 느려지기 때문에 비동기적 처리가 필요하다. 예제 ) setTimeout / ajax console.log('1'); setTimeout(function() { console.log('2') }, 3000); console.log('3') // 1->3->2 ..
- Total
- Today
- Yesterday
- javascript
- react
- 1급 시민
- rewrites
- typescript
- 1급 함수
- 1급 객체
- zustand
- 가상스크롤
- React로 쓰로틀링 디바운싱 구현
- Next.js
- Virtual Scroll
- redirects
- programmers
- 매겨변수와 인자
- 함수형 컴포넌트
- 자바스크립트 비동기 동작원리
- 목표 일기
- array
- debouncing
- 자바스크립트 동작원리
- useRef
- next.js에 .gitignore가 적용되지 않을 때
- next.js 환경변수
- vue
- redux
- 렌더링 속도 개선
- 타입스크립트
- 호이스팅
- 시맨틱 웹
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |