728x90 분류 전체보기126 javascript 함수 vs 화살표 함수 요즘 바닐라 자바스크립트로 디자인패턴에 대해서 공부하던 중 일반함수와 화살표함수(arrow function)이 가르키는 this가 다르다는 것을 알게 되었습니다. 예전부터 궁금했던 내용이었는데, 정리하는 시간을 가져보았습니다. 1. 일반함수 this는 자신이 종속된 객체를 나타낸다. function normalFunction() { this.name = "화살표 함수"; return { name: "일반함수", call: function() { console.log(this.name); } }; } const nfunc = new normalFunction(); nfunc.call(); 위의 예제의 경우, this는 return하는 객체를 나타낸다. { name: "일반함수", call: function.. 2019. 11. 17. intellij 코드 백그라운드 설정 주석이 잘 안보여서 백그라운드와 폰드 색상을 바꾸어서 구분이 되게 하려고 합니다. file -> settings -> Editor -> Color Scheme -> 원하는 언어 선택 아래와 같이 나옵니다. 2019. 11. 14. input 태그에 숫자 format 숫자만 넣기 onkeydown='onlyNumberAllow(event)' function onlyNumberAllow(e){ var key = e.keyCode; if(key >= 48 && key 2019. 11. 11. Sass extension 없이 사용하기 install Sass local computer npm init npm install node-sass --save-dev // npm uninstall node-sasspackage.json "script":{ "compile:sass":"node-sass sass/main.scss css/style.css -w" } -w sass 파일을 계속 watch 검색하여 compile 할 수 있도록 terminal 아래 커맨드를 실행하면 매 변경마다 자동적으로 sass를 컴파일합니다. npm run compile:sasslive server sudo npm install live-server -g아래 커맨드를 사용하면 라이브서버를 백그라운드에서 실행가능합니다. live-server 2019. 11. 10. Sass 간단 사용법 사진이 보이지 않으시다면 Notion에서도 볼 수 있습니다. SCSS Date: Nov 10, 2019 설치 아래의 extension을 vscode에서 설치 해주세요 live sass compiler live server live sass compiler 사용 index.html 준비 Hello World sass 파일 생성 style.scss body { background : pink } live sass 실행 cmd + shift + p live sass 아래와 같이 output 결과가 나오면서 scss가 css로 컴파일 됩니다. 아래와 같이 style.css와 style.css.map을 생성하게 됩니다. style.css 연결 이제 컴파일된 css 파일을 index.html에 연결하면 됩니다. 아.. 2019. 11. 10. React, Webpack으로 기본설정하기 이 글은 React webpack from the scratch의 영상과 제 나름의 조사를 통해 작성한 글입니다. 원본 소스는 버전이 바뀌면서 많이 다릅니다. 참조하실 분들은 저의 github에서 소스코드를 받으실 수 있습니다. 1. package.json npm init package.json 생성 2. react npm install react react-dom yarn일 경우 yarn add react react-dom react 리액트 라이브러리 react-dom browser, dom, webapp 관리 3. babel npm install --save-dev @babel/core babel-loader @babel/preset-react @babel/preset-env yarn일 경우 yarn.. 2019. 11. 3. 이전 1 ··· 17 18 19 20 21 다음 728x90
