본문 바로가기
728x90

전체 글125

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.
MySQL Database export & import Database backup database export mysqldump -u id -p password database > database.sqldatabase import mysql -u id -p password database < database.sqlbefore you import the database, login into mysql and create an empty schema so that you can import from the exported database. 2019. 11. 1.
728x90