# js
자바스크립트 - Call Stack, Event Loop, Tasks & more
자바스크립트는 single threaded, single concurrent language이다.이 말은 한 번에 한가지 일, 한 번에 한 조각의 코드를 다룰 수 있다는 의미다.Javasript Concurrency Model(V8엔진 내부에서 작동하는)은 single
ES6 ~ ES9 간략 정리
ECMAScript(ECMA-262) 는 Javascript 에 명세 또는 스펙을 의미합니다.ECMA-262 : Ecma 인터내셔널 (표준기구)는 ECMA 스크립트 언어의 공식 사양 인 ECMA-262 표준을 만들었습니다.자바스크립트를 뼈대를 구성하는 스크립트 언어입니
Javascript
var a 재할당과 같은 변수명 사용 가능(debug에 어려움이 생길 가능성이있음) let a 재할당 가능(같은 변수명 중복 불가능) const a 재할당이 불가능 for(var a=0;a<10;a++){} function a(){} 클로저(closure) 클로저(c
[JS] Dom이란 ?
문서 객체 모델 DOM 1. Dom이란 무엇일까? > Document Object Model로 텍스트로만 구성된 HTML 문서를 객체 모델(Dom tree)로 변환한다. 자바스크립트는 DOM을 통해 웹페이지에 접근하고 문서를 제어하여 동적인 웹페이지를 만들 수 있다. 2. DOM Tree > HTML의 tag와 element를 객체 트리로 구조화시킨 모델...
JS STUDY ( 객체지항 자바스크립트 1 - 프로토타입의 이해 )
객체의 시작 여기서 나오는 객체는 자바스크립트 컬렉션 객체가 아니라 프로그래밍 개념 객체를 다룬다. 자스는 일단 나중에 이야기하자. 객체란 객체지향이란 말은 매우 친숙해서 마치 아는 것 같다. 하지만 이번 자바스크립트를 공부하면서 객체를 더 모르게되었다. 좀 더 객체를 자세히 알아보려고 이번 포스팅을 시작했다. 반복된 행동은 우아하지 않다. 반복되는 ...
타입스크립트 정리
해당 내용은 https://github.com/jjam100/Typescript_study 에서 가져왔습니다. 설치 첫 타입스크립트 문서 만들기 다음과 같이 typescript 문서를 작성한 후, 콘솔상에서 다음과 같이 치면 위 타입스크립트가 일종의 컴파일 과정을 거친 후에, .js 문서로 바뀌게 된다. JS와 TS의 타입 TS는 JS의 타입 뿐...
[Js] 모듈 내보내기/불러오기
ES6 이전 이전에는 require를 통해 모듈을 불러왔다. 예를 들어 fs 모듈을 불러오는 방식은 아래와 같았다. 내가 직접 만든 모듈도 같은 방식이었다. module.js는 아래와 같다. 이 module.js는 간단한 사칙연산을 하는 모듈이며 이 모듈을 사용하는 방법은 require를 통해서 불러와 사용할 수 있다. 위와 같이 calc라는 객체에...
사진(exif)의 GPS 정보를 받아와 카카오 맵으로 띄우기 (only js)
spring 프로젝트 중 고객 요청 사항 중에 사진 업로드를 하면 GPS 정보를 불러와 카카오 맵 으로 지도를 표시 해주는 기능이 있었는데 java로 구현하려니 차라리 전부 js로만 구현할 수 있는 방법이 없을까 생각하다가.. exif-js https://github.com/exif-js/exif-js 자신의 프로젝트에 등록 kakaomap 카카오...
[Js] null, undefined
null, undefined >'값이 없음'을 나타내는 영단어. 값이 없다는 것은 그 값이 0조차 아니라는 뜻이다. null의 사전적 의미는 값이 없음이라고 한다. 각각 null, 1, 초기화 되지 않은 값들을 콘솔에 찍어본다면 null, 1, undefined가 나온다. 즉 값을 초기화 하지 않은 변수는 undefined 가 나온다는 것을 알 수 있...
JS STUDY - 1주차( 매개변수 )
자바스크립트 코딩의 기술을 정리한 것이니 좀 더 궁금하면 책을 찾아보자. JS의 함수는 매우 유연하다. 인자 타입을 정의할 수도 없고, 인자의 수를 정하기도 힘들다. 그래서 함수에 예외처리에 매우 까다롭다. 그래서 함수 인수를 변경하는 계획을 세워보고, 간결하면서 유연한 매개변수를 생성하는 방법을 알아보도록 하자. 완벽하진 않지만, 전보다 나은 코드가 ...
JS Study : ES6 - 1주차(펼침 연산자'...')
순서를 갖고 있는 컬렉션 : 배열 js의 배열은 높은 유연성을 가지고 있다. 배열은 순서를 갖는 데이터 컬렉션이다. 순서를 갖기 때문에, 이를 기준으로 값을 추가하거나 제거할수 있고, 모든 위치에 값이 있는지 확인할 수 있다. 그렇지만 배열에는 수많은 메서드가 있으므로 조작(mutation)과 부수 효과(side effect)로 인한 문제가 생길 수 있다...
[Js] Spread 연산자, Rest 파라미터
Spread 연산자 Spread 연산자는 ... 을 통해 사용할 수 있다. MDN에서는 아래와 같이 Spread 연산자를 설명한다. >전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. 솔직히 ...