# js

106개의 포스트
post-thumbnail

자바스크립트 메모리 관리

자바스크립트 메모리 관련하여 누수에 관한 조심해야할 내용과 간단한 내용 공유

약 7시간 전
·
0개의 댓글

배열

배열은 하나의 함수에 여러 가지 값을 저장할 수 있습니다.데이터를 모아서 한 번에 관리하기 때문에 편리하게 사용할 수 있습니다.

약 9시간 전
·
0개의 댓글

함수의 정의

function 함수이름(인자){//코드실행}함수 정의의 기본 문법은 위와 같습니다.

약 10시간 전
·
0개의 댓글

while, for

if가 조건문이고 while, for문은 반복문입니다.조건이 참이 아니게 될 때까지 반복합니다.

약 11시간 전
·
0개의 댓글

js - if

자바스크립트의 if문의 기본 구조는 아래와 같습니다.

2일 전
·
0개의 댓글

자바스크립트 - Call Stack, Event Loop, Tasks & more

자바스크립트는 single threaded, single concurrent language이다.이 말은 한 번에 한가지 일, 한 번에 한 조각의 코드를 다룰 수 있다는 의미다.Javasript Concurrency Model(V8엔진 내부에서 작동하는)은 single

6일 전
·
0개의 댓글
post-thumbnail

vue weather app v2

vue weather app v2 를 제작했다. 아직 UI부분은 조금 수정해야 할거같다

2020년 2월 11일
·
0개의 댓글

(TIL 4-6일차) Instagram 클론 (HTML+CSS+JavaScript)

인스타그램 클론코딩 공부

2020년 2월 11일
·
0개의 댓글

(TIL 2-3일차) JavaScript

자바스크립트 이론

2020년 2월 11일
·
0개의 댓글
post-thumbnail

ES6 ~ ES9 간략 정리

ECMAScript(ECMA-262) 는 Javascript 에 명세 또는 스펙을 의미합니다.ECMA-262 : Ecma 인터내셔널 (표준기구)는 ECMA 스크립트 언어의 공식 사양 인 ECMA-262 표준을 만들었습니다.자바스크립트를 뼈대를 구성하는 스크립트 언어입니

2020년 2월 10일
·
0개의 댓글

Javascript

var a 재할당과 같은 변수명 사용 가능(debug에 어려움이 생길 가능성이있음) let a 재할당 가능(같은 변수명 중복 불가능) const a 재할당이 불가능 for(var a=0;a<10;a++){} function a(){} 클로저(closure) 클로저(c

2020년 2월 7일
·
0개의 댓글

[JS] Dom이란 ?

문서 객체 모델 DOM 1. Dom이란 무엇일까? > Document Object Model로 텍스트로만 구성된 HTML 문서를 객체 모델(Dom tree)로 변환한다. 자바스크립트는 DOM을 통해 웹페이지에 접근하고 문서를 제어하여 동적인 웹페이지를 만들 수 있다. 2. DOM Tree > HTML의 tag와 element를 객체 트리로 구조화시킨 모델...

2020년 2월 3일
·
0개의 댓글

JS STUDY ( 객체지항 자바스크립트 1 - 프로토타입의 이해 )

객체의 시작 여기서 나오는 객체는 자바스크립트 컬렉션 객체가 아니라 프로그래밍 개념 객체를 다룬다. 자스는 일단 나중에 이야기하자. 객체란 객체지향이란 말은 매우 친숙해서 마치 아는 것 같다. 하지만 이번 자바스크립트를 공부하면서 객체를 더 모르게되었다. 좀 더 객체를 자세히 알아보려고 이번 포스팅을 시작했다. 반복된 행동은 우아하지 않다. 반복되는 ...

2020년 1월 22일
·
0개의 댓글

타입스크립트 정리

해당 내용은 https://github.com/jjam100/Typescript_study 에서 가져왔습니다. 설치 첫 타입스크립트 문서 만들기 다음과 같이 typescript 문서를 작성한 후, 콘솔상에서 다음과 같이 치면 위 타입스크립트가 일종의 컴파일 과정을 거친 후에, .js 문서로 바뀌게 된다. JS와 TS의 타입 TS는 JS의 타입 뿐...

2020년 1월 18일
·
0개의 댓글
post-thumbnail

[Js] 모듈 내보내기/불러오기

ES6 이전 이전에는 require를 통해 모듈을 불러왔다. 예를 들어 fs 모듈을 불러오는 방식은 아래와 같았다. 내가 직접 만든 모듈도 같은 방식이었다. module.js는 아래와 같다. 이 module.js는 간단한 사칙연산을 하는 모듈이며 이 모듈을 사용하는 방법은 require를 통해서 불러와 사용할 수 있다. 위와 같이 calc라는 객체에...

2020년 1월 17일
·
0개의 댓글
post-thumbnail

사진(exif)의 GPS 정보를 받아와 카카오 맵으로 띄우기 (only js)

spring 프로젝트 중 고객 요청 사항 중에 사진 업로드를 하면 GPS 정보를 불러와 카카오 맵 으로 지도를 표시 해주는 기능이 있었는데 java로 구현하려니 차라리 전부 js로만 구현할 수 있는 방법이 없을까 생각하다가.. exif-js https://github.com/exif-js/exif-js 자신의 프로젝트에 등록 kakaomap 카카오...

2020년 1월 13일
·
0개의 댓글
post-thumbnail

[Js] null, undefined

null, undefined >'값이 없음'을 나타내는 영단어. 값이 없다는 것은 그 값이 0조차 아니라는 뜻이다. null의 사전적 의미는 값이 없음이라고 한다. 각각 null, 1, 초기화 되지 않은 값들을 콘솔에 찍어본다면 null, 1, undefined가 나온다. 즉 값을 초기화 하지 않은 변수는 undefined 가 나온다는 것을 알 수 있...

2020년 1월 13일
·
0개의 댓글

JS STUDY - 1주차( 매개변수 )

자바스크립트 코딩의 기술을 정리한 것이니 좀 더 궁금하면 책을 찾아보자. JS의 함수는 매우 유연하다. 인자 타입을 정의할 수도 없고, 인자의 수를 정하기도 힘들다. 그래서 함수에 예외처리에 매우 까다롭다. 그래서 함수 인수를 변경하는 계획을 세워보고, 간결하면서 유연한 매개변수를 생성하는 방법을 알아보도록 하자. 완벽하진 않지만, 전보다 나은 코드가 ...

2020년 1월 13일
·
0개의 댓글

JS Study : ES6 - 1주차(펼침 연산자'...')

순서를 갖고 있는 컬렉션 : 배열 js의 배열은 높은 유연성을 가지고 있다. 배열은 순서를 갖는 데이터 컬렉션이다. 순서를 갖기 때문에, 이를 기준으로 값을 추가하거나 제거할수 있고, 모든 위치에 값이 있는지 확인할 수 있다. 그렇지만 배열에는 수많은 메서드가 있으므로 조작(mutation)과 부수 효과(side effect)로 인한 문제가 생길 수 있다...

2020년 1월 12일
·
0개의 댓글
post-thumbnail

[Js] Spread 연산자, Rest 파라미터

Spread 연산자 Spread 연산자는 ... 을 통해 사용할 수 있다. MDN에서는 아래와 같이 Spread 연산자를 설명한다. >전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으로 객체로 확장시킬 수 있습니다. 솔직히 ...

2020년 1월 12일
·
0개의 댓글