seungha-kim

Break week 추가 과제 1

수업 시간에 같이 만들어봤던 할 일 목록에 본인만의 디자인을 입혀서, Netlify에 배포하신 후

• Github 저장소 URL
• Netlify에 배포한 사이트 URL

을 저에게 Slack direct message로 제출해주세요.

코드를 작성하실 때, 해커톤 템플릿 프로젝트를 복사하시고 그 위에서 작업을 해 주세요. 저장소 복사하는 방법을 본 문서 하단에 적어두었으니 참고해주세요.

seungha-kim

문제 1. 배열을 입력받아, 해당 배열에 들어있는 요소들 중 최대값을 찾는 함수를 작성하세요. (루프를 이용하세요)

예:

max([3, 1, 4, 5, 2]) // -> 5

---

seungha-kim

version: "3"

services:
  proxy:
    image: abiosoft/caddy
    volumes:
      - ./Caddyfile:/etc/Caddyfile
      - .caddy:/root/.caddy # prevent from renewing certs
    network_mode: "host"
    environment:

seungha-kim

React Router에서 사용되는 컴포넌트에 대한 간략한 설명

<BrowserRouter />, <HashRouter />

• Context API의 Provider와 유사한 역할을 한다.
  • BrowserRouter의 경우 브라우저의 popstate 이벤트와 연동되어 있다.
  • HashRouter의 경우 브라우저의 hashchange 이벤트와 연동되어있다.
• 아래에 나오는 컴포넌트들은 전부 Context API의 Consumer와 유사한 역할을 한다. (즉, 상위 Router 컴포넌트와 연동되어, 상태를 받아오거나 상태를 바꿀 수 있다.)

``

seungha-kim

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
  state = {
    number1: 3,
    number2: 4
  }
  handleNumber1Change = e => {
    this.setState({

seungha-kim

import { foo, spam, add, Person } from './variables';

console.log(foo);
console.log(spam);
console.log(add(1, 2));
console.log(new Person().name);

seungha-kim

{
  "users": [
    {
      "id": 1,
      "username": "fds"
    }
  ],
  "posts": [
    {
      "id": 1,

seungha-kim

{
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "node": true,
    "jest": true
  },
  "extends": "airbnb",
  "rules": {
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],

seungha-kim

.image-list {
  width: 500px;
}

seungha-kim

.authed .loading,
.not-authed .loading {
  display: none;
}

.login {
  display: none;
}

body.not-authed .login {