Category: Tips

2020
0
DevelopTips

WebStorm 설정

WebStorm 설정하기목차 첫 설치 단축키 셋팅 Prettier 셋팅 테마셋팅 버벅거림 셋팅 웹스톰 처음으로 초기화하기 첫 설치 Material Theme 만 설치 ( 그리고 cmd + , - Plugins 에서 Material Theme 비활성화, 테마 자체는 Dark Purple Theme를 사용. 테마에 있는 몇몇기능 때문에 설치. )

0
DevelopTips

자연스럽게 노드 버전 변경하기

자연스럽게 Node Version 바꾸기 🍃 (feat. nvm)목차 개요 Step 1. nvm 설치 사전준비 Step 2. nvm 설치 Step 3. nvm 설치 확인 환경변수 설정 추가하기 환경변수 설정 적용하기 Step 4. nvm을 이용하여 Node.js 설치하기 명령어 Step 5. nvm을 이용해서 프로젝트에 버전 명시하기 St

2019
0
DevelopTips

Debugger for Chrome Setting

Google Debugger 설정하기1. EXTENSIONS 에서 Debugger for Chrome 설치 2. 구성 설정 : url 수정 ( react는 3000번 사용 ) 디버거 실행하기 실행 후 화면 중단점 설정1. 중단점을 선택한다. 위에 있는 버튼으로 추가 조작을 한다.

0
DevelopTips

모의 면접 질문 정리

면접 질문 내용 정리 ( 게속 추가 예정 )1차 모의 면접 CSS 개발 방법론 url 구조 300번대 에러 포폴내용 PWA - Service Workers 를 사용한 캐싱 덕분에 앱을 설치한 후에 로딩 시간이 줄어들어 소중한 데이터와 시간을 절약. service worker에 대해 설명하라. 클로저 얕은복사와 깊은복사 var vs let vs const

0
DevelopTips

VSCode 설정

목차 VS CODE에서 자바스크립트 즉석 실행하기 ( Extention 설치 ) VS CODE , 전역 Setting 하기 ( settings.json 파일 수정 ) Fira Code 추가하기 VSCode 환경설정 동기화 VS CODE에서 자바스크립트 즉석 실행하기 ( Extention 설치 ) Code.Runner : 브라우저 나 노드에서

0
DevelopTips

eslint-description

ESLint 코드 Linting 이란? 특정 스타일 규칙을 준수하지 않는 문제가 있는 소스코드를 찾는데 사용되는 방식 Linter는 이러한 Linting을 수행하는 도구를 의미. ESLint는 특정 스타일 규칙을 제한하거나 새롭게 개정까지 가능하다. 대부분의 프로그래밍 언어에는 컴파일하는 과정이 있어서 컴파일시 수행되는 Linter가 내장되어있다.

0
DevelopTips

VSCode-hotkey

VS 단축키(MAC은 command = ctrl / option = alt) shift + option + f : 전체 줄 정리 option + command + 화살표 : 다중 커서 라인 생성 option + command + g : 개별 약어 랩핑 ctrl + n : 파일 생성 ctrl + s : 저장 ctrl + b : 사이드 바 열기 ctrl +