전체 글

[React] React 프로젝트 생성

#01. 리액트 프로젝트 생성 1. 프로젝트 디렉토리 생성 및 이동 터미널에서 리액트 프로젝트의 디렉토리를 생성해 준다.PS C:\Users> mkdir "D:\ReactProjects\react-app" 디렉터리: D:\ReactProjectsMode LastWriteTime Length Name---- ------------- ------ ----d----- 2026-09-17 오후 3:41 react-app 디렉토리가 생성되면 해당 경로로 이동한다.PS C:\Users> cd D:\ReactProjects\react-app 2. Vite 템플릿 생성 명령어 실행 현..

[Node.js] Windows 환경에서 nvm-windows로 Node.js 버전 완벽 관리하기

# 01. nvm-windows 다운로드 GITHUB( https://github.com/nvm-windows/nvm/releases ) 접속하여 nvm-windows 가장 최신 버전을 다운로드 받는다. 가능 하면 가장 최신의 버전(nvm-X.0.0-amd64-setup.exe) 파일을 다운로드 한다. # 02. Smart Screen 경고 해결하기 다운바은 nvm-X.0.0-amd64-setup.exe 실행하면 아래와같이 Windows의 PC보호(Smart Screen)이 실행된다. 이유는 nvm-windows는 유료 공인 디지털 서명이 포함되지 않아 Windows가 개발사를 신뢰할 수 없어 발생하는 상황이다. 추가정보를 클릭하고 [실행] 버튼을 클릭하여 보안 경고를 우회하여 준다. # 03. nv..

[Writerside] Web Archive

Writerside에서 작성한 마크다운 문서들, 트리(목차) 구조, 이미지 파일들을 모두 엮어서 웹 브라우저에서 바로 볼 수 있는 형태(HTML, CSS, JS)로 변환하고, 이를 하나의 .zip 파일로 압축(Archive)해 주는 과정이다. 먼저 Writerside 프로젝트 상단의 [Export To] 버튼을 클릭하고 메뉴 창에서 Web Archive를 선택한다.Edit Configurations Settings 팝업창이 오픈되면 생성될 Web Archive(*.zip)파일의 이름을 지정하고, 저장 경로를 설정하고 Web Archive(*.zip)파일을 생성하여 준다. 이후 팝업창이 닫히고 Web Archive(*.zip) 파일의 생성이 진행된다.Web Archive(*.zip) 파일의 빌드가 진..

[Writerside] JetBrains Writerside 사용

1. Writerside 플러그인 설치 JetBrains 제공 IDE중 하나를 선택하고 Writerside 플러그인을 설치를 진행한다.IDE 상단 메뉴에서 File > Settings를 선택한다. Settings 팝업창이 오픈되면 좌측 카테고리에서 Plugins를 선택한다.검색 창에 Writerside를 입력하고 Writerside가 검색되면 [Install] 버튼을 클릭하여 설치를 진행한다. 설치가 완료되면 [Restart IDE] 버튼을 클릭하여준다.Plugin Updates 팝업창이 오픈되면 [Restart] 버튼을 클릭하여 IDE를 새로 시작하여 준다. IDE가 재실행 되면 아래와 같은 화면이 나타난다.① 도구창② 메인 작업창 2. Writerside 프로젝트 생성 플러그인 설치가 완료되..