johnnykoo84’s gists

johnnykoo84 / todolist.jsx

Created January 29, 2017 06:04 — forked from marekdano/todolist.jsx

Simple Todo list app using React and ES6 with functions delete a todo and/or mark a todo as done

johnnykoo84 / Redux-Form-Semantic-UI-React

Created August 27, 2017 08:25 — forked from mairh/Redux-Form-Semantic-UI-React

Semantic-UI-React form validation using redux-form example

	// semantic-ui-form.js

	import React from 'react';
	import PropTypes from 'prop-types';
	import { Form, Input } from 'semantic-ui-react';

	export default function semanticFormField ({ input, type, label, placeholder, meta: { touched, error, warning }, as: As = Input, ...props }) {
	function handleChange (e, { value }) {
	return input.onChange(value);
	}

johnnykoo84 / package.json

Created September 14, 2018 00:59

johnnykoo84 / App.js

Created September 14, 2018 01:04

	import React, { Component } from "react";
	import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
	import { Query } from "react-apollo";
	import jwtDecode from "jwt-decode";

	import "./styles/styleIndex";
	import {
	Header,
	Footer,
	Home,

johnnykoo84 / index.js

Created September 14, 2018 01:13

	import React from "react";
	import ReactDOM from "react-dom";
	import { ApolloProvider } from "react-apollo";
	import client from "./apollo/client";
	import App from "./App";

	const wrappedApp = (
	<ApolloProvider client={client}>
	<App />
	</ApolloProvider>

johnnykoo84 / index.html

Created April 17, 2019 14:45

	<head>

	<link
	rel="stylesheet"
	href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
	integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
	crossorigin="anonymous"
	/>
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

johnnykoo84 / App.js

Created April 17, 2019 14:47

	import React, { Component } from 'react';
	import './App.css';

	class App extends Component {
	render() {
	return <div className="App">Hello World</div>;
	}
	}

	export default App;

johnnykoo84 / App.css

Created April 17, 2019 14:48

johnnykoo84 / koreanjs 응답 예시

Created April 17, 2019 14:49

	[
	{
	id: 1,
	title: "대한민국은 국제평화의 유지에 노력하고 침략적 전쟁을 부인한다.",
	content: "주거에 대한 압수나 수색을 할 때에는 검사의 신청에 의하여 법관이 발부한 영장을 제시하여야 한다. 대한민국은 국제평화의 유지에 노력하고 침략적 전쟁을 부인한다. 국가유공자·상이군경 및 전몰군경의 유가족은 법률이 정하는 바에 의하여 우선적으로 근로의 기회를 부여받는다. 여자의 근로는 특별한 보호를 받으며, 고용·임금 및 근로조건에 있어서 부당한 차별을 받지 아니한다. 모든 국민은 주거의 자유를 침해받지 아니한다.",
	createdAt: "2019-02-24T16:17:47.000Z",
	updatedAt: "2019-02-24T16:17:47.000Z",
	UserId: 1
	},
	{

johnnykoo84 / render

Created April 17, 2019 14:50

Johnny Ilmo Koo johnnykoo84