thumbnail

DOM

b1807ef62c0d61018abbcd91147e60dd.jpg DOM (Document Object Model) 텍스트 파일로 만들어져 있는 웹 문서를 브라우저에 렌더링하려면 웹 문서를 브라우저가 이해할 수 있는 구조로 메모리에 올려야 한다. 브라우저의 렌더링...

2019년 11월 23일0개의 댓글

Data Structure(자료 구조)

82a61c8da3d9d05e9b9955ff80cf828c.jpg Data Structure 데이터에 편리하게 접근하고, 변경하기 위해서 데이터를 저장하거나 조직하는 방법. 모든 목적에 맞는 자료구조는 없음. 데이터를 담고 있으면 자료구조라고 보면 됨 (ex...

2019년 11월 17일0개의 댓글

React, 너를 위한 ES6

f047c57b2c97c5ed7961520e1d24e9fc.jpg es5- es6로 넘어오면서 많이 사용되는 문법 중 일부를 소개하고자 한다:) 화살표 함수 (Arrow Function) * 'function' & 'return' 키워드가 빠지고 ()소괄호로 변...

2019년 11월 16일0개의 댓글

Life Cycle

1f14f230cfa0db741e517d94100322db.jpg LifeCycle 컴포넌트 life cycle에 따라 각자 Method가 호출됨 Mounting: 컴포넌트가 mount 되었을 때 , 아래의 순서대로 method가 호출 (1) construc...

2019년 11월 16일0개의 댓글

AJAX

322f5938302b15d10c43b94c25ee3bb3.jpg AJAX (Asynchronous JavaScript and XML) 자바스크립트를 이용해 비동기식으로 서버와 통신하는 프로그래밍 방식.(구현하는 방식) 사용자가 원할 때만 데이터를 가져오게 ap...

2019년 11월 10일0개의 댓글

CallBack 함수 (feat.동기 & 비동기)

9891be28b09a8a21f766b0f4bfaa52a8.jpg 콜백함수에 대해 알아보던 중.. 별안간 동기/ 비동기를 많이 접하게되는 데- 대체 동기/비동기 그리고 콜백함수는...?! 동기 & 비동기의 비유방식으로는 커피숍의 진동벨로 들 수 있다. 커피숍에가...

2019년 11월 9일0개의 댓글

RESTful API

e6cf612f71a97e9e443a351aef4cc935.jpg RESTful API [Representational State Transfer] 이해하기 쉽고 사용하기 쉬운 서비스 API를 제공하기 위해 REST원리에 따라 구현한 것. REST API를 제공하는...

2019년 11월 8일0개의 댓글

Scope ♥ Closure

93ee962ea10e584040cc592512236c94.jpg [javascript] Scope 변수의 범위/영역. 함수를 호출 시, 그 함수가 실행되는 동안 Scope만들게 됨. 그리고 함수가 끝나면 Scope는 사라지는 데 동일 함수를 두 번 호출하면, ...

2019년 11월 4일0개의 댓글

Class

272d626ab0a1a4b451d9c5150942fc60.jpg [javascript] Class 클래스는 수많은 변수와 함수 중 중복되는 변수/ 함수 하나로 묶을 때 사용하는 문법. 이렇게 클래스로 묶는 이유는 객체 단위로 코드를 그룹화 할 수 있으며 코드...

2019년 11월 2일0개의 댓글

Image Sprite

4d75cc0fc70c24958ac70a5a7089908a.jpg [CSS] image sprite 배경이미지를 적용할 때 background-position을 통해 이미지를 배치하는 법 쉽게 말하면 어떤 시트(sheets) 안에 여러 이미지들이 모아놓은 것. 웹...

2019년 10월 31일0개의 댓글

var, let, const 그리고 Hoisting

ae91416b32875fcc8195751ffbd81a28.jpg [javascript] Var (function-scoped) es6 이전의 변수 선언 방식으로 function단위의 scope를 갖음 스크린샷 2019-10-30 오후 6.29....

2019년 10월 30일0개의 댓글

Filter

6e19de146fb7f7462118740dd4ff8e40.jpg [javascript] filter callbackFunction의 조건에 해당하는 모든 요소가 있는 배열을 새로 생성하는 기능. filter는 값이 없는 배열 요소에 대한 기능을 실행하지 x. f...

2019년 10월 28일0개의 댓글

CRA (create react app)

b975f46484fd7533efebd27d7ddcc777.jpg [REACT] CRA (create react app) Create React App은 React 배우기에 간편한 환경이고 새로운 싱글 페이지 애플리케이션이다. 이것은 개발 환경을 설정하고,...

2019년 10월 28일0개의 댓글

Infinity, NaN

9b43abc10ad961e7e43939f516d27df0.jpg [javascript] NaN (not a number) NaN 은 Not-a-Number 로 숫자가 아니라는 뜻. 표현불가능한 수치형 결과를 나타내고 표현할 수 없는 값뿐만 아니라 자기자신과...

2019년 10월 23일0개의 댓글

Basic of HTTP

26f8c8d6782efed9f10c7cf7a9387ae3.jpg HTTP HyperText Transfer Protocol (하이퍼텍스트들을 전송하는 규약) HTTP는 TCP/IP 기반 글을 보내는 데 http프로토콜에 맞춘 글을 보내는 것이 서버끼리의 통신이다...

2019년 10월 16일0개의 댓글

We need to talk about git & github

88145c0bc76f274bf5aed5f11e55c7fb.jpg git & github Git = VCS (Version Control System). Git은 Git repository 라고 불리는 데이터 저장소에 소스 코드 등을 넣어서 이용하는것으로, ...

2019년 10월 10일0개의 댓글

Object continue..2

3aad200de5e152e1763a8e33566fb60b.jpg 원시타입과 참조타입 * 객체는 reference로 저장됩니다. 객체를 변수에 저장하면 객체 리터럴 자체가 저장되는 것이 아니라 reference가 저장 텍스트의 경우, 변수에 저장하면 텍스트 자체...

2019년 10월 6일0개의 댓글

React

06221ac4ae96f681e3bed114dd1bdd9f.jpg REACT 가상 DOM을 활용하여 부분적인 렌더링을 하는 자바스크립트 라이브러리(프레임워크x) SPA(Single Page Application) * 리액트의 특징 (1) 화면 view단을 구현하...

2019년 10월 4일0개의 댓글

Array (배열)

스크린샷 2019-09-16 오전 2.56.49.png [javascript] : Array (배열) * 배열은 수많은 데이터의 집합을 저장하기 위한 용도로 사용되면서 중복된 변수를 줄이기 위해서도 사용된다 어떤 타입이던지간에 그 타입의 데이터를...

2019년 10월 4일0개의 댓글

Object continued..

1e8e3504e2913909dd7b60f66118be77.jpg [javascript] : 객체 (object) * 객체는 키(key)-값(value) 쌍으로된 데이터의 모음이고 순서가 뒤바껴도 아무 상관이 없. 배열처럼 순서대로 index로 접근하는게 아니라...

2019년 10월 4일0개의 댓글