Posts by Category

JS

ES6

less than 1 minute read

ES6

Event

less than 1 minute read

Event

JEST

less than 1 minute read

JEST

객체 (Renewel)

1 minute read

객체는 몇 가지 특수한 기능을 가진 연관 배열

Proxy

1 minute read

객체가 어떤 작업 할 떄 JS 명세서에 정의된 ‘내부 메서드’ 가 관여 (명세서에 정의된 메서드라 개발자가 코드 직접 호출 불가능)

BigInt

less than 1 minute read

BigInt 는 길이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형

참조 타입

less than 1 minute read

참조 타입은 JS 내부에서 사용되는 타입

커링

less than 1 minute read

커링은 단일 호출로 처리하는 함수를 각각의 인수가 호출 가능한 프로세스(다중 callable 프로세스)로 호출된 뒤 병합되도록 변환하는 것

동적으로 모듈 가져오기

less than 1 minute read

import/export 문은 코드 구조의 중심 잡기 위해(모듈링 위헤) 모듈 경로에 원시 문자열만 가능하며 런탕미이나 조건부로 모듈 불러올 수 없음

모듈 내보내고 가져오기

less than 1 minute read

import/export 문은 정적인 방식으로 모듈 경로엔 원시 문자열만 가능(함수 호출 불가능)

모듈

less than 1 minute read

모듈은 하나의 파일

제네레이터

less than 1 minute read

제네레이터는 제네레이터 함수 function* f(...) {...} 사용해 만듬

async와 await

less than 1 minute read

async/await 는 프라미스 기반으로 작동함

마이크로태스크

less than 1 minute read

모든 프라미스 동작(핸들러) 는 “마이크로태스크 큐” 라 불리는 내부 ‘프라미스 잡’ 큐에 들어가서 처리 되기 때문에 프라미스 핸들링은 항상 비동기로 처리됨

프라미스화

less than 1 minute read

‘프라미스화’는 콜백을 받는 함수를 프라미스를 반환하는 함수로 바꾸는 것

프라미스 API

less than 1 minute read

Promise 클래스에는 에는 5가지 정적 메서드 존재

프라미스 체이닝

less than 1 minute read

프라미스 체이닝이란 result 가 .then 핸들러의 체인을 통해 전달된다는 점에서 착안한 아이디어

프라미스

1 minute read

promise 는 ‘제작 코드’ 와 ‘소비 코드’ 연결해 주는 특별한 JS 객체

콜백

less than 1 minute read

JS 호스트 황경에서 제공하는 여러 함수 사용시 비동기 동작 스케쥴링 가능

커스텀 에러와 에러 확장

less than 1 minute read

커스텀 클래스는 Error 나 다른 내장 에러 클래스 상속받아 만들 수 있음(super호출, name프로퍼티 신경 쓰기)

믹스인

less than 1 minute read

믹스인은 객체 지향 언어에서 범용적으로 쓰이는 용어로, 다른 클래스들의 메서드 조합을 포함하는 클래스를 의미

클래스 상속

1 minute read

클래스 확장은 class Child extends Parent 로 Child class 는 Parent를 상속 받음

폴리필

less than 1 minute read

JS 는 명세서가 계속 갱신되지만 JS 엔진이 표준 전체를 지원하지는 않음

형 변환

less than 1 minute read

문자, 숫자, 논리형으로의 형 변환은 자주 일어나는 형 변환

코드 구조

less than 1 minute read

문(statement) 는 어떤 작업을 수행하는 문법 구조 와 명령어 의미

엄격 모드

less than 1 minute read

JS 는 호환성을 위해 이전의 코드 문제들이 돌아가는 환경을 기본형으로 놔둠

자료형

less than 1 minute read

JS 엔 8가지 기본 자료형 있음

변수와 상수

less than 1 minute read

변수는 데이터를 메모리에 저장할 때 쓰이는 ‘이름이 붙은 저장소’

