ESLint, Prettier 대체자 - Biome 이란?

Biome (바이옴) 이란?Biome은 웹 프로젝트에서 자주 사용하는 ESLint와 Prettier를 하나로 통합한 도구 상자(toolchain)입니다.✅ Biome 장점1. 간단한 설정대부분 프로젝트에서 ESLint, Prettier 등을 사용하고 있을 겁니다.하지만 아래와 같은 불편한 사항들이 있습니다.ESLint, Prettier를 사용하기 위해서는 각각의 라이브러리를 설치하여야 하고ESLint, Prettier 충돌을 막기 위해 esling-config-prettier 추가적인 플러그인을 또 설치해야 합니다..eslintrc,. prettierrc 등 설정 파일을 각각 관리해줘야 하는 단점이 있습니다.Biome은 이 모든 과정을 단순화합니다.단 한 번의 설치와 하나의 설정 파일(biome.json..

• format_list_bulleted Develop/etc
• · 2025. 10. 22.
• textsms

AI와 동료들이 해주는 코드 리뷰 후기

최근 회사에서 새로운 프로젝트에 투입되었습니다.새로운 프로젝트에 투입하게 되면 개발 환경과 문화에 또 적응하는 재미가 있습니다. 이번 프로젝트에서는 코드 리뷰를 하는 문화가 있습니다.프로젝트 구성원 전원 리뷰를 하고 Approve 해야 코드를 Merge를 할 수 있고,AI 툴인 코드 래빗이 리뷰에 또 도움을 줍니다.AI 가 해주는 코드 리뷰, 코드 래빗Git에 PR을 올리게 되면 코드 래빗이 먼저 코드 리뷰를 합니다. 먼저 수정한 코드를 분석해서 리뷰 내용을 요약해줍니다.또 다이어그램 등을 이용하여 코드 파악을 쉽게 할 수 있도록 도움을 줍니다.오타라던지, 오류를 발생시킬 수 있는 코드들을 확인하고 수정방법들을 제시합니다. 보통 코드 리뷰를 하다 보면, 코드 컨벤션이나 오타 확인 등을 사람이 직접 하다 ..

• format_list_bulleted Develop/etc
• · 2025. 6. 20.
• textsms

SI 개발하면서 느낀점들

SI 란?SI(System Integration) 시스템 구축이라는 뜻입니다.개발에서는 SM (System Management) 기존 시스템을 유지보수하는 업무와 새로운 시스템을 구축하는 SI 업무가 있습니다. SI 개발을 해도 될까?제가 취업 준비를 할 때,"SI는 절대 가지 마라", 야근이 많고 힘들고, 연차 뻥튀기에, 갑을병정 업체의 몸값 떼어먹기 등 평이 좋지 않았습니다. 그러다가 개발자 5년차일때, SM 업무보다는 SI 업무를 해보고 싶다는 생각이 들었고SI 개발을 하는 곳으로 이직을 하였고, 현재 2년째 SI 개발을 하고 있습니다.SI 개발을 하면서 느낀점에 대해서 작성해보려고 합니다. SI 업무1. 촉박한 개발일정개발 일정을 산정할때의 개발 범위와, 실제 기획서의 개발 내용의 범위 차이가 있..

• format_list_bulleted Develop/etc
• · 2025. 5. 30.
• textsms

Homebrew 설치하기 command not found brew 오류 해결 방법

Homebrew 란?Mac에서 사용하는 패키지 관리자입니다.Git, NVM과 같은 오픈소스 소프트웨어들을 쉽게 설치할 수 있습니다. 아래와 같은 간단한 명령어로 설치할 수 있습니다.brew install git Homebrew 설치 방법 1. Homebrew 사이트에 접속해서 해당 스크립트를 복사합니다. HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 2. 터미널을 열고 붙여넣기를 합니다.3. 비밀번호를 입력하고 설치가 될때 까지 기다립니다.4. brew 명령어를 작성하..

• format_list_bulleted Develop/etc
• · 2025. 2. 18.
• textsms

NPM 설치 오류 SELF_SIGND_CERT_IN_CHAIN 해결할 수 있는 3가지 방법

회사에서 npm install 시 아래와 같은 오류를 발생할 수 있습니다.Error: SSL Error: SELF_SIGNED_CERT_IN_CHAIN 원인일반적으로는 공개 Repository 저장소에서 npm 다운로드를 진행하지만,회사나 단체에서는 외부에서는 접근하지 못하도록 자체적으로 사설 Repository를 사용하는 경우가 있습니다.사설 Repository를 이용하기 위한 인증서가 필요하기 때문에 오류가 발생합니다. 해결 방안 1npm set strict-ssl false npm 설치시 엄격한 ssl검사를 사용하지 않는다는 설정입니다.보안에 취약하므로 추천하지 않습니다. 해결 방안 2npm config set proxy npm config set https-proxy npm config set s..

• format_list_bulleted Develop/etc
• · 2024. 12. 21.
• textsms

코드 리뷰 현실 장단점

코드 리뷰란?대기업, 스타트업 등 많은 회사들이 코드 리뷰를 하고 있습니다. 채용공고에서도 "코드 리뷰, 페어프로그래밍 등에 거부감이 없으신 분"이라고 작성할 정도로코드 리뷰를 실무해서 많이 적용하고 있는 것 같습니다. 코드 리뷰란?1. 개발자가 기능 구현 후 PR, MR 제출2. 리뷰어가 리뷰 후 PR, MR 승인 이런 식의 형태로 진행 되게 됩니다.코드 리뷰 장점코드 리뷰를 하게 되면 개발 내용을 동료들과 공유할 수 있어서, 예상치 못한 버그를 방지할 수 있고코드 품질 향상에 도움을 줄 수 있고,지식 공유에도 도움이 됩니다. 코드 리뷰 단점기분이 상한다거나,경력 및 실력에 따라서 일방적이 리뷰가 되고개발 생상성이 떨어진다는 단점이 있습니다. 코드 리뷰에 대해서"니가 감히" 날 지적해? 라고 생각할 수..

• format_list_bulleted Develop/etc
• · 2024. 12. 18.
• textsms

자바스크립트 런타임 Bun 이란? 사용법, 설치방법

귀여운 로고를 가진 자바스크립트 런타임 프로그램이 새로 생겼습니다. 자바스크립트 런타임(실행 환경)이란?자바스크립트는 빈공간에서 혼자 실행되지 않습니다.브라우저나 Node.js 와 같은 런타임 환경에서 작동합니다. 브라우저에서는 자체 자바스크립트 엔진을 사용하여 정적인 웹페이지를 동적으로 만들 수 있습니다. Node.js 에서는 C++로 만들어진 크롬 V8 엔진을 사용하여 자바스크립트 코드를 실행합니다.Node.js 를 설치하면 서버, 웹 앱, 커맨드 등에서 자바스크립트를 사용할 수 있습니다.Bun 이란?Bun은 자바스크립트 런타임입니다.또한, 자바스크립트 bundler, test runner 와 package manager 의 기능을 가진 도구 입니다. Bun 은 Zig 라는 언어로 만들어졌고,내부적으..

• format_list_bulleted Develop/etc
• · 2024. 10. 23.
• textsms

npm cache clean vs verify

프로젝트에서 npm pacakge 설치를 위해 npm install을 사용합니다.설치를 하다가 오류가 나거나, 파일이 손상될 경우에 실행이 되지 않는 경우가 있습니다. 그럴 경우에는 캐시를 직접 삭제 또는 확인하는 방법을 통해서 다시 설치해야 합니다.npm cache clean --forcenpm cache verify 위 두 가지 명령어를 사용하여 해결할 수 있습니다. npm cache 란?npm package를 설치하면 일반적인 http 요청 데이터와 package에 필요한 기타 데이터들을 캐시에 저장합니다.기본적으로는 C:\Users\{userName}\AppData\Roaming\npm-cache\_cacache 해당 폴더에 저장합니다. npm cache 데이터는 삭제되지 않고, 계속 증가하게 됩..

• format_list_bulleted Develop/etc
• · 2024. 10. 18.
• textsms

라이브러리와 프레임워크란? library, framework

개발 중에 "OO 라이브러리가 있어서 사용했습니다". "이번 개발에서는 OO 프레임워크를 사용했습니다." 등 라이브러리와 프레임워크는 자주 사용하는 용어 입니다. 네이버 사전 정의 라이브러리 library 컴퓨터 프로그램에서 자주 사용되는 부분 프로그램들을 모아 놓은 것. 언제든지 자유롭게 이용할 수 있도록 구성되어 있다. 프레임워크 framework 어떤 일에 대한 판단이나 결정 따위를 위한 틀. ⇒규범 표기는 미확정이다. 라이브러리와 프레임워크 라이브러리와 프레임 워크의 공통점 재사용한 가능한 코드의 모음입니다. 라이브러리 라이브러리는 개발자가 언제든지 필요에 따라서 설치하고 자유롭게 사용할 수 있습니다. ex) react, vue, 날짜 라이브러리, 차트 라이브러리 등 프레임워크 프레임워크에서 기본..

• format_list_bulleted Develop/etc
• · 2024. 4. 22.
• textsms

Docker 기본 명령어 알아보기

1. Dockerfile 구성하기 FROM node WORKDIR /app COPY . /app RUN npm install EXPOSE 80 CMD ["node", "server.js"] FROM 필요한 노드 이미지 구축 할 때 사용합니다. 도커 허브에서 검색해서 사용 가능합니다. https://hub.docker.com/ Docker Hub Container Image Library | App Containerization Increase your reach and adoption on Docker Hub With a Docker Verified Publisher subscription, you'll increase trust, boost discoverability, get exclusive dat..

• format_list_bulleted Develop/etc
• · 2024. 2. 10.
• textsms