Web
-
nodemonWeb/nodeJS 2019. 11. 27. 16:24
#️⃣node.js 소스 수정시 자동으로 서버 재시작해줌. #️⃣설치 ➡️Terminal 입력 npm install nodemon -D -D (for the dev.) : 프로젝트에 필요한 프로그램이 아니라 개발자에게 필요한 프로그램이므로 package.json 파일에서 'dependencies'가 아니라 'devDependencies'파일에 들어가도록 하는 것. ➡️package.json 수정 "scripts": { "start": "nodemon --exec babel-node index.js --delay 2" }, --exec : 찾은 파일들을 대상으로 뒤에 나오는 명령어를 실행하라는 의미. --delay 2 : 2초 기다렸다가 sever재시작 출처: https://webdir.tistory.co..
-
Babel: JavaScript compilerWeb/JavaScript 2019. 11. 27. 15:58
#️⃣Modern JavaScript code를 browser-compatible JavaScript로 변환해준다. #️⃣설치하는 방법 ➡️Terminal 입력 npm install @babel/node ➡️Presets에서 원하는 stage를 고른다. stage-0: 가장 실험적인 수준 stage-3: 브라우저에게 일정 부분만 받아들여짐 env: 가장 최신 ➡️Terminal 입력 npm install @babel/preset-env ➡️.babelrc 파일 생성, 아래 코드 입력 { "presets":["@babel/preset-env"] } ➡️pakage.json의 'scripts'부분 변경 "scripts": { "start": "babel-node index.js" } ➡️Terminal 입력..
-
Express on the npm.(Download & Git upload)Web/Express 2019. 11. 26. 21:47
#️⃣iTerm or Terminal >> On mkdir wetube >> wetube디렉토리로 이동한다. cd wetube >> ls >> Lists the contents of the directory. 디렉토리의 컨텐츠 나열 clear >> 클리어 code . >> VSC로 이동 ------------------------------------------------------------------------------------------------- #️⃣NPM *npm : Node Package Manager express를 홈페이지로 다운받아서 사용할 수 있지만, 그러면 업데이트 될 때마다 다시 다운로드 받아야하고 이메일 체킹을 해야하는 번거로움이 있음. Javascript 세상의 모든것이..
-
Express.jsWeb/Express 2019. 11. 20. 18:29
프레임워크 몇 줄의 코드로 서버를 만들 수 있다. -node.js에서 작동하는 프레임워크는 Express. -Django is framework for Python. -Rails is framework for Ruby. -Laravel is framework for PHP. EXpress.js 매우 안정적이고 거의 완성되어있음. 매우 간단하게 node.js를 사용하여 빠르게 서버를 만들 수 있다. NPM Npm means "Node Package Manager." How do we download them? NPM comes included with every node.js download. Express설치할때 주의사항 package.json이 없는 파일에서 실행하면 package.json을 또 다른 ..
-
Node.jsWeb/nodeJS 2019. 11. 20. 17:37
자바스크립트 : 브라우저를 위해 고안된 언어. Node.js : 내장되어있는 자바스크립트를 브라우저 밖으로 가지고 나와서 유저가 사용할 수 있게 한 것. Laravel이나 장고를 쓰지 않고 Node.js를 써야하는 때? 아무것도 들어있지 않지만 필요한 것을 마음대로 추가할 수 있음 많은 데이터를 다뤄야 할 때(Database...많은 유저들, 실시간...채팅) Laravel(PHP)이나 장고(파이썬)를 써야하는 때? 이것저것 필요한 게 다 들어있는 걸 원할 때 사용하려면 먼저 배워야 함 (동영상 처리 서버, 동영상 처리, 유튜브...서버의 램이나 하드웨어를 건드려야 할 때)
-
리액트 네이티브 VS 플러터Web/React 2019. 11. 19. 14:24
리액트 네이티브 VS 플러터 리액트 네이티브(함수형) 페이스북이 만듬, 플러터에 비해 지원이 적고 오픈소스 프로젝트임 페이스북도 리액트 네이티브에 100% 의존하지 않음 뭔가 필요하면 외부에서 가져와야함 호스트의 규칙을 존중함 자바스크립트 (npm 패키지) 이용가능 버그가 많음 플러터(객체지향) 구글이 만듬, 지원이 어마무시함, 모든 걸 그 안에서 제공하려고 함. 네이게이션, 카메라, 아이콘, 애니메이션, 트랜지션 등이 이미 다 갖춰져있음. 올인하다가 서비스를 갑자기 종료하기도 함 구글의 규칙이 강하게 나타난다. 그걸 없애는데 시간이 걸림. Dart가 슈퍼 객체지향 구글이 정리를 아주 잘해놨음(영상으로도 잘 설명되어있음) 버그가 거의 없고 모든 것이 스무쓰함 리액트 네이티브에서 쉬운 것은 어렵고 리액트 ..
-
PostCSS-SelectorsWeb/CSS 2019. 10. 30. 06:30
:maches HTML link link link link link link link link CSS li:matches(:nth-child(even), .target) { background-color: blue; } Output 예상되는 결과 : 짝수child(2, 4, 6, 8)와 target class(3)에 배경화면 blue가 설정될 것이다. *even : 짝수/odd : 홀수 :not HTML link link link link link link link link HTMLHTML CSS li:not(.target) { background-color: red; } Output