$0으로 실시간 채팅을 만들 수 있을까?마켓플레이스에서 대화할 수 없다 지난 달에 NFT 마켓플레이스에서 관심 있는 아이템을 발견했었다. 그런데 가격이 좀 애매해서 판매자와 흥정해보고 싶었는데, 사이트 내에서 연락할 방법이 따로 존재하지 않았다.. 굳이 하려면 Discord 서버를 찾아보거나 트위터에서 직접 DM을 보내야만 했다... 근데 거기까지 가면 이미 귀찮아서 안 하게 된다. "마켓플레이…102026-03-30
복합 차트의 자유도를 찾아서최근 거래 데이터를 시각화하는 과정에서, 일반적인 차트 라이브러리로는 해결하기 힘든 복합 차트(Composite Chart) 요구사항을 마주했다. 단일 차트가 아닌, 서로 다른 성격의 데이터를 하나의 좌표계 위에 중첩하여 표현하는 것이 핵심이었다. 구체적으로 구현해야 했던 차트의 스펙은 다음과 같았다. 차트 1: Depth Chart (매수/매도 잔량) 차…102025-11-09
Solid.js 찍먹 후기...?요즘 Solid.js가 꽤 빠르게 존재감을 키우고 있다. React와 문법이 비슷해서 진입장벽이 낮고, 성능은 “현시점 최상급”이라는 평가를 자주 본다. 다만 프론트 기술을 선택할 때 늘 걸리는 질문이 있다. “성능이 좋다”는 이유만으로, 이미 안정적으로 돌아가는 React 생태계에서 넘어갈 만한가? 여기서 변수는 늘 똑같다. React는 커뮤니티와 레퍼런…102025-07-14
Javascript 동작 원리 (3) - Lexical Environment이번 글에서는 이전에 깊게 다루지 못했던 Execution Context의 Lexical Environment에 대해 좀 더 파헤쳐보려 한다. Execution Context In depth Execution Context는 생성 단계에서 아래 3가지 구성요소를 만든다. ExecutionContext = { ThisBinding: <this value>,…002024-09-09
Javascript 동작 원리 (2) - Execution ContextExecution Context를 한 줄 요약을 하면 아래와 같다. "현재 실행 중인 코드가 참조할 수 있는 정보(변수, 함수, this, 스코프 등)를 한 묶음으로 관리하는 실행 단위" JavaScript는 C/C++처럼 main() 함수 안에서만 코드가 실행되는 구조가 아니다. 전역(Global)에서도 코드를 작성할 수 있고, 함수 내부에서도 별도의 코…002024-09-09
Javascript 동작 원리 (1) - The Engine개요 JavaScript를 쓴 지는 벌써 4년이 됐고, “제대로 이해하면서” 쓰기 시작한 건 1년 정도 된 것 같다. 그런데 막상 기본 동작 원리가 필요한 순간이 오면 Closure, Hoisting, Execution Context 같은 키워드가 반복해서 튀어나온다. 나는 그때그때 기능 구현에 급해서 “대충 훑고 넘어간” 경우가 많았다. 하지만 React…002024-09-08