낙서장

Vue 자체는 html에서 자바스크립트를 불러오기 때문에 사용하기 위한 툴의 설치만 하면 된다. 1. Visual Studio Code https://code.visualstudio.com/ 에서 다운로드 플러그인은 https://prunier.tistory.com/167 참고 2. Node.js https://nodejs.org/ko 에서 다운로드 3. Vue.js devtools (크롬 확장 프로그램) 버전이 3개가 있는데 자신이 사용할 vue의 버전에 따라 맞는걸 선택하면 된다. 사용시에 vue를 찾지 못한다고 뜰 수가 있는데 확장프로그램 관리 세부정보에서 '파일 URL에 대한 엑세스 허용'을 해주면 된다.

이미 만들어져 있는 파일 수정 우측 하단을 선택해서 선택 VSC 설정 바꾸기 1. 설정 열기 2. 탭간격 수정 3. 탭문자를 할지 공백을 할지 선택

Vetur .vue 파일의 코드 하이라이팅 Night Owl 어두운 VSC theme Material Icon Theme 디렉토리 목록 아이콘을 메테리얼 아이콘으로 변경 Live Server 수정사항 실시간 확인 ESLint 자바스크립트 문법 검사기 (에러메세지 출력) Prettier 익스텐션 - 파일저장시 자동코드정리 설정방법 - https://nuggy875.tistory.com/109 옵션수정 필요 single quote - 홑따옴표 사용여부 print width - 자동개행 글자수 Colonize 행 마지막 세미콜론 추가 shift + enter 줄 끝에 세미콜론을 삽입하고 같은 줄에서 계속 alt + enter 줄 끝에 세미콜론을 삽입하고 새 줄에서 계속 ctrl + alt + enter 세미콜..

모던 자바스크립트 튜토리얼 https://ko.javascript.info/

window 기준 키맵으로 사용하다 매우 유용한 단축키들을 작성할 예정입니다. 인텔리제이 단축키 [ Ctrl + Alt + Shift + T ] - 리팩토링 관련된 단축키 찾기 [ Ctrl + Shift + N ] - 파일검색 소스 리팩토링 관련 단축키 [ Ctrl + Alt + M ] - 드래그한 부분을 외부 메소드로 만들어주는 Extract Method [ Ctrl + Alt + V ] - return 값이 있는 메소드의 return을 자동으로 생성 // 커맨드 전 memberRepository.findByName(member.getName()); // 커맨드 후 Optional byName = memberRepository.findByName(member.getName());[ Ctrl + Shif..

메소드 실행이 끝날때마다 실행되는 메소드입니다. Junit 테스트를 하다면 메소드의 실행 순서가 보장되지 않기 때문에 값 중복등의 이유로 에러가 날 수 있습니다. 그것을 방지하기위해서 이용할 수 있습니다. @AfterEach public void afterEach() {\ // 실제로는 테스트 실행전에 트랜잭션을 걸고, 트랜잭션을 롤백하는 방식으로 데이터를 복구합니다. repository.clearStore(); // 데이터 초기화 }

람다식이 하나의 메소드만 호출하는 경우, 메소드 참조를 통해 람다식을 간략히 할 수 있습니다. 클래스명::메소드명 or 참조변수::메소드명 // 기존 Function f = (String s) -> Integer.parseInt(s); // 메소드 참조 Funcation f = Integer::parseInt; 생성자를 호출하는 람다식도 메소드 참조로 변환 가능 Supplier s = () -> new MyClass(); // 람다식 Supplier s = MyClass::new; // 메소드 참조 배열 생성할 경우 Function f = x -> new int[x]; // 람다식 Function f2 = int[]::new; // 메소드 참조

자바 8부터 NPE(NullPointerException) 처리의 가독성을 위해 생겼습니다. Optional이란? 존재할수도 있지만 안할 수도 있는 객체, null이 될 수도 있는 객체를 감싸고 있는 일종의 래퍼 클래스이다 Optional의 효과 명시적으로 해당 변수가 null일 수도 있다는 가능성을 표현할 수 있다 NPE를 유발할 수 있는 null을 직접 다루지 않는다 null체크를 직접 하지 않는다 Optional사용법 // 선언 Optional optMbr; // null을 담고 있는 Optional 객체 Optional optMbr = Optional.empty(); // null이 아닌 객체를 담고 있는 Optional 객체를 생성 // null이 넘어올 경우, NPE를 던지기 때문에 주의해서 ..