Jump To VB.NET

현재 사용하고 있는 Extensions.

Babel  ES6/ES7

C#

Debugger for Chrome

ESLint

GraphQL

HTML CSS Support

indent-rainbow

Markdown All in One

Path  Intellisense

Rainbow Brakets

Reactjs code snippet

REST Client

vscode-icon

vscode-styled-components

행복한 고수되셔요.

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

현재 VS Code 를 이용하여 React 로 개인 Site를 작성하고 있습니다.

VS Code 의 Emmet 기능을 확장하는 방법에 대해서 기록을 남깁니다.

제작사 WebSite 입니다.

https://www.emmet.io/

아래 YouTube 를 통해서 내용을 확인하십시오.

https://youtu.be/EzGWXTASWWo

VS Code 의 Setting.json 파일에 아래와 같이 추가하여 사용하고 있습니다.

    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "plaintext": "jade"
    },
    "emmet.syntaxProfiles": {
        "html": {
            "attr_quotes": "single",
            "indent": true,
        },
        "jsx": {
            "attr_quotes": "single",
            "indent": true,
            "self_closing_tag": true
        }
    }

npm i express mongoose body-parser cookie-parser morgan nodemon dotenv cors

Installing MongoDB on MAC
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/

Installing MongoDB on Windows
https://docs.mongodb.com/manual/tutorial/install-mongodb-on-windows/

Installing Robo3T
https://robomongo.org/

MongDB Restart
sudo brew services restart mongodb-community

npm i express-validator jsonwebtoken express-jwt formidable lodash slugify string-strip-html

killall node

kill node -p 8000

pkill -8000 node

npm start

import Link from 'next/link';

<a href='/Signin'>Sign In</a>

==> 

<Link href='/Signin'>

    <a>Sign In</a>

</Link>

npm install --save isomorphic-fetch es6-promise

npm install js-cookie

npm install nprogress

https://nextjs.org/docs

Importing CSS / Sass / Less / Stylus files

npm install @zeit/next-css

blog back end

1. blog model/blog scheme

2. blog route

3. add blog route to server.js

4. blog controller

5. postman test

Text Editor

npm install react-quill 

npm i moment react-render-html

DISQUS commenting System

www.disqus.com

npm i prop-types

https://github.com/kriasoft/react-starter-kit/blob/master/docs/recipes/how-to-integrate-disqus.md

Email system

sendgrid.com

in backend

npm i @sendgrid/mail

decode token

in frontend :

npm i jsonwebtoken // to decode token.