개발개발

npm create-react-app {프로젝트명} 입력 시 오류 내용npm ERR! code ENOENTnpm ERR! syscall lstatnpm ERR! path C:\Users\user\AppData\Roaming\npmnpm ERR! errno -4058npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\user\AppData\Roaming\npm' npm ERR! enoent This is related to npm not being able to find a file.npm ERR! enoentnpm ERR! A complete log of this run can be found in: C:\Users\user\..

exe 형태의 실행프로그램을 테스트하기 위해 파라미터 전달하는 방법으로 CustomURI가 있다. Custom URI란 http,ftp와 같은 URI Scheme 대신 임의의 URI Scheme를 레지스트리에 등록하여 사용하는 것을 뜻한다. 예를 들어 "test://"로 시작하는 URI Scheme를 레지스트리에 등록하면 "test://test프로그램"식으로 호출할 경우 "test프로그램"을 파라미터로 사용할 수 있다. 예제 1. exe 형태의 실행 프로그램을 만들어 2. nsi 스크립트를 통해 customURI를 레지스트리에 저장한 후 3. 샘플 html을 통해 customURI로 exe프로그램이 실행되는지 확인한다. 여기서 사용한 exe 프로그램은 간단하게 파라미터를 라벨 형식으로 띄워주는 프로그램이..

기본 선택자 * : 전체 선택자. 모든 요소를 선택 ABC : 태그 선택자. 태그 이름이 ABC인 요소를 선택 .ABC : 클래스 선택자. 클래스 속성의 값이 ABC인 요소를 선택 #ABC : 아이디 선택자. 아이디 속성의 값이 ABC인 요소를 선택 복합 선택자 span.orange : 일치 선택자. span과 .orange를 동시에 만족하는 요소 선택 ul > .orange : 자식 선택자. ul의 자식 요소 .orange를 선택 div .orange : 하위 선택자. div의 하위 요소 .orange를 선택 (띄어쓰기가 선택자의 기호) .orange + li : 인접 형제 선택자. 선택자 .orange의 가장 인접한 형제 요소 li 하나를 선택 .orange ~ li : 일반 형제 선택자. 선택자 ...

상단의 탭에 아이콘을 설정하기 위해 우선 .ico 형식의 파일을 생성한다. 아래의 사이트를 이용하여 png 파일을 ico 파일로 변환할 수 있다. https://www.icoconverter.com/ ICO Converter Converts images to the ICO format for your websites or applications. www.icoconverter.com 생성한 ico 파일을 프로젝트 폴더안에 폴더를 생성하여 넣어준다. ex) static 프로젝트를 실행할 때 dist 폴더에서 해쉬값을 포함된 파일을 통해 실행되지만 dist 폴더는 삭제됐다가 다시 생성할 수 있는 폴더이므로 ico 파일을 dist 폴더에 바로 넣는건 문제가 될 수 있다. 그러므로 parcel-plugin-st..

번들러란 웹에서는 기본적으로 html, css, javascript가 동작을 한다. 그러나 이것만 가지고서 코딩을 하기에는 비효율적인 부분들이 있다. 그렇기 때문에 vue.js, react, sass 등 다양한 기능들의 도움을 받는다. 이러한 기능들은 웹에서 직접적으로 동작하지 않기때문에 변환하는 작업을 거쳐야한다. 이를 웹에서 동작하도록 변환하는 과정을 도와주는게 번들러(Bundler)이다. 번들러를 통해 변환을 할 때 외부의 패키지를 번들러가 설치하여 패키지의 도움을 받아 변환한다. 즉 실질적인 변환은 외부의 패키지가 직접적으로 수동으로 작업을 해줘야하는데 이 수동의 작업을 번들러에게 위임하는 것이다. 번들러의 종류 parcel : 구성 옵션 없는 단순한 자동 번들링, 소/중형 프로젝트에 적합 web..

1. npm init -y 2. npm install parcel-bundler -D 3. main.js 파일 생성 4. index.html 파일 생성 5. index.html 파일에 main.js 연결 6. package.json 파일 scripts 변경 "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, 7. npm run dex * parcel-bundler 버전이 맞지 않을 경우 npm i parcel-bundler@(원하는 버전) -D * git에 올릴때는 폴더 gitignore .cache/ dist/ node_modules/

nvm 버전을 변경하기 위해 nvm use를 입력했는데 다음과같은 알아볼수도 없는 오류가 발생했다. exit status 1: �׼����� �źεǾ����ϴ�. 이는 권한 문제로 cmd를 관리자모드로 실행하면 해결되는 문제였다.

node.js는 각 상황마다 필요한 버전이 다를 수 있다. 필요한 버전을 매번 설치하는 대신 nvm을 통해 버전을 쉽게 바꿀 수 있다. 1. nvm setup 설치 https://github.com/coreybutler/nvm-windows/releases Releases · coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 위 링크의 nvm-setup.zip을 설치한다. 2. nvm 버전 설치 cmd창이나 vscode의 터미널에서 nvm 설치를 확인한다. nvm ls No installations recogni..

각 브라우저마다 기본으로 제공하는 css가 조금씩 다르기 때문에 이를 초기화 한 후 사용하는 것을 권장한다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use. www.jsdelivr.com 위 링크로 들어가 reset.min.css에서 Copy HTML 을 ..