JiYoung Dev 🖥

2025년 새해 새로운 목표로 프로젝트를 진행하기로 했다. 디스코드 클론코딩인데 기능 구현을 하려다 보니 WebSocket과 WebRTC에 대해서 필수로 알고 있어야 해서 내 나름대로 머리에 잘 들어오는 순서대로 정리해 보았다.  아래 내용에서 구현하거나 자료를 찾다가 틀린 부분이나 추가할 내용이 있으면 계속해서 추가할 예정이다. 웹의 통신 방식에는 여러 가지가 있다.대표적으로 HTTP, Websocket, Polling, gRPC, SSE, GraphQL 등이 있는데, 각각의 방식마다 특징이 있어 웹 애플리케이션의 특성에 따라 알맞은 것을 선택하여 사용한다.HTTP는 웹 통신의 기본 프로토콜로 요청-응답 방식 기반으로 한 대표적인 통신 프로토콜이다.WebSocket은 실시간 양방향 통신을 지원하는 프로..

우리는 왜 일을 하는걸까. 직장인이라면 한 번쯤 이런 의문을 가졌을 것이다. 이 책은 동생 회사에서 입사 선물로 받은 책인데, 제목이 너무 흥미로워 읽게 되었다. (책 제목을 참 잘 지었다.) 제목만 봤을 때 책의 내용을 유추컨데 일하는 이유에 대한 철학적이고 심리적인 이유에 대해 이야기하는 내용인 줄 알았는데 실제로 읽었보니 "이래서 회사에서 이 책을 추천했구나.."라는 생각과 함께 삼성에서 직원들에게 이 책을 추천한 이유를 알 수 있었다.  개인적인 생각으로는 '왜 일하는가' 보다 '어떻게 일해야 하는가'에 대한 답을 제시하는 책에 더 가깝다는 생각이 든다.   책을 읽을 당시 나는 정말 일을 하기 싫을 때였다. 그래서 점심시간마다 이 책을 보면서 지금 다니는 회사에서 무조건 열심히 하라고 가스라이팅..

생애 최초 개발자를 위한 자기계발서를 읽었다. 이 책을 딱 잘라 자기계발서라고 정의 하기에도 애매하고 기술서라 하기에도 애매한 개발자의 성장을 위한 자기계발서와 기술서 그 사이 어딘가의 책이다. 개인적인 생각으로는 기술서 보다는 자기계발서에 더 가깝다.  불과 1~2개월 전만해도 회사 일에 대해 불평불만이 많아 한참 욕을 하던 때가 있었다. 당시에 일도 너무 많았고, 난 백엔드 개발자로 들어왔는데 왜 프론트엔드를 하고 있는지 모르겠고, 앞으로 진로를 어떻게 해야하는지 갈피도 안잡히고, 맡고 있는 솔루션도 백엔드라기 보다는 엔지니어에 가깝고, 유지보수 해야 하는 자바 코드도 더럽고.. 등등의 여러가지 이유로 이직해야겠다는 생각이 솟구치던 시기였다. 그래서 남자친구만 만나면 한탄을 막 했더니 이 책을 읽어보..

이번에 30초 마다 API를 호출하는 코드를 구현하면서 setInterval 함수를 사용하였다. 사용법은 알고 있었는데 setInterval이 어떤 건지 찾아보다가 비동기와 관련된 개념들이 나와서 정리를 하게 되었다. 따라서 오늘은 비동기 개념에 등장하는 Call Stack, Callback Queue, Event Loop에 대해 알아보았다.  본론에 들어가기 전에 브라우저에서 HTML 내부 Javascript로 작성된 코드가 실행되는 과정에 대해 잠시 정리해보자. 🔎 Javascript 실행원리웹 브라우저는 아래와 같은 구조로 구성된다. 사용자 인터페이스: 검색창, 뒤로가기/앞으로가기 버튼, 새로고침 등 브라우저 프로그램 자체 GUI브라우저 엔진: 사용자 인터페이스와 렌더링 엔진 사이의 동작 제어렌더..

부트캠프에서 React를 처음 접했을 때 CRA(react-create-app)을 통해 앱을 구성하고 실행하였다. 회사에 입사한 후 프론트엔드 개발을 맡게 되면서 프로젝트를 구성하게 되었는데, CRA의 경우 내장 라이브러리가 많아서 규모가 커지면 성능 문제가 발생할 수 있다는 글을 보게 되었다. 따라서 이번 프로젝트에서는 CRA가 아닌 직접 Webpack을 적용하였는데(CRA가 자동으로 Webpack을 적용), 그 과정에서 Webpack이 무엇인지, 어떤 역할을 하는지, 각 설정에 대해 알아보고자 한다. 🔎 Webpack이란 Webpack은 모던 Javascript 애플리케이션을 위한 정적 모듈 번들러이다.Javascript를 위한 모듈 번들러가 Webpack만 있는 것은 아니다. 하지만 이번 포스팅에..