네이티브 프로토타입

less than 1 minute read

모든 내장 객체의 메서드는 해당 내장 생성자 함수의 프로토타입에 저장됨

함수의 prototype 프로퍼티

less than 1 minute read

생성자 함수의 prototype 프로퍼티는 new 생성자를 호출할 때 만들어지는 새로운 객체의 [[prototype]] 설정

전역 객체

less than 1 minute read

전역 객체를 사용하면 언제 어디서나 사용가능한 변수를 만들 수 있음

재귀와 스택

2 minute read

함수가 필요에 의해 자기 자신을 호출할 때 이를 재귀 라 부름

객체

1 minute read

객체의 특징

주석

less than 1 minute read

주석

코딩 스타일

1 minute read

진정한 프로그래밍 기술이란 복잡한 문제를 간결하고 사람이 읽기 쉬운 코드를 작성해 해결하는 것. 코드 스타일이 도움 됨

전역 객체

less than 1 minute read

전역 객체를 사용하면 언제 어디서나 사용가능한 변수를 만들 수 있음

Back to Top ↑

FrontEnd

Recoil

less than 1 minute read

Recoil 간단 정리

ES6

less than 1 minute read

ES6

Back to Top ↑

React

Recoil

less than 1 minute read

Recoil 간단 정리

Back to Top ↑

ComputerArchitecture

Back to Top ↑

Python

파이썬 알고리즘 인터뷰 비트 조작 간단 정리

1 minute read

비트 조작 논리 회로 ALU 는 비트 조작의 담당자이자 현대 디지털 컴퓨터의 기본 개념이자 근간 부울 연산자 AND, OR, NOT 은 기본 부울 연산자 기본 부울 연산자를 결합하거나 조합해 보조 연산(XOR) 생성 XOR 매우 중요 ...

WSGI

1 minute read

WSGI

Back to Top ↑

OS

Back to Top ↑

Algorithm

파이썬 알고리즘 인터뷰 비트 조작 간단 정리

1 minute read

비트 조작 논리 회로 ALU 는 비트 조작의 담당자이자 현대 디지털 컴퓨터의 기본 개념이자 근간 부울 연산자 AND, OR, NOT 은 기본 부울 연산자 기본 부울 연산자를 결합하거나 조합해 보조 연산(XOR) 생성 XOR 매우 중요 ...

Back to Top ↑

Network

쉽게 배우는 네트워크 IP 프로토콜 간단 정리

1 minute read

IP 프로토콜 인터넷 환경에서 네트워크 계층의 데이터 전송 프로토콜로 이용 호스트 주소 표기, 패킷 분할에 관한 기능을 지원 - 특징 비연결형 서비스 제공 패킷을 분할/병합 하는 기능 수행 데이터 체크섬은 제공하지 않고, 헤더 ...

쉽게 배우는 네트워크 라우팅 프로토콜 간단 정리

1 minute read

라우팅 프로토콜 - 간단한 라우팅 프로토콜 - 최단 경로 라우팅 패킷이 목적지에 도달할 때까지 거치는 라우터 수가 최소화될 수 있 도록 경로를 선택하는 방식 - 플러딩 자신에게 입력된 패킷을...

쉽게 배우는 네트워크 HDLC 프로토콜 간단 정리

1 minute read

HDLC 프로토콜 일대일 혹은 일대다로 연결된 환경에서 데이터의 송수신 기능을 제공하는 프로토콜 데이터 통신을 위해 연결된 호스트들은 주국과 종국으로 구분되고, 다시 이들의 기능을 모두 지닌 혼합국으로 정의 - 용어 - 주국 명령을 보내는...

쉽게 배우는 네트워크 슬라이딩 윈도우 프로토콜 간단 정리

1 minute read

