useLayoutEffect 썸네일형 리스트형 useLayoutEffect로 최초 렌더링 UX 개선하기 프로젝트: 공우 홈페이지 키워드: useLayoutEffect, useEffect, react hook flow 상황 공우 홈페이지에서 한글/영어 번역을 지원하고자 한다. 기획상 한글/영어 페이지를 각각의 URL로 분리하는 것이 아니라, 하나의 페이지에서 상태 값을 이용하여 언어를 결정한다. (다크모드와 비슷한 구조) 현재 언어를 localStorage에 저장해두어 새로 고침을 하거나 사이트를 벗어났다가 돌아와도 언어가 유지되도록 구현했다. const [language, setLanguage] = useState('Korean'); // 기본 값은 Korean useEffect(() => { setLanguage(localStorage.getItem('language') ?? 'Korean'); }, [.. 더보기 이전 1 다음