thumbnail

Modern React 4

61cba33dd4fa9d53cf0ec9bb0dd1b694.jpg input 상태 관리 :: 이벤트에 등록하는 함수는 이벤트 객체 e 를 파라미터로 받아와서 사용 할 수 있는데 이 객체의 e.target 은 이벤트가 발생한 DOM 인 input DOM 을 가르킴....

2020년 1월 5일0개의 댓글

Modern React 3

f997641c556cf36fb76bb5b632c5d756.jpg useState 를 통해 컴포넌트에서 바뀌는 값 관리 :: 함수형에서의 state관리하기 * 숫자를 카운트하는 예제.......

2020년 1월 5일0개의 댓글

Modern React 2

773b7cd7c12a574146a45bbb27539462.jpg 조건부 렌더링 ::특정 조건에 따라 다른 결과물을 렌더링 * "*"표시가 특정조건인 경우에만 붙게 하려면..? 스크린샷 2020-01-05 오후 4.34.04.png...

2020년 1월 5일0개의 댓글

Modern React 1

cca0801657fe1ca2c56ddb35594f3e3b.jpg props 를 통해 컴포넌트에게 값 전달하기 :: props 는 properties 의 줄임말 * 가령, App.js에서 Hello컴포넌트의 name에 접근하려면,,? 스크린샷 202...

2020년 1월 5일0개의 댓글

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개의 댓글