슬라이딩 윈도우 프로토콜 두 호스트 간의 프레임 전송을 위한 일반적인 통신 프로토콜 오류 제어와 흐름 제어 기능을 함께 지원 정보 프레임을 전송하는 송신 호스트는 보내려는 데이터뿐 아니라 프레임의 순서 번호, 오류 검출 코드 등을 프레임에 표기한 후에 정해진 순서 번호에 따라...

쉽게 배우는 네트워크 토큰 링 간단 정리

less than 1 minute read

토큰 링 점대점으로 연결한 호스트가 순환 구조 형태로 LAN을 구성 링 주위에는 항상 토큰이라 불리는 제어 프레임이 일정한 방향으로 순환 데이터 프레임을 전송하고자 하는 호스트는 먼저 토큰을 획득해야 하고, 토큰을 확보한 호스트만 데이터 프레임을 전송할 수 있음 - 토큰 프...

Back to Top ↑

Browser

Event

less than 1 minute read

Event

이벤트 위임

less than 1 minute read

유사한 요소에 동일한 핸들러 적용할 떄 주로 사용함

버블링과 캡처링

less than 1 minute read

이벤트 발생 시 이벤트가 발생한 가장 안쪽 요소가 타깃 요소(event.target) 가 됨

브라위저 이벤트 소개

less than 1 minute read

이벤트는 무언가 일어났다는 신호로 모든 DOM 노드(DOM에만 한정된 건 아님)는 이런 신호 만들어냄

스타일과 클래스

less than 1 minute read

JS 로 DOM style 프로퍼티와 style 프로퍼티 둘 다 수정

속성과 프로퍼티

less than 1 minute read

속성은 HTML 태그 안에서 쓰이며 프로퍼티는 DOM 객체 안에 쓰임

주요 노드 프로퍼티

1 minute read

DOM 노드는 일반 JS 객체이며 각 DOM 노드는 고유한 클래스에 속하고 클래스들은 계층 구조를 형성

DOM 탐색하기

1 minute read

DOM 조작하려면 DOM 객체에 접근하는 것이 선행되어야 함

DOM 트리

less than 1 minute read

HTML/XML 문서는 브라우저 안에서 DOM을 태그 트리 구조로 표현됨

Back to Top ↑

Clang

Back to Top ↑

Django

Back to Top ↑

basic

형 변환

less than 1 minute read

문자, 숫자, 논리형으로의 형 변환은 자주 일어나는 형 변환

코드 구조

less than 1 minute read

문(statement) 는 어떤 작업을 수행하는 문법 구조 와 명령어 의미

엄격 모드

less than 1 minute read

JS 는 호환성을 위해 이전의 코드 문제들이 돌아가는 환경을 기본형으로 놔둠

자료형

less than 1 minute read

JS 엔 8가지 기본 자료형 있음

변수와 상수

less than 1 minute read

변수는 데이터를 메모리에 저장할 때 쓰이는 ‘이름이 붙은 저장소’

Back to Top ↑

Redux

Back to Top ↑

AWS

AWS IAM

less than 1 minute read

AWS IAM

AWS Data Pipeline

less than 1 minute read

데이터의 이동과 변환을 자동화하는 웹 서비스

Back to Top ↑

asynchronous

async와 await

less than 1 minute read

async/await 는 프라미스 기반으로 작동함

마이크로태스크

less than 1 minute read

모든 프라미스 동작(핸들러) 는 “마이크로태스크 큐” 라 불리는 내부 ‘프라미스 잡’ 큐에 들어가서 처리 되기 때문에 프라미스 핸들링은 항상 비동기로 처리됨

프라미스화

less than 1 minute read

‘프라미스화’는 콜백을 받는 함수를 프라미스를 반환하는 함수로 바꾸는 것

프라미스 API

less than 1 minute read

Promise 클래스에는 에는 5가지 정적 메서드 존재

프라미스 체이닝

less than 1 minute read

프라미스 체이닝이란 result 가 .then 핸들러의 체인을 통해 전달된다는 점에서 착안한 아이디어

프라미스

1 minute read

