Archive

Posting
2023

2022 Lablup Autumn Internship 후기 / 회고

인턴십 회고


2022

Raft Paper (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 사용법