분류 전체보기

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에 들어가보면 아까 출력됐던 ..

내돈내산: 쿠팡 습도계(MIAOMIAOCE 온습도계)

최근 집이 습하고 더워서 습도를 보고 맞추고 싶어 습도계를 샀다. 쿠팡에 나오는 수많은 습도계 중 하나를 구입했다. 사고나서 실제로 써보니 좋아서 후기를 작성한다. MIAOMIAOCE 온습도계 쿠팡에 습도계라고 검색하면 나오는 것 중 하나다. 다른것과 비슷한 기능을 하는데 전자종이를 사용해서 깔끔하고 예쁘다. 박스는 이렇게 생겼고 크기는 손바닥 만하다. 구성품은 본체, 자석 스티커, 양면 스티커, 거치대, 설명서가 있다. 스티커 두개와 거치대 하나가 있어 원하는 형태로 볼 수 있다. 뒷판을 열어보 면 건전지가 기본으로 장착되어 있고 섭씨/화씨 변경 버튼이 있다. 건전지에 끼워져 있는 필름을 빼면 바로 작동한다. 습도 옆의 표정을 통해 쾌적도를 볼 수 있는데 이모티콘이 귀엽다. 본인의 경우 거치대에 올려 ..