promise 는 ‘제작 코드’ 와 ‘소비 코드’ 연결해 주는 특별한 JS 객체

콜백

less than 1 minute read

JS 호스트 황경에서 제공하는 여러 함수 사용시 비동기 동작 스케쥴링 가능

Back to Top ↑

인프라

AWS IAM

less than 1 minute read

AWS IAM

AWS Data Pipeline

less than 1 minute read

데이터의 이동과 변환을 자동화하는 웹 서비스

Back to Top ↑

Function

전역 객체

less than 1 minute read

전역 객체를 사용하면 언제 어디서나 사용가능한 변수를 만들 수 있음

재귀와 스택

2 minute read

함수가 필요에 의해 자기 자신을 호출할 때 이를 재귀 라 부름

전역 객체

less than 1 minute read

전역 객체를 사용하면 언제 어디서나 사용가능한 변수를 만들 수 있음

Back to Top ↑

DataType

Back to Top ↑

Web

Recoil

less than 1 minute read

Recoil 간단 정리

JWT

1 minute read

JWT

Back to Top ↑

TS

Back to Top ↑

BackEnd

Back to Top ↑

object

객체 (Renewel)

1 minute read

객체는 몇 가지 특수한 기능을 가진 연관 배열

객체

1 minute read

객체의 특징

Back to Top ↑

생각

왜?

less than 1 minute read

왜?

습관

less than 1 minute read

습관

Back to Top ↑

react

Back to Top ↑

document

스타일과 클래스

less than 1 minute read

JS 로 DOM style 프로퍼티와 style 프로퍼티 둘 다 수정

속성과 프로퍼티

less than 1 minute read

속성은 HTML 태그 안에서 쓰이며 프로퍼티는 DOM 객체 안에 쓰임

주요 노드 프로퍼티

1 minute read

DOM 노드는 일반 JS 객체이며 각 DOM 노드는 고유한 클래스에 속하고 클래스들은 계층 구조를 형성

DOM 탐색하기

1 minute read

DOM 조작하려면 DOM 객체에 접근하는 것이 선행되어야 함

DOM 트리

less than 1 minute read

HTML/XML 문서는 브라우저 안에서 DOM을 태그 트리 구조로 표현됨

Back to Top ↑

DB

회복

less than 1 minute read

회복

Back to Top ↑

알고리즘

Tree 팁 보관함

less than 1 minute read

두 개의 트리구조 비교는 튜플로 묶고 stack

동적 계획법(Dinamic Programming)

less than 1 minute read

어떤 문제를 풀기 위해 그 문제를 더 작은 문제의 연장선(나누기)으로 생각하고 과거에 구한 답을 활용하는 방식의 알고리즘 설계 기법

정렬

1 minute read

정렬 알고리즘

Back to Top ↑

class

믹스인

less than 1 minute read

믹스인은 객체 지향 언어에서 범용적으로 쓰이는 용어로, 다른 클래스들의 메서드 조합을 포함하는 클래스를 의미

클래스 상속

1 minute read

클래스 확장은 class Child extends Parent 로 Child class 는 Parent를 상속 받음

Back to Top ↑

Next.js

Back to Top ↑

MongoDB

Back to Top ↑

CSS

CSS 계획

less than 1 minute read

CSS 를 하게 되면서 단계를 스스로 만들었다

Back to Top ↑

meeting-web

커뮤니티 앱 완성

less than 1 minute read

JWT와 쿠키를 이용한 계정 관리, 권한 부여를 바탕으로 한 게시판과 댓글 기능까지 끝냈다.

API 설계

less than 1 minute read

HTTP 기반(RESTful 하게) API 설계

Back to Top ↑

plan

계획

less than 1 minute read

계획

계획

less than 1 minute read

계획

공부 계획

less than 1 minute read

웹 프론트 엔드 엔지니어가 반드시 공부해야 할 것이 몇가지 있다.

JS 계획

less than 1 minute read

