Goodbye 2021

Redux가 UI(React)와 어떻게 연결되는지 알아봅시다

How Redux Works with UI(React)

Redux가 내부적으로 어떻게 동작하는지 알아봅시다

How Redux Works

CSS가 가진 문제를 해결하기위해 만들어진 CSS-in-JS에 대해 알아봅시다

CSS-in-JS는 왜 만들어졌나?

React Function Component 와 Hooks 의 동작 원리에 대해서 알아봅시다

Build your own React - Function Component 그리고 Hooks

Webpack 플러그인을 만들기 위해 플러그인의 구조와 Hooks를 이해하고 간단한 플러그인 예제를 같이 살펴봅니다

Webpack 플러그인 만들기(2) - Webpack 플러그인의 구조와 Hooks

Webpack 플러그인을 만들기 위해 먼저 webpack 내부 동작 원리를 이해합니다

Webpack 플러그인 만들기(1) - Webpack 내부 동작 원리 이해

Goodbye 2022

Chrome DevTools를 활용하여 Javascript 메모리 누수를 디버깅 한 경험을 기록합니다.

Chrome DevTools로 JS 메모리 누수(Memory Leak) 디버깅하기

Today I learned - Abstract Syntax Tree와 ESLint Rules에 관하여

TIL - AST(Abstract Syntax Tree)와 ESLint Rules

React가 DOM의 변경사항을 처리하는 재조정 알고리즘에 대해 알아봅시다

Build your own React - Reconciliation

React가 메인 스레드를 block하지 않고 렌더링하기 위해 어떻게 Fiber를 활용하는지 알아봅시다

Build your own React - Concurrent Rendering과 Fiber

JSX가 DOM element로 해석되는 방식과 React가 JSX를 활용하여 DOM tree를 그리는 과정에 대해 알아봅시다.

Build your own React - React는 어떻게 JSX를 활용하나?

쿠버네티스의 각 구성요소가 어떻게 동작하고 파드간의 통신이 어떻게 이뤄지며 쿠버네티스 클러스터의 고가용성을 달성하기 위해 어떻게 해야하는지 알아봅시다

쿠버네티스 내부 동작 원리 이해하기

파드에 안정적인 아이덴티티를 부여하고 관리하는 스테이트풀셋에 대해서 알아봅시다

쿠버네티스 스테이트풀셋(StatefulSets) - 스테이트풀 애플리케이션 배포하기

쿠버네티스에서 애플리케이션의 선언적 업데이트를 가능하게 하는 디플로이먼트 리소스에 대해서 알아봅시다

쿠버네티스 디플로이먼트(Deployment) - 선언적인 애플리케이션 업데이트

쿠버네티스에서 애플리케이션을 실행할 때 설정 옵션과 시크릿 정보를 전달하는 방법에 대해서 알아봅시다

쿠버네티스 컨피그맵(Configmap)과 시크릿(Secret)을 알아보자

쿠버네티스에서 컨테이너에 디스크 스토리지를 연결하는 볼륨에 대해 알아봅시다

쿠버네티스 볼륨(Volume) 개념 정리

지난 2020년은 어떠했는지 돌아보고 2021년의 목표를 새롭게 다져봅니다

Goodbye 2020, Hello 2021

텍스트를 담고 있는 컨테이너가 작거나 모바일 환경과 같이 디바이스 가로 길이가 작은 경우 텍스트를 충분히 보여주는 방법에 대해서 알아봅시다.

컨테이너는 작아도 텍스트는 보여주고 싶다면(CSS text-overflow, line-clamp)

window.matchMedia API와 Javascript를 활용하여 미디어 쿼리를 programmatic하게 사용하는 방법에 대해서 알아봅시다.

Javascript 로 미디어 쿼리를 쓰는 방법, window.matchMedia

Javascript를 활용하여 특정 Element로 스크롤 하는 방법과 웹 좌표 시스템에 대해 알아봅시다

웹 좌표 시스템을 이해하며 특정 Element로 스크롤 하는 방법

private key 를 메모리에 저장하는 ssh agent 와 agent 를 forwarding 하는 방법에 대해 알아봅시다

SSH Agent와 Agent Forwarding

로컬에서 작업한 뒤 커밋할 때 코드를 자동으로 lint, format 해주는 방법에 대해서 알아봅시다.

커밋 전 Python 코드 lint & format 하는 방법(feat. pre-commit, flake8, black)

DRF(Django REST Framework)를 활용하여 CRUD 연산을 수행하는 API 를 만들어 봅시다.

Django REST Framework 튜토리얼

쿠버네티스 포드의 검색과 통신을 담당하는 서비스에 대해 알아봅시다

쿠버네티스 서비스(Service) 개념 정리

쿠버네티스에서 포드의 배포를 관리하는 컨트롤러에 대해 알아봅시다

쿠버네티스 컨트롤러(Controller) 개념 정리

