WhatISYourName?

[※ 주의 ※] 아래를 이해하지 않고 이 글을 볼 경우, 이해가 되지 않는 부분이 있을 수 있습니다. 1. [Docker] 도커(Docker) 딥 다이브 #1 지난 글에 간단하게 도커의 구조를 알아보았다. 이번에는 직접 도커를 사용해보며 도커에 대한 감을 익혀보자. 1. Push & Pull 도커는 이미지를 통해 컨테이너를 생성하고 실행한다. 이미지는 도커가 직접 운영하는 docker-hub에서 받을 수도 있고, 혹은 서드 파티 허브인 github packages, AWS ECR, GCP CR, local registry 등등 여러 곳에서 받을 수 있다. docker에서 이미지를 받기 위해선 다음 명령어를 사용한다. docker pull 만약 dockerhub가 아닌 레지스트리에서 다운받기 위해선 다음 ..

바야흐로 가상화의 시대이다. 여러 프로그램들을 가상 운영체제에 올려 가동을 시킨다. 이제는 VM을 포함한 한 대의 서버에서 여러 개의 서비스를 구동할 수 있는 시대가 온 것이다. 이러한 시대는 "사실 상 업계표준"인 도커(Docker)에서 시작되었으며, 현재 컨테이너 기술의 선두 주자라도 봐도 무방할 만큼 도커가 가상화 및 컨테이너 시장에 미친 영향은 어마어마하다. 그러나, 사실 도커가 어떤 시대정신에 맞추어 탄생하였는지, 이에 대한 맥락을 이해하면서 쓰는 것과 모른 채 쓰는 것은 매우 큰 차이가 있다고 생각한다. 이에 따라, 도커의 밑바닥부터 들어가보자. 파란 고래를 따라 바닥으로 들어가보자. 1. TCP/IP 5계층부터 살펴보자. 사실, 도커의 기술 80%는 네트워크 기술을 기반으로 두고 있다고 해도..

한 달 전, React 개발팀은 6개월 전 많은 리액트 사용자들을 설레게 한, 'useEvent'라는 실험적인 hook 개발을 취소하였다. 이후에 설명하겠지만, 'useEvent' 훅은 기존 컴포넌트 재렌더링 관련 문제를 해결할 수 있는, 하나의 은탄이 되리라 많은 기대를 모았었다. 그러나 React 팀은 저번 달 이에 대한 관련 github 논의 글을 closed 하였고, React 팀은 "다른 방식으로 사용 가능하고, 다른 문법으로, 다른 이름으로 재출시될 수 있다."라고 못 박았다. 내 귀에는 "useEvent 훅을 없애갰다."라는 의미로밖에 들리지 않았다. 이게 어떤 사정이 있길 래 취소되었는지, 어떤 방향으로 새로 개발될지는 리액트 개발팀만이 알고 있겠지만, 이는 React Hooks가 가진 단..

블로그를 하거나, 웹사이트 관리자라면 SEO(Search Engine Optimization)에 관한 이야기를 한 번쯤은 들어본 적이 있을것이다. SEO는 간단하게 말하자면, 구글에게 좋은 점수를 따는 방법이다. 좋은 점수를 딸수록 검색어 순위에서 올라가고, 점수를 따지 못하거나 구글의 기준을 넘지 못하면 검색어 순위가 내려가거나 검색에서 제외된다. 크롬 개발자들은 각 웹사이트마다 점수화하여, 얼마나 사용자 친화적인지, 얼마나 속도가 빠른지, 얼마나 접근성이 좋은지, 또한 SEO에 얼마나 최적화되어있는지에 대하여 보고서를 만들어주는 앱을 만들었으니, 이것이 lighthouse되겠다. 이번 포스팅에서는 lighthouse에 대하여 가볍지만, 웹 개발자 입장에서 가볍지 않게 들어가보자. 1. Lighthou..

JS는 Python 혹은 Ruby 처럼 동적 타입 언어이다. 즉, 타입이 컴파일 시에 결정되는 것이 아닌, 런타임에서 결정되는 언어이다. 그러나, 다른 동적 언어와 달리, JS는 매우 특이한 타입 변환을 지원한다. JS의 타입 변환은 다른 언어와 다르게 기상천외한, 정말 기상천외한 방법으로 진행되니, 이에 대하여 정리가 필요할 것 같아 글을 작성하게 되었다. JS의 타입부터 살펴보고, 각 타입이 어떻게 변환되는 지 알아보자. 중간에 흐름을 놓치게 되면 이해가 되지 않는 부분이 있으니 천천히 따라와 주시길. 1. JS의 타입 JS의 타입은 다음과 같이 7+1개가 있다. 이를 머리속에 넣고 가보자. 1. 원시 타입 - 불리언 타입 (true, false) - Null 타입 (null) - Undefined ..

팀원들과 세미나를 진행하던 중, NodeJS로 서버를 구축 한 이후, HTTP로 쿼리, 응답을 받는 과정 중 "일단 404, 200으로만 상태 코드를 반환하자."는 말이 있었다. 사실 자주 쓰이는 404 Not Found, 400 Bad Request, 200 OK등등 자주 사용하는 상태코드는 외우고 있지만, 이 밖에 상태 코드는 찾아봐야 할 정도로 모르기 때문에, 한 번 정리해야겠다는 차원으로 이 포스팅을 작성하게 되었다. HTTP Status Code를 하나하나 살펴보자. 1. HTTP Status Code HTTP는 기본적으로 stateless 하기에 이전 요청과 상관없이 새 요청마다 새로운 응답을 받는다. 따라서, 각 요청마다 잘 되었는지, 어떤 상태인지 알려주는 약속이 대두되었고, 이는 HTTP..