글을 쓸 때 시간을 너무 들인다는 것이다. 결국 블로그는 공부를 위함이고 그 시간을 넘긴다는 것은 본래 목적에 맞지 않다. 그럼으로 계획을 JS 계획을 세웠다 추후에 전체적인 계획 또한 쓰려한다.

Back to Top ↑

quality

폴리필

less than 1 minute read

JS 는 명세서가 계속 갱신되지만 JS 엔진이 표준 전체를 지원하지는 않음

주석

less than 1 minute read

주석

코딩 스타일

1 minute read

진정한 프로그래밍 기술이란 복잡한 문제를 간결하고 사람이 읽기 쉬운 코드를 작성해 해결하는 것. 코드 스타일이 도움 됨

Back to Top ↑

React-Native

Back to Top ↑

prototype

네이티브 프로토타입

less than 1 minute read

모든 내장 객체의 메서드는 해당 내장 생성자 함수의 프로토타입에 저장됨

함수의 prototype 프로퍼티

less than 1 minute read

생성자 함수의 prototype 프로퍼티는 new 생성자를 호출할 때 만들어지는 새로운 객체의 [[prototype]] 설정

Back to Top ↑

other

Proxy

1 minute read

객체가 어떤 작업 할 떄 JS 명세서에 정의된 ‘내부 메서드’ 가 관여 (명세서에 정의된 메서드라 개발자가 코드 직접 호출 불가능)

BigInt

less than 1 minute read

BigInt 는 길이의 제약 없이 정수를 다룰 수 있게 해주는 숫자형

참조 타입

less than 1 minute read

참조 타입은 JS 내부에서 사용되는 타입

커링

less than 1 minute read

커링은 단일 호출로 처리하는 함수를 각각의 인수가 호출 가능한 프로세스(다중 callable 프로세스)로 호출된 뒤 병합되도록 변환하는 것

Back to Top ↑

event

이벤트 위임

less than 1 minute read

유사한 요소에 동일한 핸들러 적용할 떄 주로 사용함

버블링과 캡처링

less than 1 minute read

이벤트 발생 시 이벤트가 발생한 가장 안쪽 요소가 타깃 요소(event.target) 가 됨

브라위저 이벤트 소개

less than 1 minute read

이벤트는 무언가 일어났다는 신호로 모든 DOM 노드(DOM에만 한정된 건 아님)는 이런 신호 만들어냄

Back to Top ↑

디자인패턴

Back to Top ↑

Redux-toolkit

Back to Top ↑

GraphQL

Back to Top ↑

Mongoose

Back to Top ↑

자료구조

트리

less than 1 minute read

부모 노드 밑에 여러 자식 노드가 연결되고, 자식 노드 각각에 다시 자식 노드가 연결되는 재귀적 형태의 자료구조.

Back to Top ↑

Addition

fetch와 Cross-Origin 요청

1 minute read

네트워크 요청은 오리진(도메인, 프로토콜, 포트 이 세 가지에 의해 결정)이 요청하는 네트워크의 오리진과 일치/불일치에 따라 성공/실패

fetch

less than 1 minute read

