Minjun Kim velopert

## SassMeister-input-HTML.html
<div class="avatar"></div>

## ValidationExample.js


class ValidationExample extends React.Component {
    /* ... */
}

Content.propTypes = {

    // JS primitive types
    optionalArray: React.PropTypes.array,

## main.js
var express = require('express');
var morgan = require('morgan'); // 서버 로그 콘솔에 기록
var bodyParser = require('body-parser'); // JSON 형태 데이터 파싱

// EXPRESS 생성
var app = express();

// 3rd party middleware 적용
app.use(morgan('dev'));
app.use(bodyParser.json());

## main.js
var express = require('express');
var morgan = require('morgan'); // 서버 로그 콘솔에 기록
var bodyParser = require('body-parser'); // JSON 형태 데이터 파싱

// EXPRESS 생성
var app = express();

// 3rd party middleware 적용
app.use(morgan('dev'));
app.use(bodyParser.json());

## gist:fda936bee7493eb64314f82adfc28095
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#

## README.md

      
              2 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                velopert
                / README.md
            
            
              Created
              August 21, 2016 09:17
                — forked from zenorocha/README.md
            
              
                A template for Github READMEs (Markdown) + Sublime Snippet
              
          
    Project Name

TODO: Write a project description
Installation

TODO: Describe the installation process
Usage


## README-Template.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              0 stars
            
          
                velopert
                / README-Template.md
            
            
              Created
              August 21, 2016 09:17
                — forked from PurpleBooth/README-Template.md
            
              
                A template to make good README.md
              
          
    Project Title

One Paragraph of project description goes here
Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
Prerequisities


## react-tutorial-01-outdated.md

      
              1 file
            
          
              2 forks
            
          
              1 comment
            
          
              0 stars
            
          
                velopert
                / react-tutorial-01-outdated.md
            
            
              Last active
              July 18, 2017 13:32
            
              
                [React.JS] 강좌 1편 소개 및 맛보기 (Outdated)
              
          
이 강좌는 outdated 되었습니다. 최신화된 포스트는 https://velopert.com/775 에서 열람하세요.

이 강좌에서는 React에 대한 간략한 정보와 특징에 대하여 알아보고,
간단한 예제를 통해 React를 사용해보도록 하겠습니다.
본 강좌는 ReactJS를 처음 배우는 JavaScript 개발자들을 대상으로 작성됐으며 앞으로 연재될 강좌를 수월하게 진행하려면,
Javascript, HTML5, CSS에 대한 전반적인 지식이 필요합니다.
또한, 앞으로 사용 될 자바스크립트 문법은 ECMAScript 6 이므로, 배경지식을 알고있으면 도움이 됩니다.
허나, 이에 대해서 아직 잘 알지 못하더라도 강좌를 진행하면서 차근차근 배워나갈 예정이니 걱정하지 않으셔도 됩니다.


## vscode-extensions.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                velopert
                / vscode-extensions.md
            
            
              Created
              October 10, 2016 03:03
            
              
                VSCode Extensions
              
          
    Mateiral Neutral Theme

ESLint

Babel ES6/ES7

Code Beautifier

Material Icon Theme

Guides

React-Beautify

jsx

Reactjs code snippets

  
## 각 운영체제별 Node.js 및 에디터 설치.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              1 star
            
          
                velopert
                / 각 운영체제별 Node.js 및 에디터 설치.md
            
            
              Last active
              August 6, 2020 08:00
            
              
                각 운영체제별 Node.js 및 에디터 설치
              
          
    설치 할 항목


Node.js : 리액트 프로젝트를 준비하기 위해 필요한 webpack, babel 등의 도구들을 실행하는데에 사용됩니다.
Yarn : 자바스크립트 패키지를 관리하기 위해서 사용됩니다. Node.js 를 설치하면 npm 이 설치되어서 npm 으로 해도 되긴 하지만, yarn을 사용하면 훨씬 빠릅니다.
Code Editor (VS Code, Atom, ...) : 코드 에디터는 여러분이 좋아하는걸 사용하시면 됩니다. 저는 VS Code 를 사용하여 강의를 진행하겠습니다.

Windows

Node.js

https://nodejs.org/ko/ 에 들어가서 좌측 LTS 버전을 설치하면 됩니다
Yarn

https://yarnpkg.com/en/docs/install#windows-tab 에 들어가서 인스톨러를 사용하여 설치하세요.


	class ValidationExample extends React.Component {
	/* ... */
	}

	Content.propTypes = {

	// JS primitive types
	optionalArray: React.PropTypes.array,
	var express = require('express');
	var morgan = require('morgan'); // 서버 로그 콘솔에 기록
	var bodyParser = require('body-parser'); // JSON 형태 데이터 파싱

	// EXPRESS 생성
	var app = express();

	// 3rd party middleware 적용
	app.use(morgan('dev'));
	app.use(bodyParser.json());
	# Your snippets
	#
	# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
	# expand the prefix into a larger code block with templated values.
	#
	# You can create a new snippet in this file by typing "snip" and then hitting
	# tab.
	#
	# An example CoffeeScript snippet to expand log to console.log:
	#