Skip to content

Instantly share code, notes, and snippets.

Minjun Kim velopert

Block or report user

Report or block velopert

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View ValidationExample.js
class ValidationExample extends React.Component {
/* ... */
}
Content.propTypes = {
// JS primitive types
optionalArray: React.PropTypes.array,
@velopert
velopert / main.js
Created Jun 30, 2016
간단한 Express 사용 에제
View 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());
@velopert
velopert / main.js
Created Jun 30, 2016
간단한 Express 사용 에제
View 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());
View 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:
#
@velopert
velopert / README.md
Created Aug 21, 2016 — forked from zenorocha/README.md
A template for Github READMEs (Markdown) + Sublime Snippet
View README.md

Project Name

TODO: Write a project description

Installation

TODO: Describe the installation process

Usage

@velopert
velopert / README-Template.md
Created Aug 21, 2016 — forked from PurpleBooth/README-Template.md
A template to make good README.md
View README-Template.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

@velopert
velopert / react-tutorial-01-outdated.md
Last active Jul 18, 2017
[React.JS] 강좌 1편 소개 및 맛보기 (Outdated)
View react-tutorial-01-outdated.md

이 강좌는 outdated 되었습니다. 최신화된 포스트는 https://velopert.com/775 에서 열람하세요.
이 강좌에서는 React에 대한 간략한 정보와 특징에 대하여 알아보고, 간단한 예제를 통해 React를 사용해보도록 하겠습니다.

본 강좌는 ReactJS를 처음 배우는 JavaScript 개발자들을 대상으로 작성됐으며 앞으로 연재될 강좌를 수월하게 진행하려면, Javascript, HTML5, CSS에 대한 전반적인 지식이 필요합니다.

또한, 앞으로 사용 될 자바스크립트 문법은 ECMAScript 6 이므로, 배경지식을 알고있으면 도움이 됩니다. 허나, 이에 대해서 아직 잘 알지 못하더라도 강좌를 진행하면서 차근차근 배워나갈 예정이니 걱정하지 않으셔도 됩니다.

View vscode-extensions.md

Mateiral Neutral Theme
ESLint
Babel ES6/ES7
Code Beautifier
Material Icon Theme
Guides
React-Beautify
jsx
Reactjs code snippets

@velopert
velopert / 각 운영체제별 Node.js 및 에디터 설치.md
Last active May 22, 2018
각 운영체제별 Node.js 및 에디터 설치
View 각 운영체제별 Node.js 및 에디터 설치.md

설치 할 항목

  • 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 에 들어가서 인스톨러를 사용하여 설치하세요.

You can’t perform that action at this time.