profile
yeeaasss rules!!!!
post-thumbnail

React Hooks?

useState 는 가장 기본적인 Hook 으로서, 함수형 컴포넌트에서도 가변적인 상태를 지니고 있을 수 있게 해준다. 만약에 함수형 컴포넌트에서 상태를 관리해야 되는 일이 발생한다면 이 Hook 을 사용하면 된다.useEffect 는 리액트 컴포넌트가 렌더링 될 때마

2021년 2월 3일
·
0개의 댓글
post-thumbnail

React Life Cycle

React Components & Life Cycle Event React의 컴포너트는 생명주기(Life cycle)을 가진다. 생명주기란 컴포넌트가 생성되고 사용되고 소멸될 때 까지 일련의 과정을 말한다. 이러한 생명주기 안에서는 특정 시점에 자동으로 호출되는 메서

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

Pure function: Redux reducer

함수형 프로그래밍이란 성공적인 프로그래밍을 위해 부수 효과를 미워하고 조합성을 강조 하는 프로그래밍 패러다임이다.함수형 프로그래밍의 목적은 4단계에 걸쳐 말하고 있다.부수 효과를 미워한다. => 순수 함수를 만든다.조합성을 강조한다. => 모듈화 수준을 높인다.순수 함

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

Event Loop

JavaScript Process (Sync?) 자바스크립트의 큰 특징 중 하나는 '단일 스레드' 기반의 언어라는 점이다. 스레드가 하나라는 말은 곧, 동시에 하나의 작업만을 처리할 수 있다라는 말이다. 하지만 실제로 자바스크립트가 사용되는 환경을 생각해보면 많은 작업

2021년 1월 31일
·
0개의 댓글
post-thumbnail

Object Oriented Programming (OOP)

OOP Object-Oriented Programming (객체 지향 프로그래밍) 프로그램 디자인 철학 중 하나로써, 이전 절차지향 프로그래밍 언어와는 다른 프로그래밍 세트를 쓴다. (예 : Class) OOP는 스스로 지속이 가능한 객체들로 이루어져 있으며, 재사용성

2021년 1월 28일
·
0개의 댓글
post-thumbnail

Redux ? Redux Reducer?

Flux는 Facebook에서 만든 client-side web applications을 구축할 때 사용하는 application architecture(앱 구조), design pattern(디자인 패턴)이다. MVC (Model–View–Controlle)구조 의

2021년 1월 21일
·
0개의 댓글
post-thumbnail

Hash Table, Hash Collision & Resolution

