JS
1.[JS] 화살표함수
화살표 함수는자바스크립트 함수를 만들 때 사용하는 구문입니다.일반적인 자바스크립트 함수는 function을 써서 아래와 같이 생겼습니다. 화살표 함수는 const 다음 오른쪽에 등호가 나오는 형식입니다.
2.[JS] var, let, const의 차이점
ES6가 나오기 전에 자바스크립트에서는 <var>로 변수를 만들었습니다. 변수를 정의할 때, 문제 는 변수 정의를 쉽게 덮어쓸 수 있다는 것입니다.(=에러를 일으키지 않고 다음변수를 재정의하면 쉽게 바뀌는 문제점) 이를 보완하기 위해 let과 const가 나왔습니다.
3.[JS] <for> 반복문
여러번 반복해야하는 경우에 사용하는 for 반복문
4.[JS] 배열 내장함수
배열에는 굉장히 많은 내장함수를 가지고있다.내장함수를 이용하면 for,if문을 사용했을때 보다 깔끔하고 짧은 코드를 완성할 수 있다자바스크립트를 구성하는 거의 '모든 것'이 객체이다. 원시형 값(number,string,boolean,undefined,null)을 제외
5.[JS] 삼항연산자
JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자맨 앞에 조건문, 물음표(?), 조건이 참(truthy)이라면 실행할 식, 콜론(:), 조건이 거짓(falsy)이라면 실행할 식으로 이루어진다.보통 if 명령문의 단축 형태로 쓰입니다.
6.[JS] 콜백함수
프로그래밍에서 콜백(callback) 또는 콜애프터 함수(call-after function)는 다른 코드의 인수로서 넘겨주는 실행 가능한 코드를 말한다.
7.[JS] Promise함수
Promise함수란? > 프로미스는 자바스크립트 비동기 처리에 사용되는 객체이다.(약속해줘~이런느낌인데..) 자바스크립트의 비동기 처리란 ‘특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성’을 의미한다.
8.[JS] 자바스크립트란?
프로그래밍 : 사람이 원하는대로 컴퓨터가 작동할 수 있도록 컴퓨터 언어로 명령어를 나열하는 행위웹 프로그래밍 : ‘웹 브라우저’와 관련된 프로그램을 작성하는 것백엔드 (back-end) 프로그래밍 : 서버에서 데이터 관리를 프로그래밍프런트엔드(front-end) 프로그
9.[JS] 변수, 자료형, 연산자
1. 변수 변수를 선언하는 규칙 세 가지 이름은 의미있게 짓는다 여러 단어를 연결한 변수 이름을 낙타 모양으로 만들어 준다 변수 이름의 첫 글자는 반드시 문자나 밑줄(_), 달러 기호($)로 시작해야 한다. (달러기호는 잘 사용하지않음) 변수 선언과 값/식 할당 le
10.[JS] 조건문, 반복문
괄호 안의 조건이 true이면 { } 사이의 명령을 처리하고, false 이면 { } 안의 명령 무시if … else 문if( ) 문의 괄호 안의 조건이 true이면 if 다음에 있는 { }의 명령을 처리하고, false 이면 else 다음에 있는 { } 안의 명령
11.[JS]예제들
1. 나이계산 프로그램 html js 🖥결과화면 🎯사용한 개념 정리 html button에 onClick = 마우스 이벤트, 버튼을 누르면 함수가 수행되도록 설정할수있음 js [new Date()](https://develop
12.[JS] <script> async와 defer의 차이점
1. <head>태그안에 쓸 경우 2.<body>끝부분에 쓸경우 3.<head>태그안에+async속성 4.<head>태그안에+defer속성
13.[JS] 호이스팅이란?
노션에 적어서 했던 이론들을 정리하여 올려봅니다 : >함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다자바스크립트 Parser가
14.[JS] 클로저란?
노션에 공부했던 기록들클로저는 독립적인 (자유) 변수를 가리키는 함수이다. 또는, 클로저 안에 정의된 함수는 만들어진 환경을 ‘기억한다’ MDN흔히 함수 내에서 함수를 정의하고 사용하면 클로저라고 한다. 하지만 대개는 정의한 함수를 리턴하고 사용은 바깥에서 하게된다.
15.[JS] LocalStorage, SessionStorage, Cookie의 차이점
노션에 정리하며 공부했던 기록들 입니다.HTML5에는 웹 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함된다.Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이터를 조회하는 패턴이다.영구저장소(Lo
16.[JS] 싱글스레드언어
▶️ Javascript : 싱글 스레드 언어 싱글 스레드라는 것은 한 번에 하나의 작업만 할 수 있다는 뜻 > 👉🏻 one thread == one call stack == one thing at a time 자바스크립트는 싱글 스레드 언어이기에 함수를 실
17.[JS] Event Loop
노션에 정리하며 공부했던 기록들입니다.https://youtu.be/8aGhZQkoFbQ이벤트 루프란 자바스크립트 엔진이 아닌, 구동하는 환경(브라우저, 노드)에서 가지고 있는 장치이다. 콜 스택과 태스크 큐(= 콜백 큐)를 감시하며, 콜 스택이 비어있을 경우
18.[JS] 마이크로 태스크큐 vs 태스크큐
노션에 정리하며 공부했던 기록들 옮깁니다.2개의 큐 모두 콜백함수가 들어간다는 점에서 동일하지만 어떤 함수를 실행하느냐에 따라 어디로 들어가는지가 달라진다. 또한 명칭은 큐 (Queue) 이지만 실제 우리가 아는 자료구조의 큐와는 다르다. 엄밀히 말하자면 우선순위 큐
19.[JS] Event Bubbling
노션에 정리하며 공부했던 기록 옮깁니다.어떤 프레임워크를 쓰느냐와 관계없이 기본적인 브라우저의 이벤트 감지 방식이다.이벤트 등록 방법이벤트 전달 방식 (이벤트 버블링, 이벤트 캡쳐, 이벤트 위임)event.stopPropagation()웹 애플리케이션에서 사용자의 입력
20.Math 함수들
Math는 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체입니다. 함수 객체가 아닙니다.Math는 Number 자료형만 지원하며 BigInt와는 사용할 수 없습니다.반올림Math.round(x) = 숫자에서 가장 가까운 정수를 반환합니다. (전달된 실수의