Docker 공부 (2) - 도커 네트워크
## 도커 네트워크 도커는 컨테이너에 내부 IP를 순차적으로 할당하며, 이 IP는 컨테이너가 재시작 될 때 마다 변경된다. 이 내부 IP는 내부망에서만 쓸 수 있으므로 외부와 연결될 필요가 있는데, 이 과정은 컨테이너가 시작할 때마다 호스트에 `veth` 라는 네트워크 인터페이스를 생성하면서 이루어진다. 이 `veth`인터페이스는 직접 생성하는게 아니라,...
20 POSTS
Page 14
Docker 공부 (1) - 도커 기초부터 볼륨 공유까지
`toc tight: true, from-heading: 2 to-heading: 3 ` ## Docker 는 무엇인가? 리눅스 컨테이너에 여러가지 기능을 추가하여 애플리케이션을 컨테이너로서 좀더 쉽게 사용할 수 있도록 만든 오픈소스. 이에 대해 정리 해 놓은 [좋은 글](https://subicura.com/2017/01/19/docker-g...
프로그래머 기초 수학 2-2 - 기수법
기수법
Github actions 요약
# Github action ## Github action 은 무엇인가? github actions은 사용자 정의 소프트웨어 개발 라이프 사이클 워크 플로우를 github 레파지토리에 직접 만들수 있도록 도와주는 도구다. > GitHub Actions enables you to create custom software development life c...
프로그래머 기초 수학 2-1 - 정수
정수
Webpack을 활용한 성능향상 - 캐싱 활용하기
[Make use of long-term caching](https://developers.google.com/web/fundamentals/performance/webpack/use-long-term-caching)을 번역한 글입니다. 앱 로딩 속도를 향상시킬 수 있는 방법 중 ...
프로그래머 기초 수학 1-2 - 집합
집합
프로그래머 기초 수학 1-1 - 명제와 논리연산
명제와 논리연산
Github 액션으로 스케쥴링 작업하기
Github actions가 나오면서 cron job을 실행하기가 더 편해졌습니다. 굳이 내 컴퓨터를 24시간 돌리고 있을 필요도 없고, 비싼 돈 주며 어디 이상한 compute를 쓸 필요도 없어졌습니다. [물론 공짜로 쓸 수 있는 Cron 서비스](https://www.easycron.com/)도 있지만 아무래도 github 과 연동할 수 있다는 점이 큰...
자바스크립트 메모리 누수와 해결 방법
```toc tight: true, from-heading: 2 to-heading: 3 ``` [4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them](https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-...
자바스크립트의 비용
자바스크립트의 비용 2019ver
주요 렌더링 경로 - 브라우저의 원리를 이해하고 최적화 하기
[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)를 요약했습니다. 이글을 보는게 더 나아요 사실 ```toc tight: true, from-heading: 2 to-heading: 3 ``` 성...
빠른 로딩을 위한 PRPL 패턴
[Apply instant loading with the PRPL pattern](https://web.dev/apply-instant-loading-with-prpl/)을 번역한 글입니다. PRPL은 웹 페이지를 로드하고 인터랙티브 할 수 있게 금 더욱 빠르게 만드는 패턴을 설명하는 약어다. ## 요약 - 중요한 리소스를 미리 로드해라 (Push (...
왜 CommonJS는 번들사이즈를 크게 하는가?
[How CommonJS is making your bundles larger](https://web.dev/commonjs-larger-bundles/) 를 번역 & 요약한 글입니다. ```toc tight: true, from-heading: 2 to-heading: 3 ``` **요약: 웹 애플리케이션을 확실하게 최적화해서 번들링하기 위해서는, C...
프론트엔드 개발자가 알아야 하는 Angular와 React의 Change Detection
[What every front-end developer should know about change detection in Angular and React](https://indepth.dev/what-every-front-end-developer-should-know-about-change-detection-in-angular-and-react/)를 번...
리액트 고차 컴포넌트 (React Higher Order Component)
[이 글](https://ko.reactjs.org/docs/higher-order-components.html)이 한글로 번역이 안되있어서 대충 번역해봅니다. # Higher-Order Components 고차 컴포넌트 (이하 HOC)는 리액트에서 컴포넌트 로직을 재사용하기 위한 고오급 기술이다. HOC는 리액트 API의 일부분은 아니다. 이는 리액트...
프론트엔드 사이즈 줄이기
[이 글](https://developers.google.com/web/fundamentals/performance/webpack/decrease-frontend-size)을 대충 번역했습니다. ```toc tight: true, from-heading: 2 to-heading: 4 ``` ## webpack 4버전 이상의 경우 프로덕션 모드를 사용하...
자바스크립트로 구현해보는 다양한 정렬
## 거품(버블)정렬 - 가까운 두 원소를 비교해서 정렬하는 방식이다. - `O(N^2)` - 코드가 단순하고 구현하기 쉽다 - 느리다.  ```javascript function bub...
자바스크립트 자료 구조
`toc tight: true, from-heading: 1 to-heading: 4 ` 타입스크립트로 구현해보는 일반적인 자료구조 ## Stack - push와 pop으로 구성된 stack - LIFO ```javascript export default class Stack<T> { private stack: T[] construc...
Notion 성능 최적화
[Case Study: Analyzing Notion app performance](https://3perf.com/blog/notion/)를 제멋대로 요약한 글입니다. 왠만하면 저 글을 참고하세요. ```toc tight: true, from-heading: 2 to-heading: 3 ``` ## 자바스크립트의 비용 보통 `로딩 속도`를 이야기하면...