JavaScript│Node js67 타입 스크립트 rest api 만들기 https://www.npmjs.com/package/typescript-rest 우선 링크 대로 모듈을 설치한다. InstallationThis library only works with typescript. Ensure it is installed:npm install typescript -gTo install typescript-rest:npm install typescript-rest --save설치하고 컨트롤러를 작성한다 import { Path, GET, PathParam, POST, Errors, DELETE } from 'typescript-rest'; @Path('/api') export class AccountController { @Path('/groupId') @GET public .. 2019. 3. 21. node js 간단 mysql 사용 방법 node js 로 mysql 을 연동해본다. WebStorm 개발환경에서는 쉽게 node js ( express.js )프로젝트를 생성할 수 있다. mysql 을 사용하려면 모듈을 받는다. >> npm install mysql 모듈을 받고 코드 작성을 한다. 아래는 index.js의 코드이다. var express = require('express'); var router = express.Router(); var mysql = require('mysql'); var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : '1111', port : '3306', database : 'nodemysql' }); .. 2019. 2. 7. React Progressive web app 튜토리얼 ( 만들고 , firebase에 배포하기 ) create-react-app 앱 이름 (firebase console 에도 프로젝트 생성) 1. yarn build프로젝트를 build 한다. 2. npm install firebase-tools firebase 모듈 다운로드 3. firebase init ready to proceed? yes what do you want to use as your public directory ? build Configure as a single-page app ( rewrite all urls to /index.html )? yes File build/index.html already exists. overwrite? no 로그인을 하지 않으면 3번이 안 될수도 있다. 그럴때는 firebase login 명령어 .. 2018. 11. 11. React componentWillMount , ComponentDidMount 메소드 리액트 js 컴포넌트에는 lifeCycle API 라는 것이 있다. lifeCycle API 에서 제공하는 함수 목록 Mounting Cycle constructor (object props) componentWillMount() render() -> React Element componentDidMount() Updating Cycle componentWillReceiveProps(object nextProps) shouldComponentUpdate(object nextProps, object nextState) componentWillUpdate(object nextProps , object nextState) render() -> React Element componentDidUpdate(obje.. 2018. 11. 9. 리액트 props , state props 와 state 는 리액트 컴포넌트에서 다루는 데이터다. props 부터 살펴보자. 앞의 글에서 app.js 를 통해서 화면을 조작했다. 여기서는 새로운 js파일을 만들것이다. MyName.js 를 만들었다. import React, {Component} from 'react'; class MyName extends Component { render() { return ( hello my name is {this.props.value} ); } } export default MyName; 이것 또한 export한다. app.js 에서 가져다 쓴다. import React, { Component } from 'react';import MyName from './MyName';import './Ap.. 2018. 11. 8. 이전 1 ··· 5 6 7 8 9 10 11 ··· 14 다음
