Java Script

if조건은 항상 참이어야 한다.참이 아니면 else블럭으로 간다&&은 앞 뒤로 참이어야한다 그렇지 않으면 else블럭으로 간다||(or)prompt 유저에게 질문을 할 수 있는것prompt는 옛날 자바스크립트 언어이다 안쓰는게 좋음

변수란 변경되거나 변경될 수 있는 것

함수 선언식function 함수명() { //code}함수 표현식const 변수명 = function 함수명 (){//code}함수 호출변수명();function a(name){ console.log(name); }a('banana');a('apple');출력->

< a hnef ='#'> #을 넣으면 자기자신의 시작페이지로 이동

객체에 접근하기 객체.key 마침표(Dot Notation)객체'key' 대괄호'Bracket Notation'\*대괄호 방식은 key가 따옴표로 감싸져 있지 않으면 변수로 해석해서 참조한다.변수를 사용하여 객체에 접근두가지의 차이점Dot Notation숫자로 시작하는

head태그 안에 붙여넣기< script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">< /script>

HTML뼈대를 만듦CSS보이는 모든것을 만듦JavaScript웹문서 html을 이용하여 정보를 보거나 웹 문서끼리 연결하는것 외에 팝업창을 열거나 전화번호 또는 이메일주소를 체크하는 등의 기능적인 요소를 위해 사용되는 언어로웹 문서에 제공하는 액션입니다뼈대와 디자인에

정규식 패턴이 계속 지속될 경우let re = /ab+c/;정규식 패턴이 변경되는 경우생성자 함수를 사용하여 동적으로 정규식을 만들수 있다다른 출처로부터 패턴을 가져와야 하는 경우에는 생성자 함수 사용let re = new RegExp("ab+c");단순 문자열 패턴직

배열 let arr = new Array(); arr[0] = 10; arr[5] = 1 // 배열이 0~5까지 생기고 5번째 인덱스가 1로 변경됨 배열 추가 변수.push(값)(반복문에도 쓰임) 변수.unshift() 맨 앞의 값 추가 배열 삭제 변수.pop()

이벤트가 제일 깊은 곳에 있는 요소에서 시작해, 부모 요소를 거슬러 올라가며 발생하는 현상.한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작한다.이어서 부모 요소의 핸들러가 동작한다.가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에

interaction HTML이나 CSS만으로 구현할 수 없고, 자바스크립트 코딩이 필요하다특정요소에 interactive한 반응을 할 수 있게 하는것클릭 이벤트마우스 이벤트스크롤 이벤트터치 이벤트resize(화면 크기 변화) 이벤트이벤트를 달 때 사용하는 함수이름특정

구글의 V8은 자바스크립트 엔진의 대표적인 예이다. Chrome과 Node.js에서 사용한다1) Heap: 복합 자료형(배열, 함수, 객체등)을 저장하는 메모리 공간2) 호출 스택 (Call Stack): 코드 실행에 따라 호출 스택이 쌓이는 곳, 기본 자료형(숫자,

ES6부터 추가 됨객체를 순환객체의 key값에 접근 가능, value값에는 직접 접근 불가key를 리턴, 배열의 경우에는 index 리턴배열을 순환Array, Map, Set, String, arguments 등이 해당됨 (Object는 해당 X)value를 리턴

문자 변경하기1) 문자열에서변경하려는 문자열이 여러번 반복될 경우, 첫번째로 발견한 문자열만 치환해준다대소문자 구별2) 모든 문자열 치환, 대소문자 구별3) 대소문자 구별없이 치환

함수가 실행되기 전에 안에있는 변수들을 범위의 최 상단으로 끌어올리는 것 \-> 자바스크립트 Parser가 함수 실행 전 해당 함수를 한 번 훑는다. \-> 함수 안에 존재하는 변수/함수선언에 대한 정보를 기억하고 있다가 실행시킨다. \-> 유효 범위: 함수 블록

자바스크립트에서 값은 원시값과 참조값으로 나뉜다원시값은 값을 복사 할 때 복사된 값을 다른 메모리에 할당 하기 때문에 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다NumberStringBooleanNullUndefined참조값은 변수가 객체의 주소를 가리키는

.then의 첫 번째 인수는 프라미스가 이행되었을 때 실행되는 함수이고, 여기서 실행 결과를 받는다.then의 두 번째 인수는 프라미스가 거부되었을 때 실행되는 함수이고, 여기서 에러를 받는다첫 번째 함수가 실행되었다프라미스가 거부된 경우에는 아래와 같이 두 번째 함수

구문 오류 (SyntaxError)괄호의 짝 등 구문적인 오류 구문오류 외에 나는 모든 오류런타임 오류예외(exception) TypeError ex)

