🐿️

daeho im im-ian

🐿️

im-ian / toss-frontend-rules.mdc

Created May 9, 2025 07:14 — forked from toy-crane/toss-frontend-rules.mdc

토스 프론트엔드 가이드라인 기반으로 만든 Cursor rule


	# Frontend Design Guideline

	This document summarizes key frontend design principles and rules, showcasing
	recommended patterns. Follow these guidelines when writing frontend code.

	# Readability

	Improving the clarity and ease of understanding code.

im-ian / useAnimatedCounter.ts

Last active April 23, 2025 08:26

useAnimatedCounter.ts

	import {useState, useEffect, useRef, useCallback} from 'react'

	// 애니메이션 타이밍 함수
	const TIMING_FUNCTIONS = {
	linear: (t: number) => t,
	easeInOut: (t: number) => (t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2),
	easeIn: (t: number) => t * t * t,
	easeOut: (t: number) => 1 - Math.pow(1 - t, 3),
	bounce: (t: number) => {
	const n1 = 7.5625

im-ian / findPath.js

Last active April 23, 2025 08:28

주어진 객체에서 특정 키를 찾아 경로를 반환하는 함수

	/**
	* 주어진 값이 object 타입인지 검사하는 함수
	* @param {*} obj - 검사할 object
	* @returns {boolean} - 검사할 값이 object라면 true, 아니라면 false를 반환
	*/
	function isObject(obj) {
	return obj !== null && typeof obj === 'object';
	}

	/**

im-ian / 법정의무교육.js

Last active March 20, 2024 01:36

법정의무교육에 열중하고 싶지만 손가락은 까딱하기 싫으신 분들을 위해서 간단한 스크립트를 작성해보았습니다.

	/**
	* 법정의무교육에 열중하고 싶지만 손가락은 까딱하기 싫으신 분들을 위해서 간단한 스크립트를 작성해보았습니다.
	* 참고로 시험은 직접 응시하셔야 합니다 :)
	* - https://edu.smebiz.co.kr/main/main.php 사이트에서 사용 가능합니다.
	* - 영상 재생 팝업에서 [개발자 도구]의 [콘솔]에 이 코드를 입력 후 실행해주세요.
	*/

	const ticker = setInterval(() => {
	const $iframe = document.getElementById("mPlayer");
	const $context = $iframe.contentDocument;