만약에 MongoDB 를 PC에 설치하는것이 부담스럽다면, mLab 에서 무료로 호스팅을 받을 수 있습니다.
회원가입 / 로그인을 하고 상단의 Create New 버튼을 누르고,
만약에 MongoDB 를 PC에 설치하는것이 부담스럽다면, mLab 에서 무료로 호스팅을 받을 수 있습니다.
회원가입 / 로그인을 하고 상단의 Create New 버튼을 누르고,
// @flow | |
import { createAction, handleActions, type ActionType } from 'redux-actions'; | |
import produce from 'immer'; | |
/* ACTION TYPE */ | |
const INCREASE = 'counter/INCREASE'; | |
/* ACTION CREATOR */ | |
const increase = createAction(INCREASE, (value: number) => value); |
import React from 'react'; | |
import PageTemplate from 'components/common/PageTemplate'; | |
import PostContainer from 'containers/post/PostContainer'; | |
import AskRemoveModalContainer from 'containers/modal/AskRemoveModalContainer'; | |
import * as postActions from 'store/modules/post'; | |
const PostPage = ({match}) => { | |
const { id } = match.params; | |
return ( |
이 강좌는 outdated 되었습니다. 최신화된 포스트는 https://velopert.com/775 에서 열람하세요.
이 강좌에서는 React에 대한 간략한 정보와 특징에 대하여 알아보고, 간단한 예제를 통해 React를 사용해보도록 하겠습니다.본 강좌는 ReactJS를 처음 배우는 JavaScript 개발자들을 대상으로 작성됐으며 앞으로 연재될 강좌를 수월하게 진행하려면, Javascript, HTML5, CSS에 대한 전반적인 지식이 필요합니다.
또한, 앞으로 사용 될 자바스크립트 문법은 ECMAScript 6 이므로, 배경지식을 알고있으면 도움이 됩니다. 허나, 이에 대해서 아직 잘 알지 못하더라도 강좌를 진행하면서 차근차근 배워나갈 예정이니 걱정하지 않으셔도 됩니다.
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); |
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 | |
}, | |
{ |
Mateiral Neutral Theme
ESLint
Babel ES6/ES7
Code Beautifier
Material Icon Theme
Guides
React-Beautify
jsx
Reactjs code snippets
# 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: | |
# |
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()); |