쿠버네티스에서 컨테이너를 배포하는 기본 단위인 포드에 대해 알아봅시다

쿠버네티스 포드(Pod) 개념 정리

컨테이너를 쉽게 배포하고 관리할 수 있게 해주는 시스템인 쿠버네티스(Kubernetes)에 대해서 알아봅시다.

쿠버네티스(Kubernetes) 소개 및 아키텍처

Pyenv 를 활용하여 프로젝트 혹은 가상환경별로 서로 다른 파이썬 버전을 적용하는 방법에 대해서 알아봅시다.

Pyenv로 MacOS에서 파이썬 버전 관리하기

Docker 를 활용하여 로컬 머신에 ELK 를 설치하고 Node.js 서버에서 생성한 로그를 ELK 로 전달하는 시스템을 구축하는 과정에 대해 알아봅시다.

Docker-ELK와 Filebeat, Node.js 로 로그 시스템 구축하기

Docker 와 AWS CodeBuild, CodeDeploy, CodePipeline 을 활용해 Node.js 프로젝트의 CI/CD 파이프라인을 구축하는 방법에 대해서 알아봅시다.

Docker, AWS CodeBuild, CodeDeploy 그리고 CodePipeline 으로 Node.js 프로젝트 CI/CD 구축하기

AWS S3, IAM, CodeBuild 를 활용해 React 프로젝트를 호스팅하는 CI/CD 파이프라인을 구축하는 방법에 대해서 알아봅시다.

AWS S3, IAM 그리고 CodeBuild 로 React 프로젝트 CI/CD 구축하기

Git rebase 의 -i 옵션에 대해서 알아봅시다

Interactive Git Rebase

Git 의 Rebase 명령에 대해서 알아봅시다

Git Rebase Overview

Redux 미들웨어를 직접 만들어보면서 미들웨어의 동작 원리에 대해 알아봅시다

Redux Middleware Deep Dive

Redux 에서 사이드 이펙트를 관리하는데 도움을 주는 미들웨어에 대해 알아봅시다

Redux Middleware Overview

정적 타이핑을 지원하는 Javascript 의 superset 인 Typescript 에 대해서 알아봅시다.

Typescript at a glance

React 어플리케이션의 성능을 최적화 시키는 대표적인 5 가지 기술에 대해서 알아봅시다

5 Ways to Optimize Your React app

react 컴포넌트를 만드는데 발생했던 문제들을 해결하기 위해 고안된 hook 에 대해 알아봅시다.

React Hook 개념 정리

인기있는 소프트웨어 개발 방법론인 애자일(Agile)을 기반으로 하는 스크럼(Scrum)에 대해서 알아봅시다

스크럼(Scrum) 이란?

Serverless의 정의에 대해 알아보고 AWS를 활용하여 간단한 어플리케이션을 만들어봅시다

Serverless 둘러보기

나에게 2019년은 어떠했는지 회고해봅니다

2019년을 돌아보며

Sass(Syntactically Awesome StyleSheets)를 활용하면 간결하고 재사용이 용이한 CSS 코드를 작성할 수 있으며 코드의 중복을 피할 수 있습니다. 전통적인 CSS의 문제점을 개선한 Sass에 대해서 알아봅시다.

Sass 개념 정리 및 사용 방법

웹 페이지의 접근성과 SEO(Search Engine Optimization)을 향상시켜주고 코드의 가독성을 높여주는 Semantic HTML에 대해서 알아보고, semantic 태그들에는 어떤 것들이 있는지 알아봅시다.

Semantic HTML(시맨틱 HTML) 이란?

K-Means 알고리즘은 제일 처음 k개의 centroids를 선택하기 위해 임의의 데이터 포인트를 지정하였습니다. 그러나 이렇게 랜덤하게 k개의 centroids를 선택하게 되면 optimal cluster가 아닌 suboptimal cluster를 구성하게 될 수 있습니다. 이러한 문제를 해결하는 K-Means++ 알고리즘에 대해서 알아봅시다.

K-Means++ 개념 정리

현실 세계에서 만나게 되는 데이터에 항상 label이 주어지는 것은 아닙니다. 이러한 unlabeled 데이터에 숨겨진 패턴을 찾아내고 구조화하는 머신러닝 기법을 비지도학습(Unsupervised Learning)이라고 합니다. 비지도학습 알고리즘 중 가장 널리 알려진 K-Means 클러스터링 알고리즘에 대해서 알아봅시다.

K-Means Clustering(K 평균 군집화) 개념 정리

베이즈 정리를 바탕으로 임의의 데이터 포인트가 주어졌을 때 특정 클래스로 예측될 확률을 계산하는 나이브 베이즈 모델에 대해서 알아봅시다

Naive Bayse(나이브 베이즈) 개념 정리

