Webstorm 단축키 for Mac
·
✏️ Study/🪜 Dev Infra
같은 파일을 우측에서 열기 (설정에서 split right 검색 후 새로 설정해줘야 함)cmd + opt + \
vscode 단축키 모음
·
✏️ Study/🪜 Dev Infra
파일 내의 특정 단어(변수) 모두 선택: cmd(crtl) + shift + L 파일 내 특정 단어 하나씩 선택: cmd(crtl) + D - 단축키 1번씩 누를 때마다 선택됨 탭 이동: crtl + tab 라인 삭제: cmd + shift + K 라인 복사: shift + option(alt) + 위/아래 방향키 - 위로 복사하거나 아래로 복사할 수 있음 파일명 찾기: cmd + P 현재 탭을 우측에 똑같이 열기: cmd + \ 콘솔 빠르게 찍기: crtl + option(alt) + L
webstorm 자주 쓰는 단축키 (for Windows)
·
✏️ Study/🪜 Dev Infra
Jetbrain 계열 에디터는 공통으로 작동할 듯..? 📍다중 커서 ✅원하는 곳에 커서 만들기 alt + 원하는 위치 클릭 ✅수직으로 드래그하면서 커서 만들기 alt + shift 누르고 아래로 드래그 📍라인 복사, 제거 등 ✅한 라인 아예 날리기 crtl + Y ✅라인 위 아래로 이동 crtl + shift + ↑↓ ✅한 라인 통째로 아래로 복사하기 crtl + D 📍기타 ✅자동 정렬 crtl + alt + L ✅텍스트 대문자로 만들기 crtl + shift + U ✅터미널 띄우기 alt + F12 ✅모두 바꾸기 crtl + R
시맨틱 버저닝(semantic versioning) 과 NPM
·
✏️ Study/🪜 Dev Infra
📍참고 https://semver.org/ Semantic Versioning 2.0.0 Semantic Versioning spec and website semver.org 📍시맨틱 버저닝(semantic versioning - semver) ✅소프트웨어 버전 관리를 위해 버전 번호를 정하는 법칙 버전을 major, minor, patch 로 나눠 구분한다 예) 1.0.0 버전의 patch 버전은 0 ✅각 버전 번호가 바뀌는 상황 - major : 기존 버전과 호환되지 않게(하위호환성 보장 X) API가 바뀌는 경우 - minor : 기존 버전과 호환되면서(하위호환성 보장) 새 기능 추가 - patch : 기존 버전과 호환되면서 버그를 수정 ✅기타 - 1.0.0 이 첫 공개 API이다 - 0.y.z 는..
[Unix] 자주 쓰는 명령어 정리
·
✏️ Study/🪜 Dev Infra
터미널에서 쓰기위한 명령어 정리# 터미널에 문구 출력echo hello # hello# 현재 wd 출력 (print working directory)pwd# 숨김 폴더 생성mkdir .secret # mkdir (파일명) .secret# 현재 위치의 파일, 폴더 보기 (list)ls# 숨겨진 폴더, 파일까지 보기ls -al# 상위 폴더로 이동cd ..# 파일 생성touch User.js# 문구 넣어서 파일 생성echo hello >> User.js# 파일 내용 출력 (catch)cat User.js# 파일 이름 변경 (move)mv User.js User2.js# 파일을 상위 폴더로 이동 (띄어쓰기 중요)mv User2.js ..# 파일 복사 (copy)cp User2.js User3.js# 파일 삭제..
[스크랩] CORS 에러 해결법 3가지
·
✏️ Study/🪜 Dev Infra
서로 다른 도메인에서 웹서버와 node 서버 실행하기 NodeJS 실습 도중 html 과 node 서버의 실행 도메인이나 포트가 다른 경우 CORS 에러가 발생합니다. 예를 들어 html 파일은 httpd 를 통해 80포트에서 실행하고 nodejs 는 3000포트로 실행되는 경우 javascript 에서 {서버주소}:3000 으로 ajax 호출이 정상적으로 이루어지지 않습니다. 그림 1. 서로 다른 포트에서 AJAX 요청을 하는 경우 CORS 에러가 발생합니다. 이를 해결하기 위한 몇 가지 방법들을 소개합니다. 1. 같은 도메인, 포트에서 html 파일과 nodejs 서버를 실행하기 먼저 nodejs 프로젝트 폴더 안에 public 이라는 디렉토리를 만들고 모든 정적 파일들 (html, css, js, ..
워드프레스 - 02 - 기본
·
✏️ Study/🪜 Dev Infra
준비사항 - EC2 인스턴스에서 docker-compose로 워드프레스 설치 - 퍼블릭 IP:8080에 접속 워드프레스 테마 설치 - 접속 후 외모 => 테마 => 시드니 검색 후 설치 => 활성화 워드프레스 페이지 생성 - 하나의 페이지 = 하나의 메뉴 - 페이지 => 새 페이지 추가 클릭 메뉴 편집 - 외모 => 메뉴 => 메뉴 편집 사이트 제목 편집 - 헤더 => 사이트 아이덴티티 - 사이트 제목, 파비콘, 로고 등을 편집할 수 있음 설정 - 페이지 고유주소를 글이름으로 설정 가능 Footer 만들기 - 외모 => 사용자 정의 => Footer - 외모 => 위젯 => Footer 선택 후 입력 게시판 플러그인 설치 - 플러그인 => 새로 추가 => Mang Board 설치 및 활성화 - Mangb..
도커 (Docker) 소개
·
✏️ Study/🪜 Dev Infra
도커란? - 컨테이너 기반의 오픈소스 가상화 플랫폼 - 다양한 프로그램, 실행 환경 등을 컨테이너로 추상화하여 동일한 인터페이스를 제공하고 프로그램의 배포와 관리를 쉽게함 도커 및 워드프레스 설치 - PuTTY를 통해 EC2 인스턴스에 접속 - root에서 도커 설치 sudo yum install -y docker - 도커 실행 sudo service docker start - 도커 그룹에 sudo 추가 (인스턴스 접속 후 바로 도커 제어할 수 있도록 sudo usermod -aG docker ec2-user - 인스턴스 재접속 후 도커 명령어 실행해보기 docker run hello-world - docker-compose 설치 (최신 버전 v2 이나 편의상 1.29.2 로 진행) sudo curl -..