📌 개발자 인사이트
관리자 무료 폰트 폰트명 개발사 특징 지원 언어 점유율 라이선스 Fira Code Mozilla 리가처 지원, 가독성 우수 다국어 25% OFL JetBrains Mono JetBrains 현대적 디자인, 리가처 지원 다국어 18% OFL Source Code Pro Adobe 클린한 디자인, 넓은 문자 지원 다국어 15% OFL Cascadia Code Microsoft Windows Terminal 기본폰트 다국어 12% OFL Inconsolata Raph Levien 컴팩트한 디자인 … 더 읽기
React에서 많이 사용하는 훅에 대해서 테이블로 정리 설명 한다. 훅 이름 기능 설명 주 사용 목적 간단한 예시 useState 상태 값을 만들고 변경할 수 있음 사용자 입력, UI 상태 저장 const [x, setX] = useState(0) useReducer 복잡한 상태 로직을 reducer 함수로 처리함 상태가 여러 단계로 바뀌는 경우 const [state, dispatch] = useReducer(reducer, init) useContext Context … 더 읽기
🤖 테슬라 자율주행 칩셋 (FSD Chip) 세대별 정리 세대 칩 이름 출시 시기 제조사 공정 연산 성능 탑재 모델 1세대 NVIDIA Drive PX2 ~2019 NVIDIA 16nm 약 12 TOPS 초창기 모델 S/X (HW2, HW2.5) 2세대 Tesla FSD HW3 2019~ 삼성전자 14nm 약 144 TOPS Model 3/Y, S/X (2019~2022) 3세대 Tesla FSD HW4 2023~ TSMC 5nm … 더 읽기
GitHub Copilot 요금제 변경이 있었다. 주요 변경 사항은 프리미엄 요청에 대한 모델 별 계수 값을 적용하여 제한적인 요청으로 변경되었다는 점이다. 기본 모델에 대해서는 기존과 같이 무제한 이용이 가능하다. 하지만 프리미엄 모델에 대한 제약이 생겨서 불편한 건 사실이다. 그리고 아래 요금제, 모델별 계수 참고하기 바랍니다. 요금제 아래는 GitHub Copilot의 요금제별 기능 비교표입니다 (2025년 4월 기준): Free … 더 읽기
Node.js는 자바스크립트를 서버에서도 실행할 수 있도록 도와주는 런타임 환경입니다. npm은 Node.js의 패키지 관리자 도구로, 필요한 라이브러리나 프레임워크를 쉽게 설치하고 관리할 수 있도록 도와줍니다. 이 둘은 웹 개발에 필수적인 도구이며, 다양한 명령어를 통해 프로젝트를 체계적으로 구성할 수 있습니다. — ## 📁 프로젝트 초기화 및 설정 | 명령어 | 설명 | |——–|——| | `npm init` | `package.json` … 더 읽기
PM2란? **PM2(Process Manager 2)**는 Node.js 애플리케이션을 운영환경에서 관리해주는 프로세스 관리자입니다.주요 기능: PM2 설치 npm install pm2 -g -g 옵션은 글로벌 설치를 의미합니다. 이제 어느 디렉토리에서든 pm2 명령어를 사용할 수 있습니다. PM2 기본 명령어 명령어 설명 예시 pm2 start <파일명> 애플리케이션 실행 pm2 start app.js pm2 start <파일명> –name <앱이름> 앱 이름 지정하여 실행 pm2 start … 더 읽기
TypeScript에서는 값이 존재하지 않음을 나타내는 null과 undefined가 자주 사용됩니다. 그러나 이러한 값들을 적절히 처리하지 않으면 런타임 오류로 이어질 수 있으므로, 사전에 철저한 방어 로직과 문법적 장치를 통해 안정성을 확보하는 것이 중요합니다. 본 문서에서는 이러한 값을 안전하게 다루는 다양한 방법을 전문가 수준에서 체계적으로 정리합니다. 옵셔널 체이닝 (?.) 개요 옵셔널 체이닝은 객체의 프로퍼티에 접근할 때 해당 객체가 … 더 읽기
Deprecated React 19에서는 forwardRef가 더 이상 필요하지 않습니다. 대신 ref를 프로퍼티로 전달하세요. forwardRef는 향후 릴리스에서 더 이상 사용되지 않습니다. 여기에서 자세히 알아보세요. https://react.dev/reference/react/forwardRef 사용 방법 React 19부터 함수 컴포넌트에 대한 프로퍼티로 ref를 사용할 수 있습니다 새로운 함수 컴포넌트에는 더 이상 forwardRef가 필요하지 않으며, 새로운 참조 프로퍼티를 사용하도록 컴포넌트를 자동으로 업데이트하는 코드모드를 게시할 예정입니다. 향후 버전에서는 … 더 읽기
🧠 React에서 useReducer를 사용하는 이유와 TypeScript로 구현하는 방법 현대적인 리액트(React) 애플리케이션에서는 컴포넌트의 상태(state)를 관리할 때 useState 훅을 가장 많이 사용하지만, 상태가 복잡해지거나 여러 상태 값들이 서로 연관되어 있을 경우에는 useReducer 훅을 사용하는 것이 더 적합하며, 이러한 패턴은 Redux와 유사한 액션 기반 상태 관리 방식으로도 확장 가능하다는 점에서 큰 장점을 가집니다. 특히 타입 안정성을 확보하고, 유지보수 … 더 읽기
Git에서 사용되는 prune 관련 명령어들은 주로 참조되지 않는 객체나 브랜치를 정리하는 데 사용됩니다. 명령어 설명 사용 예시 git prune 로컬 저장소에서 참조되지 않는 객체를 제거합니다. 주로 git gc의 일부분으로 사용됩니다. git prune git remote prune 원격 저장소에서 삭제된 브랜치에 대한 로컬 참조를 제거합니다. git remote prune origin git fetch –prune 원격 저장소에서 데이터를 가져오는 동시에 삭제된 … 더 읽기