728x90 300x250 SMALL 리액트11 Node.js란? 설치 및 설정 방법! Node.js는 Chrome V8 JavaScript 엔진을 기반으로 한 서버 사이드 런 타임이다.기존의 브라우저 환경에서만 사용되던 JavaScript를 서버에서도 실행할 수 있게 만들어졌다. Node.js의 주요 특징비동기 & 이벤트 기반싱글 스레드 아키텍처npm(Node Package Manager)을 통한 수많은 라이브러리 활용 가능Node.js 설치 방법(Window 기준)Node.js 공식 사이트에서 LTS 버전 다운로드설치 후 node -v와 npm -v로 정상 설치 확인간단한 Node.js 코드 실행console.log("Hello, Node.js!"); 2025. 3. 15. Scoop 설치부터 활용까지! 윈도우에서 터미널 패키지 관리하기 Scoop란?Scoop은 Windows용 패키지 관리자이다. 리눅스의 apt나 homebrew처럼 명령어 하나로 다양한 프로그램을 설치할 수 있다. 특히 개발자들에게 유용한 CLI도구들을 빠르게 설치하고 관리할 수 있어 인기 있다. Scoop의 장점Window용 패키지 관리자 중 가장 간단하고 가볍다.설치된 프로그램을 업데이트, 삭제하기 편리하다.시스템 경로를 자동으로 설정해줘서 번거로운 환경 변수 설정이 필요 없다.Scoop 설치방법 윈도우 마우스 오른쪽 > PowerShell $env:SCOOP='C:\Scoop'[Environment]::SetEnvironmentVariable('Scoop', $env:SCOOP, 'User') 실행규칙 변경 명령 모두 예를 의미하는 A입력 후 엔터 Set-.. 2025. 3. 10. VS Code리액트 개발환경 최적화 추천 확장 프로그램 1. Prettier - Code Formatter코드 스타일을 자동으로 정리하고 일관성을 유지하는 포맷터기능코드의 자동 정렬 및 일관된 스타일 적용저장 시 자동으로 코드 포맷팅 가능HTML, CSS, JavaScript, JSX, TypeScript등 다양한 언어 지원2. Tailwind CSS IntelliSenseTailwind CSS를 사용할 때 코드 자동 완성을 도와주는 확장 프로그램기능Tailwind CSS 클래스명을 자동 완성클래스 적용 시 실시간 미리보기Tailwind 공식 문서로 빠른 이동 기능 제공 3. HeadwindTailwind CSS 클래스 정렬을 자동으로 해주는 확장 프로그램기능Tailwind CSS 클래스를 정리된 순서로 자동 정렬중복된 클래스 자동 제거협업 시 코드 스타일 .. 2025. 3. 8. 리액트 합성(Composition)이란? 리액트 합성은 컴포넌트를 조합하여 더 큰 컴포넌트를 구성하는 방식이다.즉 여러 개의 컴포넌트를 합쳐서 새로운 컴포넌트를 만드는 것이라고 할 수 있다.이를 통해 재사용성과 유연성을 높이며, 상속보다 구성 철학을 따른다.합성은 컴포넌트를 다른 컴포넌트의 자식이나 속성으로 전달하여 구조를 구성하는 것을 의미한다. 리액트 합성의 주요 패턴1. 자식 컴포넌트를 사용하는 합성컴포넌트 내부에서 props.children을 통해 하위 컴포넌트를 포함하는 방식이 패턴은 레이아웃 컴포넌트(예: 카드, 모달, 컨테이너 등)에서 자주 사용된다.function Card(props) { return {props.children};}// Card 컴포넌트 사용 예시function App() { return ( .. 2025. 2. 12. 이전 1 2 3 다음 728x90 반응형 LIST
