JavaScript 마카로그

JavaScript

유용한 자바스크립트 테크닉 1. includes 메서드if 조건문 안에 수많은 || 조건을 넣어야 할 때 includes를 사용// 기존 if문 if (fruit === 'apple' || fruit === 'banana' || fruit === 'orange') { // 조건문 true 실행문 } // includes 사용 if (['apple', 'banana', 'orang

a month ago

4 min read

자바스크립트 가비지 컬렉터 가비지 컬렉터란? (Garbage Collector)가비지 컬렉터는 메모리 관리 기법 중에 하나이로 'GC'라고 한다.시스템에서 더이상 사용하지 않는 메모리 블록을 찾아 자동으로 다시 사용 가능한 자원으로 회수하는 시스템 (=가비지 컬렉션 Garbage Collection)을 수행하는 부분JavaScript의 언어는 GC를 기본적으로 제공한다.이 가비지 컬

a month ago

3 min read

자바스크립트 ES6 문법 디스트럭처링디스트럭처링 할당이란?구조화된 배열 또는 객체를 비구조화하여 1개 이상의 분수에 개별적으로 할당하는 것.배열 디스트럭처링 할당const food = ["라면", "스프", "계란"]; const [noodle, soup, topping, time = 3] = food; console.log(noodle, soup, topping, time);

a month ago

10 min read

자바스크립트 이벤트 버블링과 캡쳐링 이벤트 버블링 (Event Bubbling)이벤트 버블링이란?화면의 특정요소에서 이벤트가 발생했을 때, 해당 이벤트가 상위요소들로 전달되어 가는 특성<body> <div class="one"> <div class="two"> <div class="three"> </div>

a month ago

3 min read

자바스크립트 비동기 promise & async & await 자바스크립트의 특징, 비동기 처리비동기 처리란?특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것을 말한다.예시console.log('양말을 신는다.'); setTimeout(( ) => console.log('신발을 신는다.'), 1000); console.log('밖으로 나간다.');예측 결과양말을 신는다. /

a month ago

12 min read

자바스크립트 call & apply & bind call(), apply(), bind() 란?call(), apply(), bind()는 this를 이해하기 위한 발판이다.자바스크립트에서 this를 자유자제로 바꿀 수 있도록 해주는 메소드이다.MDN설명ES5는 함수를 어떻게 호출했는지 상관하지 않고 this 값을 설정할 수 있는 bind 메서드를 도입했다.const SangUk = { age: 24

a month ago

2 min read

자바스크립트 this와 실행 컨텍스트 this인스턴스 자신을 가리키는 참조변수, 인스턴스의 주소가 저장되어있다.호출되는 시점과 상황에 따라 값이 달라져 디버깅을 유발하는 키워드이다.console에 this를 찍었을 때 console에는 window객체가 출력된다.일반적으로 브라우저의 요소와 자바스크립트 엔진과 관련된 모든 정보를 포함하고 있는 객체이다.문법에 따라 this가 바뀐다.Q. fun

a month ago

6 min read

자바스크립트 호이스팅 호이스팅이란?함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의 최상단에 선언하는 것.실행 컨텍스트가 생성될 때 변수객체가 생성이 된다.변수 객체는 밤수가 실행되는데 사용되는 변수들을 찾는 위치이고 없을 경우 스코프체인을 따라 올라간다.호이스팅은 변수 객체를 생성할 때, 함수에 선언들을 끌어올려 변수객체에 담는 과정이다.동작자바스크립트 pase

a month ago

4 min read

자바스크립트 map & filter & reduce 자바스크립트 데이터 타입기본형Number, Boolean, Null, undefined참조형Array, Object, Function기본형기본형은 값을 복사한다.var x = 100; var y = x; x = 99; console.log(y); // 100y의 값은 변경되지 않음참조형참조형은 주소값을 복사한다.var x = {count: 100}; va

a month ago

3 min read

자바스크립트 함수와 Return 함수함수란 ?변수처럼 자바스크립트의 메모리에 저장했다가 필요할 때마다 호출하여 사용변수와 함수의 차이점변수1개의 데이터만 저장var라는 키워드를 이용하여 선언문자형, 숫자형, 논리형 데이터를 보관객체를 참조함수자바스크립트 코드를 저장function이라는 키워드를 이용하여 선언출력문, 제어문 등의 코드를 저장, 데이터를 반환함수 선언기본형function 함수

a month ago

10 min read

자바스크립트 객체 객체객체란?자바스크립트에서의 객체는 속성과 함수들의 집합객체의 종류내장 객체자바스크립트 엔진에 내장되어 있어 필요한 경우 생성해서 사용가능내장 객체의 종류로는 문자, 날짜, 배열, 수학 객체등 여러가지 객체가 존재브라우저 객체 모델 (BOM)브라우저에 계층 구조로 내장되어 있는 객체브라우저 객체의 종류는 window, screen, location, his

a month ago

24 min read

자바스크립트 제어문과 조건문 제어문제어문이란?프로그램의 흐름을 제어할 수 있도록 도와주는 코드제어문 종류조건문 : 조건을 만족하는지의 여부에 따라 코드를 제어할 수 있다.선택문 : 변수에 일치하는 경우 값에 따라 코드를 제어할 수 있다.반복문 : 특정 코드를 여러 번 반복해서 실행한다.조건문조건식의 값이 참인지, 거짓인지에 따라 자바스크립트 코드를 제어조건식에 0이 들어가면 false

a month ago

7 min read

자바스크립트 문법 기초 문법script 태그는 자바스크립트 코드를 작성할 영역을 선언하는 것head 태그 영역과 body태그 영역에 선언하여 사용 가능.주석처리선언문 안에 설명글을 적거나 코드를 생략할 때 주석처리를 하면됨.예시<html> <head> <script> 스크립트 코드 </script> </head&

a month ago

12 min read

자바스크립트 기초 자바스크립트 탄생 배경1995년 최고의 인터넷 브라우저 점유율을 가지고 있던 넷스케이프에 근무하던 브렌드 아이크가 개발이름 변경 과정모카(Mocha) -> 라이브스크립트(LiveScript) -> 자바스크립트(JavaScript)자바스크립트의 표준화자바스크립트가 개발된 뒤 많은 회사에서 스크립트 언어를 개발하기 시작하며 표준화할 필요가 생김. 그

a month ago

3 min read

전상욱

6 팔로워

4 팔로잉

소프트웨어 개발자 전상욱입니다.

태그

탄생배경표준화기능브라우저 개발자 도구기초문법연산자자료형변수함수조건문반복문forifcontinuebreakwhileswitchelseelse if객체내장 객체수학 객체배열 객체문자열 객체브라우저 객체screen 객체location 객체history 객체navigator 객체functionreturn매개변수인자화살표함수mapfilterreduce기본형참조형varletconst호이스팅this실행 컨텍스트생성자newcallapplybindpromiseasyncawaitthencatchfinallyPrendingresolveFulfilledrejected동기비동기콜백 함수이벤트 캡쳐링이벤트 버블링BubblingCapturingstopPropagation디스트럭처링스프레드리터럴옵셔널 체이닝가비지 컬렉터Garbage Collector메모리includesNullish CoalescingDestructuringES6ANDArrow Function삼항연산자Spread변환floor

최근 댓글

아직 댓글이 없어요