Frameworks/Node.js

Svelte(스벨트) 란? 사용자 UI를 쉽게 만들 수 있게 해주는, 프론트엔드 프레임워크 Svelte의 특징 적은 코드로 작성할 수 있다 - 높은 가독성 - 개발 시간 단축 - 쉬운 리팩토링 - 쉬운 디버깅 - 작은 번들 - 낮은 러닝 커브 가상 dom이 없다 (바닐라 js 사용하므로 빠르다) HTML 위에서 작동한다 ( Tailwind Css나, Django의 템플릿 과 비슷하게 작동 ) Svelte의 작동방식 우리가 Svelte 코드를 이용해 HTML에 모든 js, css를 구현하면, Svelte는 Svelte 코드를 바닐라js, css로 변환해주고, 브라우저는 이를 사용해 화면을 만든다(렌더링) Svelte 코드와, Vue, React 코드 비교 ( 동일한 기능 구현 ) 1. React impor..

nodemon 이란? [Node.js] nodemon이란? / 사용법 nodemon이란? Node.js 서버가 실행 중일때 javascript코드가 변경을 감지해서, 그에 따른 결과를 바로 바로 반영해 주는 Node.js 패키지 nodemon의 필요성 코드의 변경 결과를 바로바로 확인 할 수 있어, 원 defineall.tistory.com Babel 이란? [Node.js] Babel (바벨) 이란? / 사용법 babel 이란? 최신 ES6, ES7 버전의 javascript코드를, ES5버전의 코드로 바꾸어주는 Node.js 패키지 babel의 필요성 / 쓰는 곳 자주변하는 javascript 최신 코드를 이해하지 못하는 웹 브라우저에서도 페이지에 defineall.tistory.com nodemon..

1. javascript로만 서버 만들기 HTTP 웹서버를 만드는 http 모듈 불러오기 // index.js // Node.js 환경이어야, require 사용가능 var http = require('http'); 웹서버에 사용할 서버주소, 포트 설정하기 var hostname = '127.0.0.1'; var port = 3000; HTTP 모듈 이용해서 웹서버 만들기 // createServer : 웹서버 생성 http.createServer(function(req, res){ // 화면에 응답(res)할 헤더 작성하기 res.writeHead(200, { 'Content-Type': 'text/plain' }); // 화면에 응답(res)할 내용 작성하기 res.end('Hello World\n'..

로컬 설치란? ( npm i ) Node.js 패키지를 프로젝트 폴더 내부에 설치하는 것 글로벌 설치란? ( npm i -g ) Node.js 패키지를 컴퓨터 폴더에 설치하는 것 ( 모든 프로젝트에서 사용가능 ) 추천 설치법 로컬설치 글로벌설치 코드 내부에서만 사용할 경우 명령창에서 사용할 경우 ( 로컬 설치시, 문제 발생할 수 있음 )

mysql이란? 관계형 데이터 베이스의 한 종류. 전세계에서 가장 유명한 데이터 베이스 mysql 설치 ( Node.js 패키지 ) npm i -g mysql // -g : 글로벌 설치 DB 연결하기 import mysql from 'mysql'; // createConnection : 접속하고 싶은 DB정보 입력 var connection = mysql.createConnection({ host: 'localhost', user: 'jinho', password: '1111', database:'react_test' }); // DB 연결 connection.connect(); 쿼리문 사용하기 import mysql from 'mysql'; // createConnection : 접속하고 싶은 DB정보..

nodemon이란? Node.js 서버가 실행 중일때 javascript코드가 변경을 감지해서, 변경시마다 명령어를 실행 수 있게 해주는 Node.js 패키지 nodemon의 필요성 js코드의 변경 결과를 바로바로 확인 할 수 있어, 원하는 데로 수정하기 쉽다. 관리중인 javascript가 정상적으로 종료되면, 스크립트를 자동으로 다시 시작해준다! nodemon 설치 npm i -g nodemon // -g : 글로벌설치 nodemon 사용법 // nodemon으로 javascript 실행 nodemon index.js // -e ( --ext ) : 감지할 확장자 지정 nodemon -e ts // -x ( --exec ) : 외부 명령어 사용 nodemon -x // -w ( --watch ) : ..

Node.js란? [Node.js] Node.js란? / 사용법 Node.js란? 기존의 브라우져에서만 사용되던 javascript를 브라우져밖에서도 사용할 수 있도록 만들어주는 프로그램 Node.js를 쓰는 곳 알림이나 실시간 대화같이 데이터의 실시간 처리가 필요한 앱을 defineall.tistory.com Typescript란? [Typescript] Typescript 란? / Typescript 사용법 Typescript란? javascript ES5, ES6를 여러가지 규칙을 적용할 수 있도록 확장한 프로그래밍 언어 Typescript의 필요성 규칙을 사용해 버그를 최소화하고, 결과를 더 쉽게 예측 할 수 있다 ES6로 작성된 코드 defineall.tistory.com Node.js에서 ty..

1. Cannot use import statement outside a module package.json에서, 모듈 선택 방법을 import로 설정해주지 않았기 때문에 // 설정법 (package.json에 아래 내용 추가) "type" : "module"

crypto란? javascript에서 해시 함수를 통한 암호화를 할 수 있도록 해주는 Node.js 패키지 해시함수란? / 블록체인 내부의 해시함수 [프로그래밍] 블록체인이란? 블록체인이란? 정보가 담긴 블록을 체인형태로 묶은 것으로, 여러명의 사람들이 하나의 데이터를 나눠서 저장하는 기술 블록체인의 필요성 하나의 컴퓨터가 해킹당해 정보가 조작되었더라도, defineall.tistory.com crypto의 필요성 node.js 앱에서, 중요한 정보를 암호화 해, 안전하게 보호 할 수 있다 crypto 설치 Node.js 기본 패키지 이므로 따로 설치할 필요가 없다. 암호화 방법 단방향 암호화 : 복호화 할 수 없는 암호화 ( 복호화 : 암호화 되기 이전의 내용으로 되돌리는 것 ) 해시 함수 ( cry..