자바스크립트[JavaScript]
-
Vuejs + vuetify 설치자바스크립트[JavaScript]/Vuejs 2020. 9. 6. 01:30
1.vue cli 설치 install -g @vue/cli 2.vue 설치 (필요한부분 설정하여 설치) vue create Please pick a preset: Manually select features Check the features needed for your project: Choose Vue version, Babel, TS, PWA, Router, Vuex, CSS Pre-processors, Linter Choose a version of Vue.js that you want to start the project with 2.x Use class-style component syntax? Yes Use Babel alongside TypeScript (required for modern ..
-
앵귤러[Angular] @auth0/angular-jwt 설치자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:47
※ 관련 정보 - https://www.npmjs.com/package/@auth0/angular-jwt @auth0/angular-jwt JSON Web Token helper library for Angular www.npmjs.com - GitHub URL : https://github.com/auth0/angular2-jwt auth0/angular2-jwt Helper library for handling JWTs in Angular 2+ apps - auth0/angular2-jwt github.com 1. npm 멸령어 실행 - npm install @auth0/angular-jwt 2. 최상위 모듈(AppModule) import import { } form''; export functio..
-
앵귤러[Angular] 부트스트랩[ngx-bootstrap] 설치자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:23
※ 관련 정보 - GitHub URL : https://github.com/valor-software/ngx-bootstrap valor-software/ngx-bootstrap Fast and reliable Bootstrap widgets in Angular. Contribute to valor-software/ngx-bootstrap development by creating an account on GitHub. github.com - DocumentAtion URL : https://valor-software.com/ngx-bootstrap/#/alerts Angular Bootstrap valor-software.com 1. 사전 조건 앵귤러CLI 설치 및 프로젝트 생성 2. npm 명령어 실..
-
앵귤러[Angular] CLI로 프로젝트 생성자바스크립트[JavaScript]/앵귤러[Angular] 2019. 6. 21. 01:00
캐시 삭제방법 - npm cache verify 1. CLI 설치 - npm install -g @angular/cli ※ 구버전 삭제방법 npm uninstall -g @angular/cli 2. 프로젝트 생성 - ng new 프로젝트명 - Would you like to add Angular routing? + yes - Which stylesheet format would you like to use? + css / scss / sass / less / stylus 중 선택 3. 프로젝트 실행 - ng serve 브라우저 url : http://localhost:4200/
-
일렉트론 [Electron] 배포 Installer 생성하기자바스크립트[JavaScript]/일렉트론[Electron] 2019. 4. 19. 14:04
일렉트론에서 일반적으로 electron-builder 또는 electron-packager 를 사용 개인적으로는 electron-packager는 사용하기 편하지만 디테일한 부분을 수정하기에는 번거로움 샘플링 결과 electron-builder로 사용함 - electron-builder + GitHub URL : https://github.com/electron-userland/electron-builder electron-userland/electron-builder A complete solution to package and build a ready for distribution Electron app with “auto update” support out of the box - electron-u..
-
일렉트론[Electron] 설치 방법자바스크립트[JavaScript]/일렉트론[Electron] 2018. 10. 12. 10:45
※ 일렉트론 설치 - URL : https://electronjs.org/docs/tutorial/first-app - 선행작업 + npm 설치 - npm init + package name[프로젝트 명] : 입력 + version[파일의 버전] :입력 + description[수행 작업 내용] : 입력 + entry point : 입력 + test command : 입력 + git repository[github 저장소] : 입력 + keywords[프로젝트 키워드] : 입력 + author[개인이나 팀 또는 회사명등] : 입력 + license[라이센스에 대한 내용] : 입력 + Is this OK? (yes) : 입력 - npm install electron --save-dev ※ 일렉트론 예제 설..
-
앵귤러[Angular] 라이프사이클자바스크립트[JavaScript]/앵귤러[Angular] 2018. 6. 7. 15:44
- 생명주기 + 컴포넌트와 지시자는 생명주기를 가진다. (컴포넌트나 지시자가 생성되고 파괴될 때까지의 과정) ngOnInit() : 컴포넌트나 지시자가 생성될때 ngOnChanges() : 이벤트에 의해서 컴포넌트의 상태가 변경될시 ngOnChanges | ngDoCheck를 호출한다. ngDoCheck() : 컴포넌트의 상태 변경을 감지한 후에 항상 호출 ngAfterContentInit() : 외부 콘텐츠가 컴포넌트 뷰로 들어갈때ngAfterContentChecked() : ngAfterContentInit, ngAfterViewChecked 이후 바로 호출 되는 메서드로 뷰의 상태가 변경된 이후 처리할게 있을때 사용ngAfterViewInit() : 컴포넌트 뷰와 자식 뷰가 초기화될때ngAfterV..
-
JSDoc자바스크립트[JavaScript] 2017. 9. 12. 10:24
JSDoc JSDoc은 javascript 모듈에서 사용되는 각각의 클래스, 함수들에 대한 정의를 JSDoc에서 정의한 표준 주석양식에 맞춰 작성하게 되면 그에따른 자동화된 개발 래퍼런스 문서가 만들어지게 된다. 마크다운 문서로 래퍼런스 문서를 제공하여 gitbook 같은 호스팅 서비스에 등재하게 되면 하나의 인쇄물로서 출력도 가능하다.이러한 방법은 개발자가 일일히 래퍼런스 문서를 만들지 않아도 래퍼런스 문서를 만들 수 있는 이점이 있으며 표준화된 주석 사용으로 협업 및 인수인계가 원할하게 된다. 사실 다른 Doc 툴도 있지만 해당 서비스가 가장 유력하다. https://github.com/jsdoc3/jsdoc JSDoc 샘플링한 문서도 같이 올려봅니다.ㅎ test.js 파일 ==========..