본문 바로가기

전체 글149

방법 1: @testing-library/react를 최신 버전으로 업데이트 📌 문제 원인npx create-react-app my-app을 실행할 때, React 19.0.0이 설치되었지만, @testing-library/react 패키지가 React 18만 지원해서 생기는 의존성 충돌(ERESOLVE) 오류입니다.✅ 해결 방법방법 1: @testing-library/react를 최신 버전으로 업데이트현재 생성된 프로젝트 폴더로 이동bash복사편집cd my-app @testing-library/react를 최신 버전으로 업데이트bash복사편집npm install @testing-library/react@latest --legacy-peer-deps 이후 정상적으로 실행되는지 확인bash복사편집npm start 🔹 이 방법은 React 19을 유지하면서 @testing-lib.. 2025. 2. 4.
[web] Router 설정을통한 페이지 트리구조 📁 프로젝트 폴더 구조 my-app/├── node_modules/├── public/│ ├── index.html├── src/│ ├── components/│ │ ├── Navbar.js│ ├── pages/│ │ ├── Home.js│ │ ├── About.js│ │ ├── Contact.js│ │ ├── NotFound.js│ ├── App.js│ ├── index.js│ ├── styles.css├── package.json└── README.md 📦 React Router 패키지 설치 npm install react-route.. 2025. 2. 4.
오픽정리 영어 오픽 완벽 대비 책자 영어 오픽 시험, 준비가 어려우셨죠? 이제 더 이상 걱정하지 마세요! 이 책자는 실전에서 바로 사용할 수 있는 표현들과 필수 팁을 제공합니다. 재미있게 배우고, 실전에 강해지는 경험을 해보세요! “영어 말하기는 어렵지 않습니다. 준비만 잘하면 누구나 가능합니다.” 1장: 기본 표현 전화 대화 시작하기: Hello, it's me Myuengook! (안녕하세요, 저 명욱이에요!) I'm calling because... (전화 드린 이유는요...) How's it going? (어떻게 지내세요?) 날씨 이야기로 분위기 풀기: It's been kind of warm .. 2025. 1. 27.
Windows 명령어? Bash ? 뭘 배워야 할까? 🎯 Bash vs Windows 명령어: 개발자 필수 가이드 개발자로서 어떤 명령어 환경을 익혀야 할지 고민 중이라면, Bash와 Windows 명령어(PowerShell 포함)의 장단점을 비교해보세요. 이 글에서는 두 환경의 특징과 개발자에게 필요한 이유를 설명합니다. 🐧 Bash 명령어 💡 특징: 🌍 운영 체제: Linux, macOS, WSL(Windows Subsystem for Linux)에서 사용 가능. 🚀 사용처: 클라우드 서버, Docker, Kubernetes와 같은 DevOps 도구. ✨ 장점: .. 2025. 1. 22.
나만의 페이지 만들기 React (1) 시작하기 React로 시작하기 🌟 React는 빠르고 동적인 사용자 인터페이스를 만들기 위한 최고의 라이브러리입니다. 이 글에서는 React 프로젝트를 시작하는 가장 쉬운 방법을 소개합니다! 1. 개발 환경 준비하기 🛠 먼저 Node.js와 npm(또는 Yarn)을 설치하세요. Node.js 다운로드: Node.js 공식 사이트에서 LTS 버전을 다운로드 후 설치합니다. 설치 후, 터미널에서 아래 명령어로 설치 여부를 확인하세요: node -vnpm -v 2. React 프로젝트 생성하기 🔄 React 프로젝트를 생성하려면 아래 명령어를 입력하세요: npx cr.. 2025. 1. 22.
github 관리자, collaborators 추가 하는 방법 1. 해당 프로젝트의 setting 탭으로 이동2. 왼쪽탭에서 access - collaboration3. manage access - add people (모바일 깃허브 또는 비밀번호로 인증 필요) 2025. 1. 17.
React에서 확대 축소 가능한 그래프 만들기 JavaScript와 Python/C의 비교: React 코드 분석 1. React 컴포넌트와 상태 관리 React는 **컴포넌트** 단위로 UI를 관리하며, 상태 관리를 위해 useState 훅을 사용합니다. const [range, setRange] = useState({ startX: 0, endX: 1000 }); const [xLogScale, setXLogScale] = useState(false); Python에서는 전역 변수나 클래스 속성을 갱신하는 방식으로 상태를 관리합니다. React에서는 상태가 변경될 때마다 UI가 자동으로 업데이트됩니다. 2. 데이.. 2024. 11. 23.
[git] ci/cd가 뭔데? gihub actions는 또 뭐고?? CI/CD와 GitHub Actions란? CI/CD는 소프트웨어 개발과 배포를 자동화하여 효율성을 높이는 프로세스입니다. CI는 지속적 통합(Continuous Integration)을, CD는 지속적 배포(Continuous Deployment) 또는 지속적 전달(Continuous Delivery)을 의미합니다. CI/CD의 주요 단계 **코드 푸시**: 개발자가 변경된 코드를 리포지터리에 푸시합니다. **자동 테스트 및 빌드**: 코드가 자동으로 테스트되고 빌드됩니다. **배포**: 문제가 없으면 코드가 프로덕션에 자동 배포됩니다. GitHub Actions란? .. 2024. 10. 30.
[git] nvm은 또 뭔데? 형이 알려줄게 fnm vs nvm 비교 가이드 `fnm`과 `nvm`은 Node.js 버전을 관리하는 도구입니다. 둘 다 여러 버전의 Node.js를 쉽게 설치하고 전환할 수 있게 도와주지만, 성능과 기능에 차이가 있습니다. 아래에서 두 도구의 차이점을 자세히 비교해보겠습니다. 1. nvm (Node Version Manager) Node.js 버전 관리의 표준 도구입니다. Windows, macOS, Linux 등 다양한 운영체제를 지원합니다. 버전별로 npm과 함께 관리할 수 있습니다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.. 2024. 10. 30.
[git] node.js 설치했는데 npm이 실행이 안돼요 해결 방법 바로 간다 npm 실행 오류 해결 방법 (PowerShell) npm 실행 시 아래와 같은 오류가 발생할 수 있습니다: npm : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Program Files\nodejs\npm.ps1 파일을 로드할 수 없습니다. 이 오류는 PowerShell의 스크립트 실행 정책이 제한되어 발생하는 문제입니다. 아래의 방법을 통해 해결할 수 있습니다. 1. PowerShell을 관리자 권한으로 실행 Windows 시작 메뉴에서 PowerShell을 검색합니다. "관리자 권한으로 실행"을 선택합니다. 2. 실행 정책 변경 아래 명령어를 입력해 실행 정책을 RemoteSigned로 변경합니다: Set-ExecutionPolicy RemoteSigned -S.. 2024. 10. 30.
[git] npm이 뭔데? 형이 제대로 설명해 줄게 npm 설치 방법npm(Node Package Manager)은 Node.js에 포함되어 제공됩니다. 따라서 Node.js를 설치하면 npm도 자동으로 설치됩니다. 이 가이드에서는 Windows, macOS, Linux 환경에서 npm을 설치하고 사용하는 방법을 설명합니다.1. npm 설치 (Node.js 설치와 함께)npm은 Node.js와 함께 설치됩니다. 따라서 먼저 Node.js를 설치해야 합니다.Step 1: Node.js 설치Node.js 공식 웹사이트로 이동합니다.LTS (Long-Term Support) 버전을 다운로드합니다.설치 파일을 실행하고 기본 옵션으로 설치합니다. (환경 변수 추가 옵션 활성화)Step 2: npm 버전 확인npm --version정상적으로 버전이 출력되면 설치가 .. 2024. 10. 30.
진공기술 1. 진공 기술 설명 진공 기술에 대해 궁금하신 분들을 위해 간단한 설명을 드립니다. Throughput을 감소시키는 주요 원인: 1. 설비 배관이 가장 큰 영향을 미칩니다. Q. 그럼 얼마나 영향을 미치나요? Ans. 삼성전자의 진공 배기 시스템 기준으로 설비 배관이 Grating 하단의 진공 배기 배관보다 훨씬 중요한 역할을 합니다. Q. 왜 그런가요? c = π / 128 × [D⁴ / ηL] P̅ (4) Conductance는 위 수식에 따라 결정됩니다. 보시면 D가 4제곱입니다. 최근 확장된 설비 배관도 D = 100파이 정도이며, 이는 FSF 관의 절반 수준입니다. 그렇다면 conductance가 1.. 2024. 10. 21.

티스토리툴바