전체 글

Next.js와 Node.js 기반의 풀스택 개발 기술을 깊이 있게 다룹니다. 실무에 바로 적용 가능한 Docker 환경 구축, 클린 코드 작성법, JavaScript 최신 트렌드까지, 현직 개발자의 실전 경험과 심화 분석을 만나보세요. 코드로 증명하는 개발 지식.
· DevOps
안녕하세요! 지난 포스팅에서는 Docker Official Image를 사용해서 컨테이너를 실행해보았는데요. 이미 만들어진 이미지를 사용하는 것도 좋지만, 결국 우리는 우리만의 애플리케이션을 도커에 담아 배포해야겠죠? 오늘은 Dockerfile을 작성해서 우리만의 커스텀 이미지를 만드는 방법을 자세히 알려드릴게요. 도커 초보자분들도 쉽게 따라오실 수 있도록 차근차근 설명해 드릴 테니 걱정하지 마세요! 🚀1. Dockerfile, 이게 뭐죠? 🤔먼저, Dockerfile이 무엇인지부터 알아볼까요?Dockerfile은 한마디로 도커 이미지를 만드는 방법을 적어 놓은 설계도라고 생각하시면 됩니다. 이 파일 안에 어떤 운영체제를 기반으로 할지, 어떤 파일을 복사할지, 어떤 프로그램을 설치할지, 그리고 최종적..
· DevOps
내 컴퓨터에서는 잘 되는데? 개발자를 위한 도커(Docker) 이야기안녕하세요! 개발자 여러분, 그리고 개발을 꿈꾸는 모든 분들! 혹시 이런 경험 없으신가요?'분명 내 컴퓨터에서는 잘 돌아가는데, 다른 팀원 컴퓨터나 서버에 올리니 오류가 난다...'이런 상황에 맞닥뜨리면 정말 당황스럽죠. 밤샘 작업으로 겨우 버그를 잡았는데, 환경 문제라니! 오늘은 이런 골치 아픈 문제를 깔끔하게 해결해 줄 마법 같은 도구, 바로 도커(Docker)에 대해 이야기해 보려고 합니다.도커, 대체 넌 누구니? (도커를 피크닉 도시락에 비유하기)도커를 이해하기 쉽게 비유하자면, 마치 나만의 특별한 '피크닉 도시락'과 같아요. 🧺이 도시락 안에는 맛있는 음식(애플리케이션 코드)뿐만 아니라, 젓가락, 숟가락, 물컵 등 음식(코드)..
· React
useEffect(() => { setDisplayedText(''); // 새로운 응답이 오면 이전 텍스트를 초기화합니다. let currentIdx = 0; const typingInterval = setInterval(() => { if (currentIdx prevText + fullText[currentIdx]); currentIdx++; } else { clearInterval(typingInterval); // 모든 글자를 표시했으면 인터벌을 중지합니다. } }, 50); // 컴포넌트가 언마운트되거나 aiResponseData가 변경될 때 인터벌을 정리합니다. return () => clearInterva..
· NodeJS
NodeJS의 Event Loop는 반드시 이해하고 넘어가야할 핵심 개념이다.  Event Loop 개념 이벤트 루프가 실행되는 'SINGLE THREAD'에서 'NODE JS PROCESS'를 실행 시키고 있다. 이벤트 루프는 호출 함수 안에서 응용 프로그램 코드(콜백 함수)가 실행되는 곳이다. 기본적으로 상위 레벨 코드가 아닌 모든 코드는 이벤트 루프에서 실행된다. 일부분은 "THREAD POOL"로 보내질 수 있지만, 대체적으로 이벤트 루프가 모든 것을 처리한다. NodeJS는 콜백 함수를 중심으로 만들어졌다. 이는 어떤 작업이 완료되면 호출되는 함수이다. Node는 'Event-driven' 아키텍처를 사용하기 때문이다. 이는 서버에서 "HTTP Request"를 받거나, "Timer expire..
· NodeJS
NodeJS는 자바스크립트 런타임으로 V8과 libuv로 구성되어 있다. 구글에서 만든 V8 엔진은 JavaScript 코드를 컴퓨터가 이해할 수 있는 기계 코드로 변환시킨다. 하지만, 그것만으로 Node와 같은 서버 사이드 프레임워크를 만들 수 없기에 libuv가 존재한다. libuv는 오픈 소스 라이브러리로 비동기성 IO에 중점을 두고 있다. 이 계층은 Node에게 기본 컴퓨터 운영 체제와 파일 시스템, 네트워킹 접근 권한을 준다. 그 외에 libuv는 노드의 아주 중요한 두 가지 기능을 구현한다. Event Loop와 Thread Pool이다.  Event Loop는 콜백 실행이나 네트워크 IO 같은 쉬운 작업을 처리한다. Thread Pool은 파일 엑세스나 압축 같은 더 무거운 작업을 한다. l..
코딩 1.5
코딩 1.5