변수에 할당하는것을 의미함수명이 없어도 된다함수명이 기대 돼 있는 함수 표현식을 기명 함수 표현식함수명이 정의 되지 않은 함수 표현식을 익명 함수 표현식이라고 한다함수 선언문만 존재별도의 할당 명령이 없는것을 의미반드시 함수명이 정의 돼 있어야 한다

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법이다이 문법을 쓰는 이유는 프로미스도 콜백지옥처럼 체이닝을 계속 하다보면 코드의 가독성이 떨어지기 때문이다이 문법은 프로미스를 좀 더 간결하고 동기적으로 실행되는것 처럼 보이게 만들어준다function 앞에 위치

window.scrollYwindow.scrollY + window.innerHeightwindow.innerHeightscrollY와 pageYoffset은 같은 속성이다.오래된 브라우저의 경우 scrollY(IE9미만)를 지원하지 않을 수도 있어서 pageYoffs

설치npm install browser-image-compression --save사용<input type="file" accept="image/\*" onchange="handleImageUpload(event);">

Nodejs에서 buffer는 raw 바이너리 데이터를 저장할 수 있는 특수한 유형의 객체이다일반적으로 컴퓨터에 할당된 메모리 청크, 일반적으로 RAM을 나타낸다일단 버퍼크기를 설정하게 되면, 이후에는 변경할 수 없다.버퍼는 바이트를 저장하는 단위라고 볼 수 있다. B

Blob(Binary Large Object, 블랍)은 이미지, 사운드, 비디오와 같은 멀티미디어 데이터를 다룰 때 사용할 수 있다대개 데이터의 크기(Byte) 및 MIME 타입을 알아내거나, 데이터를 송수신을 위한 작은 Blob 객체로 나누는 등의 작업에 사용한다in

FileReader는 웹 애플리케이션이 비동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는 File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 raw data버퍼로) 읽고 사용자의 컴퓨터에 저장하는 것을 가능하게 해준다.FileReader 객체를 생성한 후 이

폼을 쉽게 보내도록 도와주는 객체FormData 객체는 HTML 폼 데이터를 나타낸다fetch 등의 네트워크 메서드가 FormData 객체를 바디로 받는다는 건 FormData의 특징이다. 이때 브라우저가 보내는 HTTP 메시지는 인코딩되고 Content-Type 속성

특정 객체를 대상으로 value값들만 뽑아서 배열로 반환하는 메서드

유사 배열 객체나 반복 가능한 객체를 얕게 복사해 새로은 배열 객체를 만든다Array.from(arrayLike\[, mapFn\[, thisArg]])매개변수arrayLike배열로 변환하고자 하는유사 배열 객체나 반복 가능한 객체.mapFnOptional배열의 모든

new Date() 현재 날짜와 시간 출력 setDate() 출력되는 날짜를 지정할 수 있음 getDate() 날짜를 가져옴 toLocaleString() number, date, array, object에서 사용 할 수 있다 지정된 지역에서 사용하는 숫자의 표현방식을

불린이 아니지만 불린처럼 읽힘"", ''0undefinedNaNnull!true\[],{}not !!fasly !falsy ?.함수나 대괄호와 함께 동작하는 특별한 문법 구조체(syntax construct)이다'앞'의 평가 대상이 undefined나 null이면 un

기본적으로 무언가를 일정 간격을 두고 실행하도록 만들어주는 스케줄링 메서드이다지정된 주기로 특정 코드를 계속 실행한다시간 지연을 보장하지 않는다지정된 초가 지난 후 특정 코드를 1회 실행 후 멈춘다시간 지연을 보장한다setInterval과 같이 계속 실행하고 싶을때에는

모든 객체가 소속된 객체이며, 브라우저 창을 의미한다window는 생략이 가능하다현재문서에 대한 정보를 갖고 있는 객체문서의 주소와 관련된 객체로 window객체의 프로퍼티인 동시에 document의 프로퍼티이다이 객체를 이용하여 윈도우의 문서 URL을 변경할 수 있고

일명 콜백지옥을 극복하고, 비동기 처리를 간결하게 작성할 수 있는 객체ES6로 부터 추가되었다 resolve 함수 안의 처리가 끝났을 때 호출해야하는 콜백함수. 어떠한 값도 인수로 넘길 수 있다.다음 처리를 실행하는 함수에 전달된다.reject함수 안의 처리가

프록시를 이용해서 state라는 전역 상태 객체를 만듦 이 객체에는 모달창이나 overlay와 같은 컴포넌트들의 상태를 저장

javaScript에서 키-값 쌍을 저장하는 자료구조각 키는 고유해야하며, 키를 사용하여 값에 접근할 수 있다map은 순서를 유지하므로 삽입된 순서대로 반복된다여기서의 has, get의 메소드는 Map 객체 자체의 메소드이다has(key): Map객체 내에 주어진 키가