TIL: button 공통 컴포넌트 만들었음 - Team4. 백 오피스 (1)

앞으로의 과제

• 전역 데이터 관리
• 조건별 검색 / 초기화 버튼
• UI 디자인
• navLink
• local DB
• test case

Keyword

• html table: thead와 tbody를 사용하자
• button 컴포넌트: 이게 되네..?

import cx from 'classnames'
import styles from './ButtonBasic.module.scss'
import { MouseEventHandler } from 'react'

interface Props {
  buttonName: string
  buttonSize: string
  onClick?: MouseEventHandler<HTMLButtonElement>
}
const ButtonBasic = ({ buttonName, buttonSize, onClick }: Props) => {
  const SIZES = {
    large: styles.largeButton,
    middle: styles.middleButton,
    small: styles.smallButton,
  }[buttonSize]

  return (
    <button type='button' onClick={onClick} className={cx(styles.basicButton, SIZES)}>
      {buttonName}
    </button>
  )
}

export default ButtonBasic

• dayjs, datepicker: dayjs는 dayjs type이고 datepicker는 Date type이다..

• foundation 코드 없이 개발 환경 세팅을 할 수 있을까..

인연

이 지구상 어느 한 곳에 요만한 바늘 하나를 꼽고
저 하늘 꼭대기에서 밀실을 또 딱 하나 떨어뜨리는 거야
그 밀실이 나풀나풀 떨어져서 그 바늘 위에 꽂힐 확률

중력에 떠내려가는 삶을 뒤 돌아 올려 본다
계산도 안되는 기가 막힌 확률로 함께한 사람들

그 중에 유독 기억에 남는 사람들이 있다

주어진 자원을 최대한 활용하여
가장 도전적인 행위를 한다

새로운 성장 기회를 찾고
지속해 나간다

성취하는 사람들은 그런 것 같다