자바스크립트를 사용하면 변수, 함수, 반복문등을 사용하면서 코드를 순서대로 실행하는 것에 익숙해 진다.하지만 실제 자바스크립트는 단순한 순차 실행을 넘어, '특정 시점'에 실행을 예약하는 방식으로 동작하게 된다.이 '실행 예약'의 핵심 주인공이 바로 콜백 함수(Callback Function)이다. 1. 콜백 함수(Callback Function)란?콜백 함수는 다른 함수에 인수로 전달되는 함수이며, 전달받은 함수 내부에서 특정한 시점 또는 조건이 되었을 때 호출되는 함수이다. 이름 그대로 나중에 부른다는 의미를 담고 있다. 2. 비동기 처리(Asynchronous Operation)의 핵심자바스크립트는 기본적으로 단일 스레드(Single Thread)로 작동한다.즉 한 번에 하나의 작업만 순서대로 처..
화살표 함수(Arrow Function)는 2015년에 등장한 ES6(ECMAScript 2015)의 핵심기능으로,전통적인 함수보다 코드를 훨씬 짧고 읽기 쉽게 만들어 준다.게다가 자바스크립트에서 가장 까다로운 개념 중 하나인 this의 동작 방식까지 단순화 시켜주는 강력한 도구이다. 1. 화살표 함수(Arrow Function)?화살표 함수는 기존의 function 기워드 대신 => (화살표) 기호를 사용하여 함수를 정의하는 방식이다.주로 익명 함수(이름이 없는 함수)를 필요로 할 때 코드를 간결하게 만들기 위해 사용된다. a. 기본 문법전통적인 함수 선언 방식과 화살표 함수 방식을 비교해서 알아보면구분일반 함수(Function Expression)화살표 함수(Arrow Function)코드const ..
본격적으로 자바스크립트를 활용해서 코딩을 하다 보면 점점 길어지는 코드 길이를 만나게 될 것이다.똑같은 행동을 하기 위해서도 작성된 코드를 다시 작성해야 하는 일들이 생기기 시작할텐데,그런 작업들을 획기적으로 줄여 줄 수 있는 것이 바로 함수(Function)다. 함수(Fuction)를 쉽게 설명하자면 특정 작업을 수행하는 코드의 묶음이라고 할 수 있다.미리 정해진 일을 수행해주는 것이라고도 설명할 수 있겠는데, 미리 정해진 코드를 간결하게 실행 할 수 있다. 예를 들어,"안녕하세요. 이번 학기에 수강하게 된 25학번 김철수 입니다."라는 메세지를 모든 신입생 이름을 넣어서 보여준다고 생각하자. 그럼 아마도console.log("안녕하세요. 이번 학기에 수강하게 된 25학번 김철수 입니다.");conso..
- Total
- Today
- Yesterday
- HTML
- for
- node
- width
- 반복문
- 변수
- js
- array
- 태그
- height
- github
- 함수
- 배열
- Dom
- 깃헙
- 자바스크립트
- function
- CSS
- 조건문
- position
- javascript
- z-index
- object
- 비주얼스튜디오코드
- 화살표함수
- 깃허브
- vsCode
- TAG
- zindex
- 웹페이지
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |