Archive

Posting
2023

2022 Lablup Autumn Internship 후기 / 회고

인턴십 회고

2022

In Search of an Understandable Consensus Algorithm 번역 및 정리

Paper Study

Backend.AI Jail 삽질 / 디버깅 경험기

Troubleshooting Review

오픈소스 컨트리뷰션 아카데미 2022 참가 후기 (RustPython 팀)

프로그램 참가 후기

번역 - 당신의 코드 베이스를 향상시키기 위한 5개의 TypeScript 라이브러리

Typescript

번역 - JavaScript의 내부 작동 원리, 입문자를 위한 설명

자바스크립트 세부사항 스터디

번역 - Lexical Environment, 클로저를 이해하기 위한 숨겨진 조각

자바스크립트 세부사항 스터디

번역 - JavaScript 실행 컨텍스트 — lexical environment와 block scope (part 3)

자바스크립트 세부사항 스터디

번역 - React — The hidden function for keys

React 세부사항

번역 - JavaScript 실행 컨텍스트 — 컴파일부터 실행까지 (part 1)

자바스크립트 세부사항 스터디

번역 - Javascript Generators와 Iterators 이해하기

자바스크립트 세부사항 스터디

번역 - V8 Javascript 엔진의 단계 별 작동 방식

자바스크립트 세부사항 스터디

fork vs spawn (그 외 exec, clone 등)

Linux

2021

Blocking, non blocking vs sync, async

Programming

CORS vs CSP

Browser 세부사항

크롬 브라우저 아키텍쳐 공부한 내용 정리

Browser 세부사항

Git ~과 ^의 차이

Git 사용법

Git 이미 커밋된 파일 추적 중지하기

Git 사용법

Git 푸시하지 않은 커밋 확인

Git 사용법

자바스크립트 디버깅 console.log로 그 당시의 값을 출력하기

자바스크립트 세부사항 스터디

Hot Observable vs Cold Observable

Async Programming

(Typescript) type vs interface

Typescript

(Typescript) unknown 타입을 이용한 에러 핸들링

Typescript

Code Formatter vs Linter

Programming

WeakMap의 사용처

자바스크립트 세부사항 스터디

React.FC를 기피해야 하는 이유

Typescript

Cumulative Layout Shift

Frontend 최적화

Core Web Vitals

Frontend 최적화

PromiseLike, ArrayLike 같은 타입들을 쓰는 이유

Typescipt

Typescript 4.5의 새 기능

Typescript

POSIX에 대해

POSIX

Closure에 대해서

Typescript

Type Systems, Covariance, Contravariance, Bivariance, and Invariance

Programming

Typescript의 Design goals

Typescript

강타입 언어 vs 약타입 언어 / 동적 타입 언어 vs 정적 타입 언어

프로그래밍 언어

Redux와 비동기 액션 처리

프론트 각종 문제 상황 해결

Build your own react 학습 정리 (React의 동작, 구현에 관해)

React 세부사항

useEffect vs useLayoutEffect

React 세부사항

requestAnimationFrame vs requestIdleCallback

웹 API 세부사항

React, redux와 불변성에 대한 개념 정리

React 세부사항

package-lock.json의 lockfileVersion에 대해

npm 이슈

bors-ng에 대해

CI, CD

Flux-standard-action (FSA)이란?

Redux 세부사항

Lighthouse란?

Frontend 최적화

ES2020에서 추가된 기능

자바스크립트 세부사항 스터디

React, rehydrate vs render

React 세부사항

Redux multiple store에 대해

Redux 세부사항

ArrayLike object에 대해

자바스크립트 세부사항 스터디

일반 function vs Arrow function

자바스크립트 세부사항 스터디

CSS Flexbox 모델

CSS 세부사항

As a service 종류

Cloud

MVC, MVP, MVVM, Flux 디자인 패턴

디자인 패턴

Semantic Elements

HTML 세부사항

Prototype 이란?

자바스크립트 세부사항 스터디

Mircroservice의 특징

Backend

Ajax

웹 프로그래밍

DNS Resolution이란?

웹 프로그래밍

브라우저에 URL을 입력했을 때 일어나는 일

Frontend

CSS 레이아웃

CSS 세부사항

DOM, BOM 개념 정리

Frontend

DOM level이란?

Frontend

Function Naming Pattern (A/HC/LC Pattern)

프로그래밍

Typescript utility types

Typescript

Http 1.1

웹 프로그래밍

Http2

웹 프로그래밍

Rest API, Restful

웹 프로그래밍

Cookie, Session, Web Storage, JWT, IndexedDB

Browser 세부사항

BEM, css 방법론

프론트 각종 문제 상황 해결

Accelerated Mobile Pages, 모바일 우선 전략

Frontend

프론트 개발 환경 구성 (Development environment)

프론트 각종 문제 상황 해결

Virtual DOM

Frontend

Inlining, Spriting, Concatenating

Frontend 최적화

Layout shift

Frontend 최적화

Data 속성에 관해

HTML 세부사항

canvas 엘리먼트 vs SVG

HTML 세부사항

ESM vs CJS (commonjs)

자바스크립트 세부사항 스터디

이벤트 루프에 관해 (Event loop)

자바스크립트 세부사항 스터디

실행 컨텍스트 (Execution context)

자바스크립트 세부사항 스터디

cluster vs worker_thread vs child_process

Node.js

Node.js stream에 대해

Node.js

CORS, option method, preflight request

웹 프로그래밍

TLS, SSL

웹 프로그래밍

웹 소켓과 서버센트 이벤트 (Web socket vs Server sent event)

웹 프로그래밍

Event flow

Browser 세부사항

Semantic versioning

기타

Debounce vs Throttle

프론트 각종 문제 상황 해결

폰트 크기 단위 - px, em, rem, vw, vh

프론트 각종 문제 상황 해결

Critical rendering path (CRP) 및 관련 최적화

Frontend 최적화

Resource Hints

HTML 세부사항

브라우저의 cache 설정, 관리

Browser 세부사항

웹 폰트의 문제점과 해결

프론트 각종 문제 상황 해결

프론트 성능 측정의 지표에 관해

Frontend 최적화

Garbage collector

Garbage collector 세부사항

호스트 객체와 내장 객체의 차이점

자바스크립트 세부사항 스터디

SSR, CSR, SSG, ISR

웹 프로그래밍

requestAnimationFrame API에 대해

웹 API 세부사항

호이스팅 (Hoisting) 이란?

자바스크립트 세부사항 스터디

vscode 터미널 키 바인딩 (Mac)

개발환경 셋팅

tigervnc 셋팅 및 사용법 정리

리눅스

Typescript 메서드 오버로드가 다른 언어와 다른 이유

Typescript

find와 locate의 차이점에 대해서

리눅스 명령어 정리

특정 프로세스 죽이기

리눅스 명령어 정리

리눅스 디렉토리 구조

리눅스

2020

원격 다른 브랜치에 푸시하기

Git 사용법

원격 저장소의 브랜치에 작업하기

Git 사용법

원격 레포지토리에서 뒤쳐진 레포지토리 동기화 하기

Git 사용법

여러 개의 커밋 합치기

Git 사용법

구현사항 별로 여러 PR 만들기

Git 사용법

이미 푸시한 커밋 수정, 삭제하기

Git 사용법

Cherry-pick의 활용법

Git 사용법