Hansanghyeon

https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

laravel, react (twin.macro) 에서 사용할 수 있도록 설정 파일을 저장

Laravel blade

'class' => '...' "class" => "..." 'class' => "..." "class" => '...'

Hansanghyeon

import { pipe } from 'fp-ts/function'

// jquery `.position()` 컨버팅
function position(elm: HTMLElement): { top: number; left: number } {
  return {
    top: elm.offsetTop,
    left: elm.offsetLeft,
  }
}

Hansanghyeon

import SimpleFlow from './simple-flow'

// SimpleFLow를 그릴것이다.
// SimpleFlow.drawFlow()
// // 어디다?
// const canvas = document.querySelector<HTMLElement>('#flow-canvas')
// // 어떻게?
// const { setState: setSimpleFlowSettings } = SimpleFlow.setting
// setSimpleFlowSettings({
//   lineWidth: 2,

Hansanghyeon

axios graphql reqeust

RUN TEST

https://npm.runkit.com/axios

Hansanghyeon

version: '3.8'
services:
  mongodb:
    image: mongo
    container_name: mongodb
    restart: always
    ports:
      - 27017:27017
    volumes:
      - mongodata:/data/db

Hansanghyeon

bash <(curl -s )

사전 필요한 작업

Update packages and install necessary programs

apt-get update && apt upgrade -y

Hansanghyeon

#!/bin/bash

# Update packages and install necessary programs
sudo apt-get update
sudo apt-get install -y git zsh curl

# Install oh-my-zsh
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

# Install zsh-syntax-highlighting plugin

Hansanghyeon

# current버전을 가져올 수 있도록
PACKAGES_FILE := $(CURDIR)/package.json
VERSION := $(shell grep '"version"' $(PACKAGES_FILE) | sed 's/^.*"version": "\(.*\)",.*$$/\1/')
NAME := $(shell grep '"name"' $(PACKAGES_FILE) | sed 's/^.*"name": "\(.*\)",.*$$/\1/')
# @제거해서 도커이미지 이름으로 변경
IMAGENAME := $(subst @,,$(NAME))
# .env사용하기
GH_TOKEN=$(grep GH_TOKEN .env | cut -d '=' -f2)
include .env
BUILD_ARGS = \

Hansanghyeon

# docker
alias dps="docker ps"
alias dc="docker-compose"

# git
alias gs="git status"

# utils
alias ip="curl https://checkip.amazonaws.com"

Hansanghyeon

[
    {
        "name": "tailwind media-query sm (min: 640px) / scss",
        "text": "@media (min-width: theme('screens.sm')) ",
        "keyword": "@tusm"
    },
    {
        "name": "tailwind media-query md (min: 768px) / scss",
        "text": "@media (min-width: theme('screens.md')) ",
        "keyword": "@tumd"