Docker 뜯어보기

🐳 Docker 란? Docker는 2013년에 dotCloud의 Solomon Hykes와 그의 팀에 의해 2013년 PyCon에서 처음 데모 되었다. 이 당시에는 클라우드 환경에서 배포하는 것이 어려운 문제였고, 기존 가상화 기술을 통해서는 관리가 어려웠다. 따라서 전체 운영 체제를 가상화하는 것이 아닌, 해당 종속성만 가상화하는 것이 효율적이라는 것을 알게 되었고, Docker의 컨테이너 개념이 탄생하게 되었다.  📦 컨테이너와 이미지 컨테이너화는 기본 운영 체제(OS) 커널을 통일한 시스템의 다른 컨테이너와 공유하는 격리된 환경에서 애플리케이션을 실행하는 방법이다. 컨테이너는 종속성, 필요한 라이브러리 및 바이너리와 함께 존재하는 애플리케이션을 컨테이너 이미지라고 하는 독립적인 패키지로 패키지..

• format_list_bulleted Docker
• · 2025. 4. 11.
• textsms

Progressive(점진적) Hydration이 뭔데

patterns dev의 렌더링 패턴을 읽던 중, Progressive Hydration은 한번 구현해 보면 좋을 것 같다는 생각이 들어 포스팅을 작성해보려 한다. 또한, 앞으로 SSR을 활용한 여러 기법들을 구현해보며 Next.js 와 좀 더 친해지는 시간을 가져보겠다.  Hydration??나는 Hydration 을 이해할 때 이렇게 정의하는 게 가장 이해가 잘됐다. Hydration은 그대로 번역하면 "수분 공급" 이라는 뜻이다. 그런데 왜 렌더링 기법에서 수분 공급이란 말이 나올까?Hydration은 말 그대로 정적인 HTML 문서에 수분을 공급하는 과정을 의미한다.여기서 말하는 수분이란, React와 연결을 통해 정적인 HTML을 인터랙티브 하게 만드는 과정을 의미한다. 첫째로, 서버 사이드 렌..

• format_list_bulleted Next.js
• · 2025. 4. 11.
• textsms

LLM을 잘 써보자

LCEL (Lang Chain Expression Language) LCEL은 LangChain 에서 체인과 루틴을 선언적 방식으로 정의할 수 있도록 도와주는 표현 언어이다. 기존 Python 코드 기반 체인 구성보다 직관적이고 간결하게 워크플로우를 만들 수 있도록 설계됨  함수형 프로그래밍 스타일기존 LangChain에서 체인을 구성하려면 Python 클래스 직접 조합해야 했지만, LCEL 사용하면 간결한 표현식으로 정의 가능연산자 기반 조합| 파이프 연산자로 체인 연결+ 더하기 연산자로 병렬 실행 # 예제 from langchain_core.prompts import PromptTemplatefrom langchain_core.runnables import RunnableLamdafrom langch..

• format_list_bulleted LangChain
• · 2025. 3. 18.
• textsms

동기, 비동기, 동기, 비동기, 동기,,,

SKALA 과정에서 수업을 듣던 중, 오랜만에 JS 기본 개념에 대해 공부하며 흐릿해진 개념에 대해 다시 정리해보려한다. 각각 파트에 대해서 배경, 문제점, 해결방법 그리고 예시 코드를 곁들인,, 느낌으로 정리해보려한다.  동기 (Synchronous) vs 비동기 (Asynchronous) 자바스크립트는 기본적으로 싱글 스레드 기반의 언어로, 코드가 한 줄씩 순차적으로 실행된다. 하지만, 네트워크 요청, 파일 입출력, 타이머 등의 작업은 시간이 걸리므로, 이러한 작업이 실행되는 동안 프로그램이 멈추지 않도록 비동기 처리 방식이 필요하다. 동기 방식에는 실행 시간이 긴 작업 (서버 요청, 파일 읽기 등)이 있으면 전체 코드 실행이 멈춰버리는 문제가 발생한다.console.log("시작");// 동기 코드..

• format_list_bulleted Javascript
• · 2025. 3. 14.
• textsms

CHAPTER 1 - 자바스크립트에서 타입스크립트로

바닐라 자바스크립트의 함정중요한 언어 확장이나 프레임워크 없이 순수 자바스크립트 만을 사용하는 것을 ‘바닐라’ 라고 부른다. 바닐라 자바스크립트의 모든 약점은 프로젝트 규모가 커지고 장기화 될수록 더욱 드러난다.    값 비싼 자유 자바스크립트는 사실상 코드를 구성하는 방법에 제한이 없다. 그러나 파일이 점점 늘어날수록 그 자유가 좋지 않게 다가올 수 있다. 다른 언어는 컴파일러가 충돌할 수 있다고 판단하면 코드 실행을 거부할 수 있다. 하지만, 자바스크립트처럼 충돌 가능성을 먼저 확인하지 않고 코드를 실행하는 동적 타입 언어는 그렇지 않다. 결국 코드의 자유는 자바스크립트를 재밌게 만들기도 하지만, 내가 짠 코드를 안전하게 실행하려고 할 떄는 상당한 고통이 따를 수 있다.   부족한 문서 자바스크립트 ..

• format_list_bulleted 러닝타입스크립트
• · 2023. 8. 8.
• textsms

this 키워드

자바스크립트 자주 볼 수 있는 this 키워드에 대해서 알아보자 에서 this 키워드를 출력해보면 window{...} 라는 것이 출력된다. 또한 일반 함수 내에서 this 키워드를 출력해보면 function f(){ console.log(this); } f(); 여기서 Window 란 무엇일까? Window 란? Window 는 모든 전역변수, 함수, DOM 을 보관하고 관리하는 전역 객체이다. 우리가 흔히 사용하는 document.getElementById(), alert(), console.log() 이러한 함수들을 보관하는 보관소이다. 이 보관소는 하나의 큰 {오브젝트} 라고 생각하면 된다. 또한 코드를 짜며 전역변수들을 만들었을 때도 이 변수들을 window에 보관해준다. strict mode ..

• format_list_bulleted Javascript
• · 2023. 7. 6.
• textsms