Minjun Youn sdymj84

## form-template1.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
* {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: arial, sans-serif;

## How to sync Firestore in React
// Component

import { compose } from 'redux'
import { connect } from 'react-redux'
import { firestoreConnect } from 'react-redux-firebase'

const mapStateToProps = (state, ownProps) => {
 return {
  projects: state.firestore.ordered.projects
 }

## firebase.functions.index.js
const functions = require('firebase-functions');
const admin = require('firebase-admin')
admin.initializeApp(functions.config().firebase)

exports.helloWorld = functions.https.onRequest((request, response) => {
  response.send("Hello Minjun!");
});

// Both of below lines return firestore database object
// admin.firestore() in cloud function

## Components get data from redux store using dummy data
const mapStateToProps = (state) => {
  return {
    test: state.country
  }
}

export default connect(mapStateToProps)(Home)

## 1. Child 에서 선택한 select 값을 Child 내의 state에 저장을 하고
class ChildComp extends React.Component {
  state = {
    favFlaver: "",
  }

  // 2. 요 handleChange 에서 선택된 옵션값을 가져오고 setState!
  handleChange(event) {
    this.setState({ favFlaver: event.target.value });
  }

## [React] Router Guard
import { Redirect } from 'react-router-dom'

// in function or class's render() :
const uid = this.props.uid
if (!uid) {
  return <Redirect to='/' />
}

// below component class or function
const mapStateToProps = (state) => {

## [React] Update values in nested object in array in state
state = {
    vehicles: [{
        year: "",
        make: "",
        model: "",
        color: "",
        licensePlate: "",
        state: "",
      }],
}

## serverless.yml
service: apt-api

# Use the serverless-webpack plugin to transpile ES6
plugins:
  - serverless-webpack
  - serverless-offline

custom:
  # Our stage is based on what is passed in when running serverless
  # commands. Or fallsback to what we have set in the provider section.

## qsort.js
function qsort(array) {
  if (array.length <= 1) {
    return array;
  }

  const left = [];
  const right = [];
  const pivot = array.pop();

  for (let i = 0; i < array.length; i++) {
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page Title</title>
	<style>
	* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: arial, sans-serif;
	// Component

	import { compose } from 'redux'
	import { connect } from 'react-redux'
	import { firestoreConnect } from 'react-redux-firebase'

	const mapStateToProps = (state, ownProps) => {
	return {
	projects: state.firestore.ordered.projects
	}
	const functions = require('firebase-functions');
	const admin = require('firebase-admin')
	admin.initializeApp(functions.config().firebase)

	exports.helloWorld = functions.https.onRequest((request, response) => {
	response.send("Hello Minjun!");
	});

	// Both of below lines return firestore database object
	// admin.firestore() in cloud function
	const mapStateToProps = (state) => {
	return {
	test: state.country
	}
	}

	export default connect(mapStateToProps)(Home)
	class ChildComp extends React.Component {
	state = {
	favFlaver: "",
	}

	// 2. 요 handleChange 에서 선택된 옵션값을 가져오고 setState!
	handleChange(event) {
	this.setState({ favFlaver: event.target.value });
	}
	import { Redirect } from 'react-router-dom'

	// in function or class's render() :
	const uid = this.props.uid
	if (!uid) {
	return <Redirect to='/' />
	}

	// below component class or function
	const mapStateToProps = (state) => {
	state = {
	vehicles: [{
	year: "",
	make: "",
	model: "",
	color: "",
	licensePlate: "",
	state: "",
	}],
	}
	service: apt-api

	# Use the serverless-webpack plugin to transpile ES6
	plugins:
	- serverless-webpack
	- serverless-offline

	custom:
	# Our stage is based on what is passed in when running serverless
	# commands. Or fallsback to what we have set in the provider section.
	function qsort(array) {
	if (array.length <= 1) {
	return array;
	}

	const left = [];
	const right = [];
	const pivot = array.pop();

	for (let i = 0; i < array.length; i++) {