JS ES6 & PS에 사용하는 JS Method, Functions

JS 기본 문법 정리

var, let, const의 차이점

this 키워드

Arrow Function

Hoisting, 전역변수

Template literals 기존에 사용하던 " " , ' ' 말고도 자바스크립트에서 백틱( ` )을 사용하여 문자열을 다룰 수 있는데 백틱을 이용하는 경우 장점들이 있다. 문자 중간 엔터키(줄 바꿈)입력이 가능하다. 기존 따음표로 묶어보면 엔터키 입력이 안되는데 백틱을 이용하면 이렇게 묶이는 것을 확인할 수 있다. 문자 중간에 변수를 집어넣...

Spread Operator, apply, call

default parameter함수를 선언할 때 파라미터값을 실수로 안 적은 경우파라미터에 기본값(default 값)을 줄 수 있다.사용방법은 파라미터 선언할 때 등호로 입력하면 된다. 그러면 파라미터가 정의되지 않았을 때 등호 오른쪽 값이 발동된다.실행결과위 코드에서

자바스크립트의 자료형 (문자, 숫자, array, object 등)은 자료형을 크게 Primitive 와 Reference data type으로 분류한다. Primitive data type들은 자료 자체가 변수에 저장되는 자료들이다. 문자, 숫자 자료형들이 대표적인

Object를 안전하게 많이 복사해 만들 수 있는 constructor라는 문법학생 list를 만들어야하다고 하면이렇게 하드 코딩하기보다 constructor문법을 사용하면 더 간단하다.constructor 문법은function을 선언하고 내부에 this.원하는 obj

class는 constructor, prototype 을 이용한 상속기능을 약간 더 보기쉽게 표현해주는 문법이다. (기존 function부터 시작하던 문법과 기능상 차이는 크게 없다)상속가능한 함수를 추가하고 싶다.constructor안에 함수를 추가하면 var 자식을

getter와 setter

JavaScript는 코드 실행 중 발생할 수 있는 오류를 Exception으로 처리할 수 있는 메커니즘을 제공하는데try, catch, finally 문법은 이러한 예외를 처리하여 코드의 안정성을 유지하는 데 사용된다.각 코드를 세분화 해보면try 블록은 실행할 코드

Promise는 JavaScript에서 비동기 작업의 결과를 처리하기 위한 객체이다.비동기 작업이 완료되면, Promise는 두 가지 중 하나의 상태로 변경되는데Fulfilled (이행됨) : 작업이 성공적으로 완료되어 결과 값을 반환함.Rejected (거부됨) :

JavaScript는 비동기 작업(ajax요청, eventListener 등)을 효율적으로 처리하기 위해 async와 await 키워드를 제공하는데이 문법을 사용하면 복잡한 비동기 코드 흐름을 동기 코드처럼 간결하게 작성할 수 있다.async 키워드는 함수 선언 앞에

HTML의 input type="number"에서 가져온 값은 항상 문자열(string)로 반환된다.이는 DOM API의 특성 때문인데React의 onChange 이벤트에서 e.target.value는 항상 문자열이므로, 수치 계산을 위해서는 반드시 숫자로 파싱해야한다

한 번 계산한 값을 저장해두고,같은 입력이 다시 들어오면 계산하지 않고 저장된 결과를 반환하는 최적화 기법동일한 입력으로 같은 연산이 반복될 때함수 실행에 시간이 오래 걸리거나 리소스를 많이 쓰는 경우사용자 상호작용이 빠르게 이어질 때 (예: 검색 자동완성, 스크롤 중

알고리즘 문제풀때 자주 사용했던? 것 📌 핵심 개념 charCodeAt()은 문자열에서 특정 위치의 문자를 UTF-16 코드 유닛(숫자 값)으로 변환하는 메서드 사용 이유 문자를 숫자로 변환하여 연산 가능 알파벳 순서 계산 대소문자 변환 문자 종류 판별 🎯 기본 사용법 1. 기본 동작 2. 인덱스 생략 시 (기본값: 0) 3. 잘못된 범위 ...