개발

npm을 이용해서 gh-pages 배포하기

gh-pages로 호스팅을 하는 방법에는 여러가지가 있다. GitHub Desktop을 사용해도 되고 직접 gh-pages 브랜치를 만들어도 된다. 물론, 모듈을 이용해 VSCode에서 직접 올리는 방법도 있다. npm i gh-pages 우선 위의 명령어를 통해 배포하고자 하는 프로젝트에 gh-pages 모듈을 설치한다. 설치된 후 npm run build 명령어를 입력하면 작성한 코드들이 build라는 폴더 안에 압축되어 빌드되는 것을 확인할 수 있다. 추가적으로 package.json의 하단에 아래 코드를 추가한다 "homepage": "https://사용자이름.github.io/레포지토리이름" 예시는 아래와 같다. { "name": "어쩌구", "version": "0.1.0", "private"..

깃허브(GitHub) 로컬 폴더 레포지토리 올리기

개발을 하다보면 로컬에서 작업한 결과물을 깃허브에 올리고 싶은 경우가 있다. 1️⃣ 새로운 레포지토리를 하나 만든다 2️⃣ 생성한 레포지토리의 주소를 복사한다 3️⃣ 로컬에서 작업하던 폴더에서 git init을 입력한다 git init 4️⃣ git add . 을 통해 올리고 싶은 코드들을 스테이징 한다 git add . // .은 모든 파일을 의미. 특정 파일을 원한다면 특정 파일의 이름을 작성 (4.1. git status 명령어를 통해 변경 사항들에 대한 내용을 확인해본다) 생략해도 문제는 없지만 git add .가 작동했는지 확인 및 현재 브랜치 이름을 확인하기 위한 단계 git status 5️⃣ git commit -m "커밋 메시지"를 작성해서 커밋한다 Gitmoji를 사용하는 경우에는 gi..

WSL 설치 에러(error: 0x8007019e)

윈도우에서 리눅스를 사용하기 위해 WSL을 설치했다. 설치 후 실행하는 과정에서 에러가 발생했다. WslResisterDistribution failed with error: 0x8007019e 아무 키나 누르라고 해서 눌러보면 창이 꺼진다. 오류 내용을 읽어보면 Windows Subsystem for Linux Optional Component가 설정되지 않았다고 한다. Linux Optional Component를 사용하도록 설정하면 된다. 1. Windows 기능 켜기/끄기에 들어간다. 2. Linux용 Windows 하위 시스템을 체크해주고 확인을 누르면 된다. 3. 설정이 자동으로 진행되는데, 이 과정이 끝나면 컴퓨터를 재부팅 해야 한다. 4. 재부팅 후 다시 WSL에 들어가보면 아까 출력됐던 ..

JS 이용해서 가위바위보 만들기

JS로 간단하게 만들어 볼 수 있는게 없을까 하고 시작해 약 하루정도 걸린 가위바위보 만들기였다. 확실히 HTML과 CSS만 사용할 때 보다 할 수 있는것이 더 많은 것 같다. HBSPS/RPS (github.com) GitHub - HBSPS/RPS Contribute to HBSPS/RPS development by creating an account on GitHub. github.com 잘 만든 코드는 아니지만 깃허브에서 코드를 볼 수 있다. 또한 gh-pages를 이용해 언제든 웹페이지에 접근할 수 있도록 했다. RPS! (hbsps.github.io) RPS! hbsps.github.io 혹시나 gh-pages를 적용해 보고 싶다면 아래 글을 참고하면 된다. 2022.04.01 - [IT/개발..