Merge branch 'main' into fix/use-storate-state_literal-type-inference

Author: ojj1123

packages/common/hangul/src/chosungIncludes.ts

@@ -1,3 +1,4 @@
+/** @tossdocs-ignore */
 import { HANGUL_CHARACTERS_BY_FIRST_INDEX } from './constants';
 import { disassembleHangulToGroups } from './disassemble';
 import { getFirstConsonants } from './utils';

packages/common/hangul/src/disassemble.ts

@@ -1,3 +1,4 @@
+/** @tossdocs-ignore */
 import { DISASSEMBLED_CONSONANTS_BY_CONSONANT, DISASSEMBLED_VOWELS_BY_VOWEL } from './constants';
 import { disassembleCompleteHangulCharacter } from './disassembleCompleteHangulCharacter';
 

packages/common/hangul/src/hangulIncludes.ts

@@ -1,3 +1,4 @@
+/** @tossdocs-ignore */
 import { disassembleHangul } from './disassemble';
 
 export function hangulIncludes(x: string, y: string) {

packages/common/utils/src/reverseKeyValue.ko.md

@@ -1,6 +1,6 @@
 # reverseKeyValue
 
-key와 value를 바꿔 { [value]: key } 형태의 object를 반환합니다
+key와 value를 바꿔 { [value]: key } 형태의 object를 반환합니다.
 
 ```typescript
 function reverseKeyValue<KeyType extends string, ValueType extends string>(

packages/react/emotion-utils/src/FullHeight.spec.tsx

@@ -0,0 +1,33 @@
+import { render, screen } from '@testing-library/react';
+import { FullHeight } from './FullHeight';
+
+const setInnerHeight = (height: number) => {
+  Object.defineProperty(window, 'innerHeight', { writable: true, configurable: true, value: height });
+};
+
+const CHILDREN_TEXT = 'FullHeight';
+
+describe('FullHeight', () => {
+  it('should have a default height of 768px(jsdom default value)', () => {
+    render(<FullHeight>{CHILDREN_TEXT}</FullHeight>);
+
+    const fullHeightBox = screen.getByText(CHILDREN_TEXT);
+
+    expect(window.innerHeight).toBe(768);
+
+    expect(fullHeightBox).toBeInTheDocument();
+    expect(fullHeightBox).toHaveStyle('height: 768px');
+  });
+
+  it('should have a height of 1024px(setup value)', () => {
+    setInnerHeight(1024);
+    render(<FullHeight>{CHILDREN_TEXT}</FullHeight>);
+
+    const fullHeightBox = screen.getByText(CHILDREN_TEXT);
+
+    expect(window.innerHeight).toBe(1024);
+
+    expect(fullHeightBox).toBeInTheDocument();
+    expect(fullHeightBox).toHaveStyle('height: 1024px');
+  });
+});

packages/react/impression-area/src/ImpressionArea.ko.md

@@ -5,7 +5,7 @@ title: ImpressionArea
 # ImpressionArea
 
 브라우저 뷰포트에 보여지거나 사라지는 시점에 이벤트를 발생시키는 컴포넌트입니다.
-[IntersectionObserver](https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API) API를 사용하여 효율적으로 동작합니다.
+[IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) API를 사용하여 효율적으로 동작합니다.
 
 ImpressionArea는 추가적인 div를 render합니다. (div가 없어야 하는 경우 `useImpressionRef` Hook을 사용하세요.)
 

packages/react/impression-area/src/useImpressionRef.ko.md

@@ -6,7 +6,7 @@ title: useImpressionRef
 
 `ref` 가 주어진 요소가 화면에 노출되거나 숨겨지는 시점에 이벤트를 발생시키는 Hook입니다.
 "화면에 노출된다"는 문서가 포그라운드면서 뷰포트에 진입한 상태를 의미합니다.
-[IntersectionObserver](https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API) API를 사용하여 효율적으로 동작합니다.
+[IntersectionObserver](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) API를 사용하여 효율적으로 동작합니다.
 
 컴포넌트로 사용하려면 `ImpressionArea`를 사용하세요.
 

packages/react/react/src/hooks/useCheckList.ko.md

@@ -1,6 +1,6 @@
 # useCheckList
 
-체크리스트에 사용할 hook - checked 관련 control을 제공한다.
+체크리스트에 사용할 hook - checked 관련 control을 제공합니다.
 
 ```ts
 function useCheckList<T extends Item>(
@@ -36,4 +36,4 @@ useEffect(() => {
 
 ## Warning
 
-리스트의 아이템이 많은 경우 perf 가 떨어질 수 있다.
+리스트의 아이템이 많은 경우 perf 가 떨어질 수 있습니다.