초코레

callback 자바스크립트 비동기 처리와 콜백 함수 promise 자바스크립트 Promise 쉽게 이해하기 promise + generator async & await 자바스크립트 async와 await

객체 안에서 사용하는 this는 객체 자신을 가리킨다. 객체의 속성 안에서 다른 속성을 가리킬 때 사용한다. Vue의 함수 안에서 this는 해당 Vue의 data 속성을 가리킨다. console.log()로 Vue 인스턴스를 찍어보면 data 속성 안의 값이 바깥 레벨로 나와있는 걸 확인할 수 있다. The JavaScript this Keyword Understanding the “this” Keyword in JavaScript

생성자 함수의 형태는 함수명의 첫 글자를 대문자로 지정하고 new 연산자로 인스턴스를 생성한다 생성자 함수 Prototype

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 Object.defineProperty(obj, prop, descriptor); const object1 = {}; Object.defineProperty(object1, 'property1', { value: 42, writable: false }); object1.property1 = 77; // throws an error in strict mode console.log(object1.property1); // expected output: 42 cs 객체의 특정 속성의 동작을 재정의하는 API Object.defineProperty()

.ignore : ignore 파일에서 자동 완성 Key Promoter X : 단축키 BashSupport : 쉘 크스크립트 파일에서 자동 완성 Material Theme UI Translator for korean user OPT + 1/2/3

Git View On (Git 관련 화면, View > Tool Windows > Version Control) : CMD + 9 Local Changes : 로컬에서 변경된 파일 목록 Log : 커밋 로그, 로그에 우클릭으로 커밋에 관련된 기능 사용 가능 Console : Git 콘솔 로그 Git Option Popup : Ctrl + V Git History (특정 파일의 History 보기) : Git Option Popup 창의 4. Show History Branch : Git Option Popup 창의 7. Branches Commit 창 : CMD + K Before Commit Reformat code 와 Rearrange code 를 체크하면 push 할 때 코드 자동 정렬해줌 Opti..

디버그 모드로 실행하기 현재 포커스가 있는 곳을 디버그 실행 : Ctrl + Shift + D 상단 탭이 가리키는 곳을 디버그 실행 : Ctrl + D Resume (다음 브레이크 포인트로 이동) : CMD + OPT + R 디버그 화면에서 왼쪽 창은 현재 브레이크 포인트까지 오기까지 거친 메소드 목록, 즉 콜스택 Step Over (다음 줄로 이동) : F8 Step Into (안으로 이동) : F7 Stop Out (밖으로 이동) : Shift + F8 조건절 브레이크 포인트 (for문 같은 경우) : 브레이트 포인트에 우클릭하고 코드 작성 Evaluate Expresstion (브레이크된 상태에서 코드 사용, 단발성) : OPT + F8 Watch (브레이크 이후의 코드 변경 확인하기) : 안경 ..

디렉토리, 패키지, 클래스 등 생성 목록 보기 : CMD + N 코드 템플릿 메인 메소드 : psvm System.out.println() : sout 실행환경 실행 현재 포커스 : Ctrl + Shift + R 이전 실행 : Ctrl + R 라인 수정하기 라인 복제 : CMD + D 라인 삭제 : CMD + Backspace 문자열 라인 합치기(쿼리 같은 경우 한 줄로 합칠 때 주로 사용) : CMD + Shift + J Element 단위로 옮기기(HTML 이나 XML 의 Element 속성 자리 변경할 때) : OPT + CMD + Shift + →/← 라인 단위로 옮기기 라인 이동 : OPT + Shift + ↑/↓ 구문 이동 : CMD + Shift + ↑/↓ 코드 즉시 보기 인자값 즉시 보기 ..

AWS의 인스턴스 퍼블릭 IP가 1.12.12.123이고, 톰캣 서버 포트를 8080으로 띄운 경우 1.12.12.123:8080으로 접근할 수 있다. 등록한 도메인이 domain.com인 경우 도메인으로 접근하게 되면 domain.com:8080으로 접근할 수 밖에 없다. 포트 번호 없이 도메인만으로 호출하려면 기본 포트를 8080으로 리다이렉트해야 한다. 현재 적용 상태 확인 sudo iptables -t nat -L 80 → 8080으로 리다이렉트 sudo iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-ports 8080 초기화 sudo iptables -F -t nat 주의할 점은 인스턴스의 보안 그룹 인바운드 규칙에 http ..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 import Vue from 'vue'; import VueRouter from 'vue-router'; Vue.use(VueRouter); const router = new VueRouter({ mode: 'history', routes: [ { path: '/index', redirect: '/', }, { path: '/', component: () => import('@/views/MainPage.vue'), }, { path: '*', component: () => import('@/views/NotFoundPage.vue'), }, ], }); export default rou..