본문 바로가기
VS Code 자동정렬 (들여쓰기) 하.. 문서 전체 들여쓰기 자동 정렬을 하려고 했는데 아무리 컨트롤 별거를 다 눌러도 안돼서 또 이걸로 시간을 얼마나 소모했는지 모르겠다. 아무리 해도 안돼서 구글링을 했는데 여기저기 단축키 써놓은 블로그가 꽤 많이 나오던데, 결국 대부분 말하는 들여쓰기 단축키는 Ctrl+K+F (Ctrl+K, Ctrl+F) / Alt+F8 두 개로 대부분 작성해놓으셨더라. 근데 나는 아무리 키보드를 눌러도 코드에 반응도 없고 자꾸 "키조합(입력한 조합)은 명령이 아닙니다." 메세지만 떠서 속 터지는 줄 알았다ㅠ 아니 명령어에 등록이 빤히 돼있는데 왜 명령이 아니냐구요! 내가 자동정렬 때문에 샷건을 쳐야겠느냐구요! 쉬지도 않고 계속 뻘짓을 하면서 무려 "플러그인을 깔아야 하나?" 라는 생각까지 다다랐는데, 아무리 생각해..
[Linux] Ubuntu 파일찾기 명령어 명령어 : find 포멧 : find (경로) (-옵션) (파일명) find / -name 'filename*' -> root에서( / ) filename 으로 시작하는 모든 파일 검색 find (.) -type d -> 현재위치 ( . / 생략가능) directory 파일만 찾는다 find -empty -> 빈 파일(empty) 검색 info find -> find 명령어 가이드가 나온다. 제품 설명서처럼 길고 상세함 find --help -> 커멘드라인 명령어가 짤막하게 나옴. 옵션등은 따로 표시되지 않음. 봐도 기본 지식이 없으면 나처럼 이해 못 함
[Vue] typescript 프로젝트 진행 시 설치한 라이브러리 목록 기본 설치 리스트 (create 시 모두 선택) Babel, Typescript, progressive Web App Support, Router, Vuex, CSS Pre-processor, linter/Formatter, Unit Testing, E2E Testing * vue-router, vuex 는 npm 으로 따로 설치 가능 추가기능 vue-sweetalert2 : sweetalert 의 vue 버전, 2 버전이 아니면 typescript 에서 사용이 안된다 (javascript만) import VueSweetalert2 from 'vue-sweetalert2'; import 'sweetalert2/dist/sweetalert2.min.css'; Vue.use(VueSweetalert2); v..
[Vue] Typescript 스니펫 만들기 snippet (스니펫) : vscode 에서 제공하는 자동완성 코드 기능. 커스텀 제작 가능 1. 상단메뉴 > File(파일) > Preferences(기본 설정) > User Snippets(사용자 코드 조각) 2. typescript 로 작성하면 기 설정된 경로에 typescript.json 파일이 열림. 해당 파일에 코드 작성 후 저장. 3. 사용할 때에는 스크립트 블럭(또는 파일) 안에서 prefix 로 등록한 키워드를 입력하면 자동완성! 기본으로 사용하는 import 설정 등을 미리 작성해두고 사용하면 편하다. 아래는 책* 보고 작성한 파일코드. { "togetherVueTs": { "prefix": "togetherVueTs",// 사용할 prefix "body": [ "import { Vu..
[Vue] Typescript로 작성한 Mixin 에서 this 접근 바로 전에 작성한 글이랑 이어지는건데, 사실 오류는 같이 발생하고 있었다. 아무튼 이번엔 또 무엇이 문제인가 하니 mixin 파일에 작성한 class 내의 전역변수를 함수에서 읽지를 못했다. 접근 범위를 private에서 public 으로도 바꿔보고(별 차이 없다는걸 알았지만 그래도..) 생성자도 만들어보고 했는데 도무지 대체 도대체~ beforeCreate/created 함수나 따로 호출해야 하는데나 this 로 전역에 접근하려고 하면 죄다 undefined 만 찍고 있어서 눈도 돌고 머리도 돌고 그냥 돌아버리는 줄.. 그래서 열심히 열심히 또 구글링을 한 결과 this 바인딩 문제였다. 그 전에도 한번 화살표 함수에 대해서 짤막하게 메모를 남긴걸로 기억하는데, 함수 내에서 전역변수에 접근하려면 glo..
[Vue] Typescript 전역 Mixin 설정하기 악 아아악! 악!!!!!! 아 mixin이 global 함수같은 존재(?) 라서 공통된 작업을 해야할 때 등록해두면 편하고 편할 것 같긴 한데 vue 컴포넌트 파일마다 import 를 하는게 너무 귀찮아서 (이를테면 로그인 체크라던지 기타등등... 로그인 체크는 보통 세션으로 진행하지만 생략) 이걸 따로 import 하지 않고 main.ts(또는 .js) 에 등록해서 사용하는 법은 없나 하고 고민했다. 결과적으로 글을 쓰고 있는 지금은 딱히 뾰족한 수가 떠오르질 않음... 아니 정확히 말하면 방법은 있다. main.ts 파일에 Vue.mixin({}) 으로 등록해서 사용하면 컴포넌트에 따로 import 할 필요 없이 this.functionName() 으로 접근해서 mixin 함수를 사용할 수 있음. 아..
[Server] Laravel 커스텀 헬퍼 클래스 추가 라라벨 내에서 자체 제공하는 Helper 함수 외에 본인이 자주 사용하는 함수 등을 모아서 클래스로 만들어 사용해야 할 때, 헬퍼 파일 자체를 수정할 수 있지만 프레임워크 구조나 유지보수 측면에서(?) 새로 파일을 만들어서 사용하는 방법을 지향한다고 함. 나같은 경우는 그런 프레임워크적 사고는 모르겠고, 그냥 제공하는 파일을 건드리는것에 대한 두려움이 커서 따로 사용할 php 파일을 작성했는데 이렇게 작성한 파일을 controller 에 등록해서 사용하려니 읽히지를 않았다. 물론 작성만 하고 use HelperClassName 으로 가져온다고 해서 어디 등록하지도 않은 파일이 읽힐리가 만무하지. 뭐 결국 내가 찾은 내용은 별거 없이 서버폴더(laravel) 내 root 에 composer.json 파일에..
[Vue] typescript를 활용한 vue 프로젝트(메모2) 이전에 javascript 로 생성한 vue 프로젝트를 typescript 로 튜닝해보려 하는데 스타일이 비슷한 듯 달라 공부가 더 필요할 듯 하다. 일단 typescript 를 활용한 문법이 java와 굉장히 흡사해서 (클래스 단위 형식이라던지 등등) 오랫동안 java 를 안 보고 살았더니 감이 안오고, 데코레이터 구조도 모르겠고 해서 일단 적는다 일단 메모메모 .ts 파일이나 vue 파일 내 script 블럭에서 Component 를 import 하는 경우는 (현재까지 확인한 바로만) 두 케이스 인 것 같다. 첫째는 'vue-class-component' 로부터 import 하는 경우. 이 경우에는 해당 파일(현재 작성하고 있는 파일)에 작성하는 클래스가 Vue 컴포넌트임을 나타내기 위해 import..

티스토리툴바