반응형 프로그래밍164 vscode로 react 환경 구축 및 프로젝트 시작하기 기본 준비 Visual Studio Code 다운로드 Visual Studio Code 환경 설정 Visual Studio Code 프로젝트 만들기 기본 준비Visual Studio Code로 React 프로젝트를 시작하기 전에 기본적으로 Node.js가 설치 되어 있어야 합니다. 이전 글에서 Node.js 다운로드 및 설치하는 방법에 대해 이미 작성해 두었기 때문에 해당 글을 참고 하시길 바랍니다. Node.js 다운로드 및 설치하는 방법Node.js 다운로드 Node.js 설치 Node.js는 웹 개발을 포함해 다양한 개발 환경을 구축하는 필수 도구입니다. 특히 JavaScript를 사용해 백엔드까지 개발하고 싶다면 꼭 필요합니다. 따라서 Node.js 설치하spirit0833.tistory.c.. 2025. 3. 3. [Python] 파이썬 주피터 노트북 라이브러리 설치 및 제거하는 명령어 주피터 노트북 셀에서 설치하기 !pip install 명령어 사용 방법 %pip install 명령어 사용 방법 라이브러리 설치 확인 방법 설치된 라이브러리 목록 확인하는 방법 설치된 라이브러리 업데이트 하는 방법 설치된 라이브러리 삭제 하는 방법 주피터 노트북 셀에서 설치하기셀에 아래 이미지처럼 입력하면 바로 설치하면 됩니다. 💡 !pip install 명령어 사용 방법!pip install requests🌈 설명:! : 셀에서 쉘 명령어 실행 pip install requests : requests 라이브러리 설치 🌈 장점:간단하고 빠르게 설치설치 진행 로그 확인 가능 💡 %pip install 명령어 사용 방법주피터 전용 매직 명령어라서 환경에 맞게 정확히 설치해 줘서 가장 추천되는 방법.. 2025. 3. 2. Node.js 설치할 때 NVM, FNM, Docker 설치 방법 정리 NVM (Node Version Manager) 장점 설치 방법 FNM (Fast Node Manager) 장점 설치 방법 Docker 장점 설치 방법 Node.js를 설치하는 방법에는 여러 가지가 있지만, 그중에서도 NVM (Node Version Manager), FNM (Fast Node Manager), Docker를 사용하는 방법이 많이 사용됩니다. NVM (Node Version Manager)NVM은 가장 많이 사용되는 Node.js 버전 관리 도구로, 여러 버전의 Node.js를 쉽게 설치하고 전환할 수 있도록 도와준다.💡 장점여러 버전의 Node.js를 쉽게 설치 및 전환 가능글로벌 패키지를 버전별로 분리하여 관리 가능설치가 간단하며 macOS, Linux, Windows에서 사용 .. 2025. 2. 28. Node.js 다운로드 및 설치하는 방법 Node.js 다운로드 Node.js 설치 Node.js는 웹 개발을 포함해 다양한 개발 환경을 구축하는 필수 도구입니다. 특히 JavaScript를 사용해 백엔드까지 개발하고 싶다면 꼭 필요합니다. 따라서 Node.js 설치하는 방법에 대해 자세하게 설명하도록 하겠습니다. Node.js 다운로드NodeJS 다운로드 페이지에 접속합니다. (https://nodejs.org/ko/download)다운로드를 원하는 버전, OS 환경, 설치 방식, 패키지 관리자를 선택해서 설치 파일을 다운로드 가능합니다.🌈 LTS 버전 (Long-Term Support): 장기 지원 버전안정성이 중요할 때 사용 (기업, 서버, 장기 프로젝트)버그 수정과 보안 패치 위주 업데이트🌈 Current 버전: 최신 기능 버전최.. 2025. 2. 27. HTML <dialog> 태그 (showModal(), show()) HTML dialog 태그란? 기본 문법 주요 특징 사용 예제 모달 다이얼로그 ( showModal() ) 비모달 다이얼로그 ( show() ) 다이얼로그 창에 폼 추가하기 CSS 스타일링 적용 dialog 태그와 details 태그의 차이점 dialog 태그는 모달 또는 비모달 다이얼로그 창을 만들 때 사용 showModal() → 모달(배경 비활성화) show() → 비모달(배경 활성화, 다른 요소와 상호작용 가능) close() → 다이얼로그 닫기 CSS와 함께 활용하여 스타일을 커스터마이징 가능 HTML dialog 태그란?dialog 태그는 모달 창 또는 다이얼로그 박스를 생성하는 HTML 요소입니다. 사용자가 특정 작업을 수행할 때 알림, 메시지, 설정 창, 폼 입력 등을 표시하는 데 유.. 2025. 2. 27. HTML <dfn> 태그 (Definition) HTML dfn 태그란? 기본 문법 주요 특징 사용 예제 기본적인 용어 정의 title 속성을 사용하여 추가 정보 제공 abbr 태그와 함께 사용 (약어 + 정의) CSS를 활용하여 스타일링 dfn 태그와 i 태그의 차이점사용 장점 dfn 태그는 어떤 용어나 개념의 정의를 나타낼 때 사용 브라우저 기본 스타일은 기울임꼴(italic) title 속성과 함께 사용하면 툴팁 제공 가능 abbr 태그와 함께 사용하여 축약어를 정의 가능 CSS를 활용하여 스타일을 커스터마이징 가능 HTML dfn 태그란?dfn 태그(Definition)는 어떤 용어나 개념의 정의를 나타낼 때 사용하는 태그입니다. 기본적으로 브라우저에서는 기울임꼴(italic, 이탤릭체)로 표시되며, 주로 사전적인 정의, 용어 설명,.. 2025. 2. 25. 이전 1 2 3 4 ··· 28 다음 반응형
