Hacktoberfest 2024 후기
DX팀이 Hacktoberfest 2024 온·오프라인 스프린트를 열어 오픈 소스 기여를 지원한 과정을 소개했습니다. 또한 Libplanet, Nine Chronicles 관련 주요 기여 사례를 공유했습니다.
#GitHub#Git
2500
국내 IT 기업 기술 블로그 최신 글
새로운 기술 블로그가 추가되었어요
필터 1
CLI로 환경변수 관리하기
AWS Secrets Manager 환경 변수를 수동으로 옮기는 불편을 Node.js CLI로 개선했습니다.\nnpx 명령으로 인증부터 .env 생성까지 자동화한 과정을 공유합니다.
#AWS#AWS Secrets Manager
100
JSDoc 200% 써먹기 \:\ JavaScript API 문서화 기수
JSDoc으로 JavaScript 코드의 타입 힌트와 함수 설명을 풍부하게 남기는 방법을 다뤘습니다.프론트엔드에서 협업과 유지보수를 돕는 태그 활용법과 주의점도 정리했습니다.
#JavaScript#TypeScript
3400
AI 모름, 진짜 모름 – 가난한 자의 AI 서비스 만들기 (Feat. llama-node )
Node.js와 llama-node로 로컬에서 동작하는 간단한 AI 텍스트 생성 서버를 구성했습니다. 복잡한 설정 없이 프롬프트 입력과 응답 생성을 빠르게 시험해볼 수 있습니다.
#JavaScript#node.js
3900
Vite로 회사 전용 로깅 모듈 개발하기 A to Z
회사 전용 로깅 모듈을 Vite 라이브러리 모드로 만들고 Git 저장소로 배포하는 과정을 정리했습니다. 접근 제어 환경에서는 access token을 활용해 설치 문제도 해결했습니다.
#Vite#Git
3700
FE News 24년 10월 소식을 전해드립니다!
FE News 24년 10월 소식을 전해드립니다!
24년 10월 FE 뉴스에서 프론트엔드 관련 기술 소식을 큐레이션해 소개했습니다. 프레임워크 비교, JavaScript Generator, 코드 탐색 도구 등 다양한 주제를 다뤘습니다.
#Next.js#Flutter
2900
모닥불 | EP.4 오픈소스에 기여하고 토스에 합격한.ssul
토스 오픈소스에 기여한 경험과 그 과정에서의 기술적 성장을 소개했습니다. 오픈소스 기여를 지속하게 만든 원동력과 커뮤니티의 중요성도 함께 다뤘습니다.
#오픈소스#JavaScript
2700
쿠팡 파트너스
개발자를 위한 서적을 확인해 보세요
이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
#개발서적#프로그래밍
FE News 24년 9월 소식을 전해드립니다!
FE News 24년 9월 소식을 전해드립니다!
24년 9월 프론트엔드 기술 소식을 큐레이션해 소개했습니다. Angular, CSS, 런타임 비교 등 주요 글을 월간으로 공유했습니다.
#JavaScript#CSS
2400
타입스크립트스럽게 성능과 생산성 두 마리 토끼 모두 잡기
웹 기반 게임 Admin의 gRPC 통신에서 FE와 BE용 API 중복 구현 문제를 Proxy로 해결한 사례를 소개했습니다. 코드 생성 결과를 JSON 메타데이터로 바꿔 부팅 부담도 줄였습니다.
#TypeScript#JavaScript
3200
B2C 서비스 레거시의 가르침 - Part2. Planning
운영 중인 B2C 프론트엔드 레거시를 개선하기 위한 플래닝 과정과 원칙을 정리했습니다. 기술 부채 정렬, 점진적 개선, 공유 문화를 통해 팀워크와 서비스 이해도를 높였습니다.
#레거시#JavaScript
3000
여러 프레임워크에서 사용할 수 있는 라이브러리 만들기
Framework Agnostic 개념을 바탕으로 코어와 어댑터를 분리하는 라이브러리 설계 방식을 소개했습니다. Tanstack Query와 계산기 예시로 프레임워크 독립성과 통합 구조를 설명했습니다.
#JavaScript#TypeScript
3900
API 없이 웹 애니메이션 구현: 인터랙티브 웹 개발 2편
라이브러리 없이 수학과 물리로 웹 애니메이션을 구현한 과정을 공유했습니다. 카카오페이의 트리 조명 인터랙티브 개발 사례를 중심으로 설명했습니다.
#web#CSS
1600
Transpiler, “사용”말고 “활용”하기
토스뱅크는 transpiler를 활용해 클릭 요소에 로깅 속성을 자동 주입하는 방식을 만들었습니다. 이를 통해 개발자는 로깅을 신경 쓰지 않고 비즈니스 로직에 집중할 수 있게 되었습니다.
#transpiler#React
3300
패키지 매니저의 과거, 토스의 선택, 그리고 미래
JavaScript 패키지 매니저의 동작 원리와 npm, pnpm, Yarn의 차이를 설명했습니다. 토스가 Yarn PnP를 선택한 이유와 Zero-install, Import Map의 방향성도 함께 다뤘습니다.
#Yarn#pnpm
2900