기술 블로그
GG FACTORY 개발팀의 기술 경험과 노하우를 공유합니다.
TypeScript any 린트 에러(no-explicit-any) 근본적으로 해결하기
TypeScript 프로젝트에서 @typescript-eslint/no-explicit-any 린트 에러는 단순 규칙 비활성화로 해결할 문제가 아닙니다. 눈 앞 문제는 해결할 수 있지만, TypeScript를 사용하는 가장 중요한 이유를 위배하게 됩니다. any 타입은...
[Java] Enum, 아직도 상수로만 사용하시나요? (Enum 제대로 알고 쓰기)
Enum은 사실 백엔드 개발에만 국한된 개념이 아닙니다. 프론트엔드에서도 TypeScript의 enum이나 JavaScript의 Object.freeze()를 활용한 상수 관리 등 비슷한 패턴을 많이 사용하죠. 하지만 이번 글은 Java 학습 과정에서 정리한 내용이라 ...
Spring Boot와 함께 사용하기 좋은 프론트엔드 프레임워크
Spring Boot 서버 개발 시 주관적인 프론트엔드 프레임워크 추천입니다. 추천 프론트엔드 프레임워크 TOP 3 1. React.js (Next.js 포함) 글로벌 표준에 가까운 React는 Spring Boot와의 REST API 연동이 자연스럽고, 문서와 자료가...
Cursor 단축키, 테스트 실행, 명령어 사용법부터 예시까지
Cursor 에디터의 실전 활용법을 소개합니다. 0.46버전까지의 내용입니다. 0.47 이상의 버전은 조금씩 다릅니다. Cmd + L, Cmd + I 단축키부터, AI 테스트 활용, 디버깅, 명령어 작성 팁까지 한 번에 정리했습니다. 테스트 명령어 실행은 자유롭게! C...
TypeScript에서 Interface와 Type의 주요 차이점
TypeScript에서는 데이터를 정의할 때 주로 interface 와 type 을 사용합니다. 두 방식은 비슷해 보이지만, 차이점이 있습니다. 1. 확장성 (Declaration Merging) Interface는 선언 병합(Declaration Merging)이 가...
2025년 VSCode 추천 Extension(확장 프로그램)
너무 많은 Extension을 설치하면 VSCode가 무거워질 수 있습니다. "나에게 필요한 VSCode Extension은 무엇일까?"를 생각해보고 Extension 사용을 권장드립니다. 설치와 제거가 간단하니, 필요하다고 생각되는 Extension을 사용해 보고, ...
[VS Code] 저장 시 자동 정렬 안 될 때 해결법
VS Code에서 ESLint와 Prettier를 설치했는데 저장할 때 코드가 자동으로 정렬되지 않는 문제가 발생하면 아래 내용을 확인해서 해결할 수 있습니다. 1. VS Code 설정 확인 먼저, VS Code의 기본 설정을 확인해야 합니다. 일반적으로 Editor:...
간단하고 빠른 웹 프레임워크 (Hono)
Hono 는 빠르고 가볍게 웹 애플리케이션을 만들 수 있는 웹 프레임워크로, 특히 Edge 환경에서 사용하기에 적합합니다. Hono란? Hono는 TypeScript와 JavaScript 환경에서 사용 가능한 웹 프레임워크로, 성능이 뛰어나며 코드가 단순한 것이 특징입...
React Slick Carousel(Slider) 라이브러리 사용 가이드
React 애플리케이션에서 슬라이더나 캐러셀 기능을 구현하려면 손쉽게 사용할 수 있는 오픈 소스 라이브러리 중 하나가 React Slick 입니다. React Slick 설치 방법 npm i react-slick ※ TypeScript 사용자라면 아래 Type까지 설치...
프론트엔드 개발자 기술 스택 가이드
프론트엔드 개발을 시작하거나 최신 기술 트렌드를 따라가고자 할 때, 기술 선택에 많은 고민이 있습니다. 개발자들이 많이 사용하는 프론트엔드 기술 스택을 소개하고, 각각의 특징과 장점을 살펴보겠습니다. 1. Next.js SSR과 SSG를 모두 지원하여 페이지 로딩 속도...