fetch(url, [options]는 JS 의 내장 네트워크 요청 메서드로 접근하고자 하는 URL에 options 넣어서 요청하고 프라미스가 반환되며 반환된 프라미스는 fetch() 호출하는 코드에서 사용됨

쿠키와 document.cookie

1 minute read

쿠키는 브라우저에 저장되는 작은 크기으의 문자열로 HTTP 프로토콜의 일부이며 주로 웹 서버에서 만들어짐

Back to Top ↑

디자인

Back to Top ↑

패턴

Back to Top ↑

iOS

Back to Top ↑

CS

Back to Top ↑

ObjectProperty

Back to Top ↑

error

커스텀 에러와 에러 확장

less than 1 minute read

커스텀 클래스는 Error 나 다른 내장 에러 클래스 상속받아 만들 수 있음(super호출, name프로퍼티 신경 쓰기)

Back to Top ↑

module

동적으로 모듈 가져오기

less than 1 minute read

import/export 문은 코드 구조의 중심 잡기 위해(모듈링 위헤) 모듈 경로에 원시 문자열만 가능하며 런탕미이나 조건부로 모듈 불러올 수 없음

모듈 내보내고 가져오기

less than 1 minute read

import/export 문은 정적인 방식으로 모듈 경로엔 원시 문자열만 가능(함수 호출 불가능)

모듈

less than 1 minute read

모듈은 하나의 파일

Back to Top ↑

CI/CD

Back to Top ↑

배포

Back to Top ↑

Apollo

Back to Top ↑

Recoil

Recoil

less than 1 minute read

Recoil 간단 정리

Back to Top ↑

Development

Back to Top ↑

generator

제네레이터

less than 1 minute read

제네레이터는 제네레이터 함수 function* f(...) {...} 사용해 만듬

Back to Top ↑

BrowserData

쿠키와 document.cookie

1 minute read

쿠키는 브라우저에 저장되는 작은 크기으의 문자열로 HTTP 프로토콜의 일부이며 주로 웹 서버에서 만들어짐

Back to Top ↑

NetworkRequest

fetch와 Cross-Origin 요청

1 minute read

네트워크 요청은 오리진(도메인, 프로토콜, 포트 이 세 가지에 의해 결정)이 요청하는 네트워크의 오리진과 일치/불일치에 따라 성공/실패

fetch

less than 1 minute read

fetch(url, [options]는 JS 의 내장 네트워크 요청 메서드로 접근하고자 하는 URL에 options 넣어서 요청하고 프라미스가 반환되며 반환된 프라미스는 fetch() 호출하는 코드에서 사용됨

Back to Top ↑

웹기술

CDN

1 minute read

CDN (Contents Delivery Network)

Back to Top ↑

TypeScript

Back to Top ↑

Issue

Back to Top ↑

Redux-Saga

Back to Top ↑

Programming

Back to Top ↑

함수형프로그래밍

Back to Top ↑

계획

Back to Top ↑

Webpack

Back to Top ↑

graphql-compose

Back to Top ↑

TypeGoose

Back to Top ↑

Git

Back to Top ↑

python

Back to Top ↑

기타

좋은 개발자의 5가지 기준

1 minute read

좋은 개발자란 뭘까 라는 의문이 다시끔 들었고 구글링을 했다. 예전에도 봤던 비슷한 글 중 하나이긴 했지만 블로그에 한 번 정리해야겠다 라는 생각이 들어서 간단히 정리해보겠다

Back to Top ↑

API

Back to Top ↑

구직

Back to Top ↑

etc

Back to Top ↑

Test

Back to Top ↑

자동화

Back to Top ↑

네트워크

Back to Top ↑

redux-saga

Back to Top ↑

SSR

Back to Top ↑

테스트

TDD

less than 1 minute read

TDD (테스트 주도 개발)

Back to Top ↑

프로젝트

Back to Top ↑

고찰

Back to Top ↑

Docker

Back to Top ↑

redux-toolkit

Back to Top ↑

Redux-saga

Back to Top ↑

test

JEST

less than 1 minute read

JEST

Back to Top ↑

정규식

Back to Top ↑

애니메이션

Back to Top ↑

node.js

Back to Top ↑

성찰

Back to Top ↑

collection

Back to Top ↑

WebServer

Back to Top ↑

SPA

Back to Top ↑

OOP

Back to Top ↑

graphql

Back to Top ↑

NoSQL

Back to Top ↑

Learing

Back to Top ↑

CloudFront

Back to Top ↑

CORS

Back to Top ↑

Architecture

Back to Top ↑

Language

Back to Top ↑

CLI

Back to Top ↑

ShellScript

Back to Top ↑

ComputerScience

Back to Top ↑