Merge branch 'main' into docs/add-package-scope-to-contributing

Author: kimyouknow

README-ko_kr.md

@@ -97,3 +97,10 @@ packages/
 ## 라이선스
 
 MIT © Viva Republica, Inc. 자세한 내용은 [LICENSE](./LICENSE)를 참고하세요.
+
+<a title="Toss" href="https://toss.im">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://static.toss.im/logos/png/4x/logo-toss-reverse.png">
+    <img alt="Toss" src="https://static.toss.im/logos/png/4x/logo-toss.png" width="100">
+  </picture>
+</a>

README.md

@@ -97,3 +97,10 @@ We welcome contributions from everyone! Please check our contribution guide.
 ## License
 
 MIT © Viva Republica, Inc. See [LICENSE](./LICENSE) for details.
+
+<a title="Toss" href="https://toss.im">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://static.toss.im/logos/png/4x/logo-toss-reverse.png">
+    <img alt="Toss" src="https://static.toss.im/logos/png/4x/logo-toss.png" width="100">
+  </picture>
+</a>

docs/core/why-react-simplikit-matters.md

@@ -26,7 +26,6 @@ function AutoCompleteInput() {
   const [results, setResults] = useState<SearchResult[]>([]);
   const [isLoading, setLoading] = useState(false);
   const [isOpen, setOpen] = useState(false);
-  const searchTimeoutRef = useRef<NodeJS.Timeout>(null);
   const containerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
@@ -44,17 +43,13 @@ function AutoCompleteInput() {
   }, []);
 
   useEffect(() => {
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-
     if (query.trim().length === 0) {
       setResults([]);
       return;
     }
 
     setLoading(true);
-    searchTimeoutRef.current = setTimeout(async () => {
+    const timeoutId = setTimeout(async () => {
       try {
         const response = await fetch(`/api/search?q=${query}`);
         const data = await response.json();
@@ -66,11 +61,7 @@ function AutoCompleteInput() {
       }
     }, 300);
 
-    return () => {
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-      }
-    };
+    return () => clearTimeout(timeoutId);
   }, [query]);
 
   return (

docs/ko/core/why-react-simplikit-matters.md

@@ -26,7 +26,6 @@ function AutoCompleteInput() {
   const [results, setResults] = useState<SearchResult[]>([]);
   const [isLoading, setLoading] = useState(false);
   const [isOpen, setOpen] = useState(false);
-  const searchTimeoutRef = useRef<NodeJS.Timeout>(null);
   const containerRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
@@ -44,17 +43,13 @@ function AutoCompleteInput() {
   }, []);
 
   useEffect(() => {
-    if (searchTimeoutRef.current) {
-      clearTimeout(searchTimeoutRef.current);
-    }
-
     if (query.trim().length === 0) {
       setResults([]);
       return;
     }
 
     setLoading(true);
-    searchTimeoutRef.current = setTimeout(async () => {
+    const timeoutId = setTimeout(async () => {
       try {
         const response = await fetch(`/api/search?q=${query}`);
         const data = await response.json();
@@ -66,11 +61,7 @@ function AutoCompleteInput() {
       }
     }, 300);
 
-    return () => {
-      if (searchTimeoutRef.current) {
-        clearTimeout(searchTimeoutRef.current);
-      }
-    };
+    return () => clearTimeout(timeoutId);
   }, [query]);
 
   return (