해시함수(hash function)란 데이터의 효율적 관리를 목적으로 임의의 길이의 데이터를 고정된 길이의 데이터로 매핑하는 함수이다. 이 때 매핑 전 원래 데이터의 값을 키(key), 매핑 후 데이터의 값을 해시값(hash value), 매핑하는 과정 자체를 해싱(h

2021년 1월 21일
·
0개의 댓글
post-thumbnail

Prototype Link & Prototype Object

자바스크립트의 모든 객체는 자신의 부모 역할을 담당하는 객체와 연결되어 있다. 그리고 이것은 마치 객체 지향의 상속 개념과 같이 부모 객체의 프로퍼티 또는 메소드를 상속받아 사용할 수 있게 한다. 이러한 부모 객체를 Prototype(프로토타입) 객체 또는 줄여서 Pr

2021년 1월 20일
·
0개의 댓글
post-thumbnail

JavaScript Closure & Scope Level & Hoisting

초기 프로그래밍 언어는 이 대응표를 프로그램 전체에서 하나로 관리했는데, 여기에는 이름 충돌의 문제가 있었다. 그래서 충돌을 피하기 위해, 각 언어마다 "스코프"라는 규칙을 만들어 정의하였다. 그렇게 스코프 규칙은 언어의 명세(Specification)가 되었다.자바스

2021년 1월 20일
·
0개의 댓글
post-thumbnail

Big-O Notation, Time Complexity, and Algorithm

알고리즘어떠한 문제를 해결하기 위해,정해진 일련의 절차나 방법을 공식화한 형태로 표현한 것,계산을 실행하기 위한 단계적 절차어떤 목적을 달성하거나, 결과물을 만들기 위해, 거쳐야하는 일련의 과정들을 의미한다.그 과정은 다양하며, 여러가지 상황에 따라, 알고리즘은 모두

2021년 1월 20일
·
0개의 댓글
post-thumbnail

Asynchronous I/O Processing

Asynchronous I/O Processing 자바스크립트의 비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다. >동기식 처리 모델(Synchronous processing mode

2021년 1월 5일
·
0개의 댓글
post-thumbnail

This & Binding Example

코드를 만들어서 자바스크립트 엔진에 실행을 하면 그 즉시 memory 와 execution context를 엔진이 객체로 생성해 만든다.실행을 하기 위해서는 여러가지 정보가 필요한데 다음과 같은 정보를 구분하고 가지고 있기 위해 execution context를 객체

2021년 1월 4일
·
0개의 댓글
post-thumbnail

REST (Representational State Transfer)

REST는 프로토콜이나 표준이 아닌 아키텍처 원칙 세트이다. API 개발자는 REST를 다양한 방식으로 구현할 수 있다.REST는 Representational State Transfer의 줄임말이다. 자원을 자원(resource)의 표현(representation)

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

Web Accessibility & Semantic Markup

웹 접근성(Web Accessibility) 이란 장애인, 고령자 등이 웹 사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장하는 것이다."장애인이 웹상에서 제공되는 텍스트와 이미지, 영상 등을 접했을 경우, 한눈에 재빨리 내용 파악이 가능하

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

CORS (Cross-Origin Resource Sharing) & Solution

우리가 흔히 알고있는 URL은 다양한 요소로 구성되어 있다.https://blog.naver.com/dnvld1/?page=1 라는 URL이 있다고하면 이는 아래와같이 구성되어 있다.https://-> protocolblog.naver.com -> d

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

Webpack & Module Bundler

최근 몇 년동안 웹 개발은 매우 작은 리소스들과 약간의 자바스크립트가 포함된 웹페이지를 시작으로, 복잡한 자바스크립트와 대규모 의존성 트리를 가지고 있는 다양한 기능을 갖춘 웹 애플리케이션으로 발전했다.이러한 복잡성에 대응하기 위해 아래와 같은 방법을 고안했다.한 프로

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

Event Bubbling & Event Capturing

이벤트 등록이란 웹 애플리케이션에서 사용자의 입력을 받기 위해 필요한 기능add one item이라는 간단한 버튼을 만들어 클릭했을 때 addItem이라는 함수를 실행시키는 코드이다. 버튼을 클릭하고 나면 addItem 함수가 실행되고 addItem 함수에 event

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

Web(Browser) Storage

WEB STORAGE이란 웹의 데이터를 클라이언트에 저장할 수 있는 자료구조다. 키/값 쌍으로 데이터를 저장하고 키를 기반으로 데이타를 조회하는 패턴이다. 내부적으로는 영구저장소(LocalStorage)와 임시저장소(SessionStorage)가 분리되어 데이터 지속성

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

CSR (Client Side Rendering), SSR (Server Side Rendering), SPA (Single Page Application), MPA (Multi Page Application)

Browser 에서 실제로 우리가 보는 화면이 있다.그런 화면을 어디서 최종적으로 만들어서 보여주느냐, 어떻게 개발하느냐에 따라서 CSR, SSR이라고 부른다.처음에 웹서버에 요청할 때 데이터가 없는 문서를 반환한다.HTML 및 static파일들이 로드 되면서 데이터가

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

Browser Rendering Process

User Interface: 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분Browser Engine: User Interface와 Rendering Engine 사이의 동작을 제어Rendering Engine:

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