생산구성요소를 공정 순서에 따라 연속적으로 배치하는것을 생산 라인이라고 합니다. 이러한 생산 라인에 대한 개념과 생산 라인을 효율적으로 구성하는 절차에 대해서 알아봅시다.

Production Line Analysis(생산 라인 분석) 개념 정리

Decision Tree는 overfitting될 가능성이 높다는 약점을 가지고 있습니다. 가지치기를 통해 트리의 최대 높이를 설정해 줄 수 있지만 이로써는 overfitting을 충분히 해결할 수 없습니다. 그러므로 좀더 일반화된 트리를 만드는 방법을 생각해야합니다. 이는 Random Forest(랜덤 포레스트)의 기원이 되는 아이디어입니다. 이번 포스팅에서는 랜덤 포레스트에 대해서 알아봅시다.

Random Forest(랜덤 포레스트) 개념 정리

classification 문제를 해결하는 Decision Tree에 대해서 알아봅시다

Decision Tree(의사 결정 트리) 개념 정리

classification 문제를 해결하는 Support Vector Machine에 대해서 알아봅시다

Support Vector Machine(서포트 벡터 머신) 개념 정리

데이터를 동등한 크기로 분할하는 헷갈리기 쉬운 개념들을 정리해봅시다

Quantile, Quartile, Percentile 개념 정리

데이터가 흩어진 정도를 나타내는 지표인 분산과 표준편차에 대해서 알아봅시다

Variance(분산) 그리고 Standard Deviation(표준편차) 개념 정리

Matplotlib를 활용하여 다양한 그래프를 그리는 방법에 대해서 알아봅시다

Matplotlib로 Bar(막대), Pie(원), Histogram(히스토그램) 그리는 방법

Machine Learning 알고리즘 중 대표적인 classification 알고리즘인 Logistic Regression에 대해서 알아봅시다

Logistic Regression(로지스틱 회귀) 개념 정리

Machine Learning 모델의 성능을 측정하는 네 가지 지표에 대해서 알아봅시다

Accuracy(정확도), Recall(재현율), Precision(정밀도), 그리고 F1 Score

KNN 알고리즘으로 regression 문제를 푸는 방법에 대해서 알아봅시다

KNN 알고리즘으로 Regression 하는 방법

K 번째 이웃을 찾는 KNN 알고리즘에 대해서 알아봅시다

KNN(K-Nearest Neighbors) 알고리즘 개념정리

Machine Learning에서 데이터의 분포를 고르게 만드는 정규화에 대해서 알아봅시다

Normalization(정규화) 개념 정리

Supervised Learning에서 연속적인 값을 예측하는 Linear Regression에 대해서 알아봅시다

Linear Regression(선형 회귀) 개념 정리

Matplotlib로 선 그래프를 그리는 방법에 대해서 알아봅시다

Matplotlib로 선 그래프 그리기 완벽 정리

Pandas로 여러 DataFrame을 merge하는 방법에 대해서 알아봅시다

Pandas에서 여러 DataFrame다루기

Pandas의 Aggregates에 대해서 알아봅시다

Pandas에서 Aggregate하기

Pandas에서 컬럼을 추가하고, 컬럼 상에서 연산하고, 컬럼에 lambda함수를 적용하며 이름을 변경하는 방법에 대해서 알아봅시다

Pandas에서 column다루기

Pandas 라이브러리를 다루는 기초적인 내용에 대해서 알아봅시다

Pandas 기초 사용법

Numpy를 활용하여 확률분포에 대해서 알아봅시다

Statistics in Numpy

파이썬 list comprehension, lambda에 대해서 알아봅시다

Python list comprehension, lambda

가장 인기있는 오픈소스 운영체제인 리눅스(Linux)에 대해서 알아봅시다

리눅스(Linux) 개요

상용 SSL 인증서를 활용하여 Express 서버를 HTTPS 로 접속해보도록 합시다

SSL 인증서를 활용하여 Express 서버 HTTPS 연결하기

가장 인기있는 버전 관리 시스템(Version Control System) 중 하나인 Git을 활용하여 작업하는 방법에 대해서 알아봅시다.

Git 워크플로우(Workflow) 이해하기

데이터 과학을 위한 확률의 기초적인 내용에 대해 공부해 봅시다

데이터 과학을 위한 확률 한 번에 이해하기

오픈소스 데이터 시각화 라이브러리인 D3.js에 대해서 알아봅시다

D3.js 라이브러리를 활용한 데이터 시각화 - 개요

MongoDB Aggregation에 대해서 알아봅시다

MongoDB Aggregation이란

오픈소스 RDB Postgresql와 GUI 클라이언트 어플리케이션인 Pgadmin4을 설치하고 사용해 봅시다

All Posts

Goodbye 2021

How Redux Works with UI(React)

How Redux Works

CSS-in-JS는 왜 만들어졌나?

Build your own React - Function Component 그리고 Hooks