Category: etc

사용중인 포트 프로세스 찾아서 종료시키기

문제프로젝트에서 서버를 npm run dev npm run start를 통해서 실행했을때, 사용하지 않아도 실행되어있는 경우가 있다.일반적으로 8080과 3000을 많이 사용하는데, 실행이 안된다면, 포트 프로세스를 종료시키는 방법을 사용하면 된다. 해결책8080포트가 접속중인지 확인해 본다. 1lsof -i tcp:8080 다음 명령어소 8080포트를

Favicon 웹사이트에 적용하기

시작하기파비콘(favicon)이라는 명칭으로 웹사이트 상단 탭에 나오는 아이콘 혹은 브라우저 어플 아이콘등을 뜻합니다.주로 웹사이트를 대표하는 로고를 많이 사용합니다. Favicon 만들기로고파일(png, jpg등)을 준비해줍니다.파비콘 파일을 만들어 주는 Favicon Generator사이트로 이동합니다. 파일 등록 버튼을 눌러 파일을 업로드 합니다.이후

.gitignore 적용안되는 이슈 해결방법

시작하기gitignore을 사용하지 않고 파일을 업로드 했는데 모르고, node_modules 폴더도 같이 업로드 했을때.황급하게 .gitignore파일에 node_modules을 입력하고 올려도 적용이 안되는 이슈가 있습니다.git의 캐시 문제이기 때문에 캐시를 지워주고 다시 파일을 업로드 해주면 됩니다. 123git rm -r --cached .git

Git 명령어 단축해보기

시작하기터미널과 쉘을 이용해서 간단한 단축어를 만들어 보겠습니다. 쉘 스크립트git add . && git commit -m “텍스트 입력” 하는 과정이 입력하기 너무 길기에 단축을 해보았습니다.프로젝트 내부에 git.sh파일을 생성합니다. git.sh123456#!/bin/bashecho Easy Github push generatorech

Mac Catalina zsh에서 nvm not found 해결방법 (bash로 사용하기)

개요macOS Catalina 버전부터 터미널의 기본 셸이 zsh로 바뀌었습니다. zsh(Z 셸)는 macOS Catalina 베타부터 새로 생성되는 모든 사용자 계정의 기본 셸입니다. bash는 macOS Mojave 및 이전 버전의 기본 셸입니다. nvm 설치 포스트방법대로 설치를 하고 source ~/.bash_profile로 서버를 재시작해주면

Hexo seo 검색엔진 최적화하기

시작하기hexo 블로그를 만든이후 구글 네이버 다음에서 검색이 되어야 사용자의 유입이 상승합니다.hexo의 경우 플러그인이 잘 되어있기 때문에 쉽게 할 수 있습니다.검색엔진 최적화(seo)하기 위해 몇가지 설정을 하겠습니다. 플러그인리스트 hexo-autonofollow hexo-auto-canonical hexo-generator-seo-friendly

가상데이터 JSONPlaceholder 사용법

시작하기backend server가 없을때 임시로 가상 데이터를 만들어 api 테스트를 해볼수 있습니다. JSONPlaceholderJSONPlaceholder url을 통해 리소스를 불러올수 있습니다.JSONPlaceholder 홈페이지 APIJSONPlaceholder는 6가지의 기본 리소스를 가지고 있습니다. 123456/posts 100 posts/

Postman 포스트맨 사용하기

시작하기포스트맨은 api 를 테스트하기위해 사용하는 편리한 도구입니다.프론트엔드 백엔드 상관없이 모두 사용합니다. 설치포스트맨 다운로드 링크: https://www.getpostman.com/downloads/ 홈페이지로 들어가서 OS에 맞는 postman을 다운 받습니다. 로그인구글계정이 있는 관계로 구글 로그인으로 접속했습니다.기존값으로 화이트모드로 되

구글 애널리틱스 on Hexo

구글 애널리틱스 시작하기웹사이트의 트래픽관리등을 위해 hexo에 구글 애널리틱스를 적용하였습니다. 로그인https://analytics.google.com/구글 애널리틱스 사이트로 접속해서 로그인을 합니다. 이후 무료로 계정만들기를 선택합니다.구글 애널리틱스 사용을 위해 필요한 약관에 동의를 합니다. 파일 수정약관동의 이후 첫화면에 추적 ID ex)영어-

hexo 테마 설치

Hexo 테마 설치하기hexo을 설치할시 기본적으로 landscape 테마가 설치 되어있습니다.hueman 테마를 설치할 예정입니다.Demo site : https://blog.zhangruipeng.me/hexo-theme-huemanGithub : https://github.com/ppoffice/hexo-theme-hueman 서브모듈을 이용해서 설치