Skip to content

Instantly share code, notes, and snippets.

View velopert's full-sized avatar

Minjun Kim velopert

3.7k followers · 34 following
View GitHub Profile
@velopert
velopert / SassMeister-input-HTML.html
Created June 4, 2016 14:58 — forked from sturobson/SassMeister-input-HTML.html
Generated by SassMeister.com.
<div class="avatar"></div>
@velopert
velopert / ValidationExample.js
Created June 12, 2016 11:37
class ValidationExample extends React.Component {
/* ... */
}
Content.propTypes = {
// JS primitive types
optionalArray: React.PropTypes.array,
@velopert
velopert / main.js
Created June 30, 2016 15:41
간단한 Express 사용 에제
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 June 30, 2016 15:41
간단한 Express 사용 에제
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 / gist:fda936bee7493eb64314f82adfc28095
Created August 18, 2016 14:14
dfgdfg
# 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 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

@velopert
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

@velopert
velopert / reducer.js
Created May 9, 2017 17:51
solution, using immutablejs
import { List, Map, fromJS } from 'immutable';
const initialState = Map({
fruits: fromJS([ // this will turn this array into List of Map
{
"itemName": "banana",
"price": 1.00,
"quantityRemaining": 10
},
{
@velopert
velopert / App.js
Last active May 20, 2017 07:45
LifeCycle API 실습
import React, {Component} from 'react';
import ColorBlock from './ColorBlock';
function getRandomColor() {
return '#' + Math.floor(Math.random()*16777215).toString(16);
}
class App extends Component {
constructor(props) {
super(props);
@velopert
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 이므로, 배경지식을 알고있으면 도움이 됩니다. 허나, 이에 대해서 아직 잘 알지 못하더라도 강좌를 진행하면서 차근차근 배워나갈 예정이니 걱정하지 않으셔도 됩니다.