클로저(closure) 내부 함수 내에서 외부 함수의 변수에 접근하는 것을 말한다. (그 반대는 안됨!) 외부 함수에서 변수를 선언하고 그 변수를 내부 함수가 사용하고 있다면, 내부 함수가 끝날 때까지 소멸하지 않는다. 예제 function outFunc() { var out = 'outFunc'; function inFunc() { var inf = 'inFunc'; return console.log(out + ', ' + inf); } inFunc(); } outFunc(); // outFunc, inFunc 해당 함수를 실행하면, 내부함수 안에 out이라는 변수가 존재하여 값이 outFunc, inFunc 가 나오는 것을 볼 수 있다. 그렇다면, 내부함수에서 out을 빼보고 inFunc 안에 브레이..
gulp-javascript-obfuscator 코드가 외부로 노출되지 않도록 코드를 난독화합니다. minify, uglify 를 통해 경량화 하는 것만으로 코드의 가독성을 낮출 수는 있지만, 노력만 있다면 코드를 충분히 볼 수 있습니다. 그렇기 때문에 가독성을 더 떨어트리기 위해 gulp-javascript-obfuscator 를 사용합니다. // 설치 npm install --save gulp-javascript-obfuscator 사용방법 // 사용 return gulp.src('src/*.js') .pipe(concat('main.js')) .pipe(uglifyes()) // es6 => es5 .pipe(babel()) // 난독화 추가 .pipe(obfuscator({ compact: tru..
gulp-babel gulp에서 es6 문법을 es5로 트랜스파일링 하기 위해 사용하는 모듈이다. // gulp-babel 설치 npm install --save-dev gulp-babel 설치가 완료되면 가져다가 쓰면 된다. import babel from 'gulp-babel'; return gulp.src('src/*.js') .pipe(concat('main.js')) .pipe(uglifyes()) // es6 => es5 .pipe(babel()) 참고 // 바벨 컴파일러 코어 다운 npm install --save-dev @babel/core 만약에 오류가 나면 gulp-babel: "^7.0.0" 으로 내려보자.
자바스크립트의 this 자바스크립트의 this 는 상황에 따라 달라집니다. 자바스크립트의 일반적인 this 는 전역 객체를 바라봅니다. 또한 use strict 모드에서는 this 는 undefined 입니다. // 일반함수 (전역객체) function normal() { console.log(this); // Window // 내부함수 (전역객체) 함수의 함수를 선언해도 this 는 Window 로 같습니다. function inside() { console.log(this); // Window } inside(); } normal(); // 콜백함수 (전역객체) // 화살표 함수 (전역객체) const cb = { callback: function() { setTimeout(function() { c..
Fork Fork는 가볍고 빠른 GIt GUI 클라이언트 입니다. (소스트리, 깃 크라켄.. 등등) 깃 클라이언트를 사용하면, 기존의 커맨드로 실행했던 기능들을 GUI로 제공함으로써 편리하게 관리할 수 가 있다. 현재 Fork는 Mac, Windows 를 제공하고 있다. Fork 다운 아래 링크로 들어가서 자신에 맞는 OS 를 선택하여 다운합니다. 링크: https://git-fork.com/ 사용하고자 하는 username과 email을 써주면 됩니다. (깃 커밋시 사용)
HTTPS 도 있는데..? 깃허브에서 SSH 와 HTTPS 두 개를 지원하는 것을 볼 수 있을 것입니다. HTTPS 는 이제 아이디, 비밀번호로 인증하는 것이고, SSH는 SSH key를 가지고 인증합니다. 저는 SSH 를 선호하는 사람이기 때문에, SSH 키에 대한 설명을 하겠습니다. SSH 키를 만드는 이유 깃 서버에서 코드를 push, pull, clone 하기 위해 SSH 를 사용합니다. SSH 키가 없이 위의 동작을 할시에는 제대로 동작(Permssion denied)이 되지 않을 것입니다. 그러므로 깃허브 설정에서 SSH 키를 등록해주어야 합니다. SSH 공개키와 개인키를 만들기 공개키와 개인키를 한 쌍으로 만들어야 하는데, 공개키는 내가 사용하고자 하는 깃서버에 등록해놓는 용도이고 개인키는 ..
- Total
- Today
- Yesterday
- openAI
- vue router
- NUXT
- nextjs14
- svelte
- 타입스크립트
- Git
- Vite
- 서버 to 서버
- 스벨트
- 깃허브
- NextJS
- Storybook
- vscode
- nodejs
- dockerfile
- nextjs13
- vue composition api
- 티스토리챌린지
- github
- docker
- cors
- webpack
- AWS
- Github Actions
- seo
- 오블완
- React
- nuxt2
- 네이버 서치 어드바이저
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
26 | 27 | 28 | 29 | 30 | 31 |