본문으로 건너뛰기
비수의 개발 창고

비수의 개발 창고

잡다한 개발 경험을 담은 블로그

분양사이트 솔루션 개발
분양 사이트를 위한 관심고객등록, 당첨자조회 등 관리자 콘솔 시스템
은평알리미
은평구 지역 소식 공유 플랫폼
Github
깃허브 프로필
Notion 페이지
노션 포트폴리오 페이지
NPM 라이브러리 배포 - 1) 독립형

NPM 라이브러리 배포 - 1) 독립형

개요

NPM 라이브러리 배포에 관심이 생겨, 배포하려는 라이브러리의 유형별로 배포 프로세스를 나름대로 정리하여 기록하려고 한다.


변찬혁NPM 라이브러리 배포NodeNPMPackage
나의 첫 번째 오픈 소스 컨트리뷰트 (vuepress-theme-hope)

나의 첫 번째 오픈 소스 컨트리뷰트 (vuepress-theme-hope)

vuepress-theme-hope

한국어 지원 관련 문제

지금 보고 있는 이 블로그를 만들기 위해 사용했던 vuepress-theme-hope 테마를 사용하던 중에,
테마 설정에서 언어를 한국어로 바꿨음에도 게시글의 '작성일' 부분이 영어 포맷으로 출력되고 있었다.


변찬혁개발 일기Open SourceContribution
#1 [Node] SSL unsafe legacy renegotiation

#1 [Node] SSL unsafe legacy renegotiation

문제

프로젝트를 진행하던 중에 다른 팀원이 Node 16 환경에서 개발하고 테스트 한 크롤링 부분이 Node 18 환경인 내 노트북에서 아래와 같은 에러 메세지를 출력하며 동작이 되지 않았다.


변찬혁개발 팁NodeSSLAxios
Pusher 를 이용한 실시간 채팅 웹앱 만들기 #3 (w/ Laravel, Nuxt)

Pusher 를 이용한 실시간 채팅 웹앱 만들기 #3 (w/ Laravel, Nuxt)

이번 글에서는 본격적으로 채팅 서비스를 위한 백엔드 코드들을 Laravel로 작성해보면서 Laravel에서 Pusher와 연동하여 이벤트를 클라이언트들로 브로드캐스팅 해보겠습니다.


변찬혁실시간 채팅 앱 만들기 (Pusher)PusherLaravelNuxtVueWeb
Pusher 를 이용한 실시간 채팅 웹앱 만들기 #2 (w/ Laravel, Nuxt)

Pusher 를 이용한 실시간 채팅 웹앱 만들기 #2 (w/ Laravel, Nuxt)

이번 글에서는 Laravel 개발 환경을 설정하고, 새로운 Laravel 프로젝트를 하나 만들어 그 프로젝트 안에서의 기본 설정과 Pusher 와의 연동을 위한 환경설정을 하겠습니다.


변찬혁실시간 채팅 앱 만들기 (Pusher)PusherLaravelNuxtVueWeb
Pusher 를 이용한 실시간 채팅 웹앱 만들기 #1 (w/ Laravel, Nuxt)

Pusher 를 이용한 실시간 채팅 웹앱 만들기 #1 (w/ Laravel, Nuxt)

Pusher Logo
Pusher Logo

Pusher?

채팅 서비스나 구글 Docs의 동시 문서편집 같이 웹 페이지를 통해 클라이언트들이 실시간으로 상호작용을 해야 하는 기능을 깔끔하게 개발하려면 웹소켓을 사용해야 합니다.


변찬혁실시간 채팅 앱 만들기 (Pusher)PusherLaravelNuxtVueWeb