2chanhaeng

import { useState, useMemo } from "react";
import { FFmpeg } from "@ffmpeg/ffmpeg";
import { guarantee, method, pipe, tapAsync } from "utils"; // jsr:@chomu/utils

export default function GifToMp4Converter() {
  const ffmpeg = useMemo(() => new FFmpeg(), []);
  const [gifFile, setGifFile] = useState<File | null>(null);
  const [videoUrl, setVideoUrl] = useState("");

  const convertGifToVideo = async () => {

2chanhaeng

# !pip install openpyxl pandas
# Note: This code is written under the assumption that
#   the schema of all data in the Excel file and sheet is the same.
# 알림: 이 코드는 엑셀 파일과 시트 내 모든 데이터의 스키마가 동일하다는 가정하에 작성되었습니다.

import sqlite3
from pathlib import Path

import pandas as pd

2chanhaeng

gist for dark reader attachments

2chanhaeng

해설

sync.js를 제외한 코드는 모두 실행하면 5초 후 “5sec”을 출력하고, 이어서 4초 후 “4sec”을 출력하고, …, 이어서 1초 후 “1sec”을 출력하고 종료하는 코드입니다. 다만 sync.js는 실행해보시면 알겠지만 시작하면 1초후 “1sec” 출력, 이어서 1초 후 “2sec” 출력, …, 이어서 1초후 “5sec”을 출력하고 종료하는 코드입니다. 해당 글 아래로 이어지는 순으로 코드를 읽으시면 이해하시기 편하실 겁니다.

sync.js

sync.js 는 동기/비동기에 대한 이해가 전혀 없는 경우 일반적으로 작성하게 되는 방식의 코드입니다.

callback.js

Promise가 생기기 전, CallBack을 이용해 비동기적으로 실행되는 코드입니다. CallBack을 이용하다보니 이른바 CallBack 지옥에 갖혀 5중으로 들여 쓴 모습을 볼 수 있습니다.

promise.js