728x90 Programming/Javascript23 Regex 기본 VSCode에서 주석 백그라운드 색 지정을 하면서 regex를 사용해야 했습니다. 평소에 정리해야지 했었는데 이번을 기회로 정리하게 되었습니다. Regular Expressions (Regex) Tutorial: How to Match Any Pattern of Text를 참조하였고 자세한 내용을 동영상을 참고하셔도 좋을 것 같습니다. 주요 regex . - Any Character Except New Line \d - Digit (0-9) \D - Not a Digit (0-9) \w - Word Character (a-z, A-Z, 0-9, _) \W - Not a Word Character \s - Whitespace (space, tab, newline) \S - Not Whitespace (sp.. 2019. 11. 24. absolute와 flex로 블록 중간에 두기 position:absolute와 display:flex로 블록을 화면 중간에 둘 수 있다. Block Login .test { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; justify-content: center; align-items: center; } 배경색은 html, body, *, 각 블록 별로 자유롭게 설정 차레대로 살펴보자 position : absolute absolute 포지션을 사용하게 되면 기준은 화면의 제일 왼쪽 상단 (0,0)에서 시작한다. position: absolute; top: 0; bottom: 0; left: 0; right: 0; top, bottom, left, right의 속성.. 2019. 11. 20. React import 자동완성 프로젝트 최상위 폴더에 jsconfig.json 파일을 생성합니다. ctrl + space를 누르면 자동완성으로 무언가가 뜹니다. { "compilerOptions": { "target": "es6" } }위의 설정은 불러오려는 컴포넌트 파일이 vscode 어딘가에 열려있지 않아도 자동완성을 통해 컴포넌트를 불러올 수 있습니다. 2019. 11. 17. 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. 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. 이전 1 2 3 4 다음 728x90
