์ ์ฒด ๊ธ (59) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) Specified module format (CommonJs) is not matching the module format of the source code (EcmaScript Modules) The CommonJs module format was specified in the package.json that is affecting this source file or by using an special extension, but Ecmascript import/export syntax is used in the source code. The module was automatically converted to an EcmaScript module, but that is in conflict with th.. [โ๏ธ React conf 2024] ๋ ๋์ ์ปดํจํฐ๋ก ๋์๊ฐ๋ ๋ฆฌ์กํธ (React for Two Computers | Dan Abramov) 2024.09.24 - [๐ฉ๐ป๐ป dev] - [โ๏ธ React Conf 2024] ๋ฆฌ์กํธ 19์์ ์๋ก์์ง ๊ฒ๋ค (What's new in React 19 | Lydia Hallie) [โ๏ธ React Conf 2024] ๋ฆฌ์กํธ 19์์ ์๋ก์์ง ๊ฒ๋ค (What's new in React 19 | Lydia Hallie)What's new in React 19 | Lydia Hallie์ฝ 2 ๋ฌ ์ ์ REACT CONF 2024๊ฐ ์ด๋ ธ๋ค.์ฌ๋ฌ ํ ํฌ๋ค์ด ์งํ๋์์๋๋ฐ, ๊ทธ์ค ๋ฐ๋ ๋ฐ๊ทผ(?)ํ React 19์ ์ ์์๋ค์ ์ดํด๋ณด๊ณ ์ ํ๋ค.canary ๋ฒ์ ์ ๋ฆฌ์กํธ๋ฅผ ์ฐ๊ณ ์์๋ค๋ฉดpyotato-dev.tistory.com์ด์ ๊ธ์ ๋ฆฌ์กํธ 19์์ ์๋ก์์ง ๊ธฐ๋ฅ๋ค์ด๋ ๊ฐ์ ๋ ์ฌํญ์ ๋ํด ์ดํด๋ดค์๋ค.์ค๋.. [TOSS] useFunnel ๋ง๋ค์ด๋ณด๊ธฐ 2024.07.05 - [๐ฉ๐ป๐ป dev] - ํ ์คใ ฃSLASH 23 - ํผ๋ : ์์์ง๋ ํ์ด์ง ํ ๋ฐฉ์ ๊ด๋ฆฌํ๊ธฐ (TOSH | SLASH 23 - Funnel Pattern : Organizing an overflow of pages at once) ํ ์คใ ฃSLASH 23 - ํผ๋ : ์์์ง๋ ํ์ด์ง ํ ๋ฐฉ์ ๊ด๋ฆฌํ๊ธฐ (TOSH | SLASH 23 - Funnel Pattern : Organizing an ovโ ๏ธ ์ ์๊ถ ๋ณดํธ๋ฅผ ์ํด ์๋ฃ ๋ฐ ์์๊ฐ ๋์ฒด๋์์ต๋๋ค. ์์ ์ฝ๋๋ Reactโ๏ธ๋ก ์์ฑ๋์์ต๋๋ค.๐ซจ ํต์ ์ฌ ๊ฐ์ ์ ํ๊ธฐ ์ํด์ ์๋์ ๊ฐ์ด ๊ธด ํผ๊ณผ ์ฝ์ ์ด ํฌํจ๋ ํ์ด์ง๋ฅผ ๋ง์ฃผ์น๊ฒ ๋ ๋pyotato-dev.tistory.com์ด์ ํ ์ค SLASH23์ ์๊ฐ๋ useFunnel์ ๋ํด ์ด.. [โ๏ธ React Conf 2024] ๋ฆฌ์กํธ 19์์ ์๋ก์์ง ๊ฒ๋ค (What's new in React 19 | Lydia Hallie) What's new in React 19 | Lydia Hallie์ฝ 2 ๋ฌ ์ ์ REACT CONF 2024๊ฐ ์ด๋ ธ๋ค.์ฌ๋ฌ ํ ํฌ๋ค์ด ์งํ๋์์๋๋ฐ, ๊ทธ์ค ๋ฐ๋ ๋ฐ๊ทผ(?)ํ React 19์ ์ ์์๋ค์ ์ดํด๋ณด๊ณ ์ ํ๋ค.canary ๋ฒ์ ์ ๋ฆฌ์กํธ๋ฅผ ์ฐ๊ณ ์์๋ค๋ฉด ์๊ฐํ ๋ด์ฉ๋ค์ด ์ด๋ฏธ ์ต์ํ ๊ฒ๋ค์ผ ์ ์์ง๋ง,์์ ํ๋ ๋ฒ์ ์ ๊ธฐ๋ค๋ฆฐ ๋์ ๊ฐ์ ์ฌ๋๋ค์ ํด๋น ํ ํฌ์์ ๋ฐ๊ฐ์ด ์์๋ค์ ์ ํด ๋ค์ ์ ์์ ๊ฑฐ ๊ฐ๋ค.์ด๋ฒ์๋ ๊ฐ๋จํ๊ฒ ์ด๋ค ๊ฒ๋ค์ด ๋ฌ๋ผ์ก๋ ์ดํด๋ณด๊ณ , ์ค์ ๋ก ์๊ฐ๋ 19 ๋ฒ์ ์ ๊ธฐ๋ฅ๋ค์ ์ฌ์ฉํด ๋ณด๊ณ ์ ํ๋ค.๐ ๋ค๋ฃฌ ์ฃผ์ ๋ชฉ์ฐจ๋ก ์ดํด๋ณด๊ธฐ๋๋ณด๊ธฐ1. Asynchoronous transitions: startTransition์ async ํจ์๋ฅผ ์ ๋ฌํ๊ธฐ2. Actions: transition์ ํธ๋ฆฌ๊ฑฐ.. ๊ฒธ์ํ ์์ธ์ resilience ์ค๋์ ๊ฐ๋ฐ์ด ์๋ ๋ค๋ฅธ ์ด์ผ๊ธฐ์ ๋ํด ๋ค๋ฃฐ ์์ ์ด๋ค.๋ด ์๊ฐ๊ณผ ๋๋์ ๋๊ตฌ๋ผ๋ ๋ณผ ์ ์๋ ๊ณต๊ฐ์ ๋จ๊ธฐ๋ ๊ฒ ์ด์ํ์ง๋ง, ์กฐ๊ธ์ฉ ๋ด comfort zone์์ ๋ฒ์ด๋๋ ์ผํ(?)์ ํด๋ณผ๊น ์ถ๋ค. ๊ธ์ ์ ์ผ๋ฉด์ ์๊ฐ ์ ๋ฆฌ๋ ํ ๊ฒธ, ๋์ค์ ๊ฐ์ ์ฌ๋ํจ์ ๋๊ปด๋ '๊ทธ๋๋ ์ด๋ฐ ๋ง์์ด์๊ตฌ๋'ํ๊ณ ํธ์ด๋ฒ๋ฆฌ๊ณ , ๋ ์ข์ ๋ฐฉํฅ์ผ๋ก ๋์๊ฐ๊ธฐ ์ํด ๋์ ์ฌ ๋ณธ๋ค. '๋ด๊ฐ ์๊ณ ์๋ ๊ฒ์ ๋ํ ์์ฌ'๊ณผ '๋ด๊ฐ ํ๋ฆด ์๋ ์๋ค๋ ๊ฒธ์'์ ์ฐจ์ด๋ฅผ ๋ง๋๋ ๊ฒ ๋ญ๊น. ๋ํ ์ฌํ ์์ ์ฌ๋ฆฌํ ์ ๊ณต ์์ ์ค, ํ ํ์์ด ๊ต์๋๊ป ์ด๋ค ์ฃผ์ ์ ๋ํด ์ฌ์ญค๋ดค์๋ค.๊ต์๋ผ๋ ์ง์ ํน์ฑ์, ๋ฐํํ๊ฒ ํด๋น ์ฃผ์ ์ ๋ํ ์ค๋ช ์ ํด์ค ๊ฑฐ๋ผ๋ ๊ธฐ๋์๋ ๋ฌ๋ฆฌ๋น์ ๊ป์๋ ํด๋น ๋ถ์ผ๊ฐ ์ ๋ฌธ์ ์๋๋ผ ์ง์ ์ ์ธ ๋๋ต์ ํ๊ธฐ ์ด๋ ค์ฐ๋, ๋น์ ์ ๋ถ์ผ์์๋ ์ด๋ฐ .. [โ๏ธ react] synthetic event (ft. +17 ๋นํฌ&์ ํํฐ) [์ด์ ๊ธ]2024.08.16 - [๐ฉ๐ป๐ป dev] - [ํ ์ค] Transpiler, “์ฌ์ฉ”๋ง๊ณ “ํ์ฉ”ํ๊ธฐ [ํ ์ค] Transpiler, “์ฌ์ฉ”๋ง๊ณ “ํ์ฉ”ํ๊ธฐ๐ฃ๏ธ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง๊ณผ ์บก์ณ๋ง์ ๋ํด์ ์๊ณ ๊ณ์๋์?๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ์์ ๋ดค์๋๋ฐ;;๋ฒ๋ธ๋ง์ ๋ฒ๋ธ ์ ๋ ฌ์ฒ๋ผ bubble up์ด๋ผ๋ ๋ง์์ ์ ์ถํ ์ ์๋ฏ์ด ์ด๋ค ์ด๋ฒคํธ๊ฐ ์๋์์ ์pyotato-dev.tistory.com์ด๋ฒคํธ ์์+ ํธ๋์คํ์ผ๋ฌ๋ฅผ ํตํด์ ๋ก๊น ์ ์ฝ๋์ ์ฃผ์ ํ๋ ํ ์ค์ ์ด์ฉ ์ฌ๋ก๋ฅผ ์ดํด๋ดค์๋ค.์ด๋ฒคํธ ๋ฒ๋ธ๋ง ๋์ ์บก์ฒ๋ฅผ ์ฌ์ฉํ ์ด์ ์ ๋ํ ์ง๋ฌธ์ด ์์๋๋ฐ, ์ ๊ทธ๋ฌ์๊น ๋๋ฆ๋๋ก ์ด์ ๋ฅผ ์ฐพ๋ค๊ฐ,๋ฆฌ์กํธ์์ ์ด๋ฒคํธ ์ ํ ๋ฐฉ์์ด dom๊ณผ๋ ์ด์ง ๋ค๋ฅด๋ค๋ ๊ธ๋ค์ ์ฝ๊ฒ ๋์ด ๋ ์์ธํ ํ๋ณด๊ธฐ๋ก ํ๋ค.Legacy reac.. [ํ ์ค] Transpiler, “์ฌ์ฉ”๋ง๊ณ “ํ์ฉ”ํ๊ธฐ ๐ฃ๏ธ ์ด๋ฒคํธ ๋ฒ๋ธ๋ง๊ณผ ์บก์ณ๋ง์ ๋ํด์ ์๊ณ ๊ณ์๋์?๋ชจ๋ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฅ๋ค์ด๋ธ์์ ๋ดค์๋๋ฐ;;๋ฒ๋ธ๋ง์ ๋ฒ๋ธ ์ ๋ ฌ์ฒ๋ผ bubble up์ด๋ผ๋ ๋ง์์ ์ ์ถํ ์ ์๋ฏ์ด ์ด๋ค ์ด๋ฒคํธ๊ฐ ์๋์์ ์๋ก ์ ์ด๋๋ ๊ฑฐ๊ณ , ์บก์ณ๋ง์ ๋ฐ๋๋ก ์์์ ์๋๋ก ์ ์ด๋๋ ๊ฑฐ ์๋์๋?๊ฐ๋ ์ ์ด๋ ์ ๋ ์๊ณ ์์ง๋ง ์ค์ ์ ์ฉ์ ํ๋ ๊ฒฝ์ฐ๋ก๋ ์ฐ๊ฒฐ์ด ๋์ง ์์์๋ค.์ด๋ฒ ๊ธฐํ์ ์ค์ ๋ก ์บก์ณ๋ง์ ํ์ฉํ ํ ์ค์ 'Transpiler, “์ฌ์ฉ”๋ง๊ณ “ํ์ฉ”ํ๊ธฐ'๊ฐ ์ข์ ์์์ธ ๊ฑฐ ๊ฐ์์ ์์๋ณด๊ณ ์ ํ๋ค.๋ฒ์ ์์ญ์ ์ ๋ชจ๋ฅด๋ ์ ์ฅ์์ ์ฌ์ฉ์์ ์ผ๊ฑฐ์์ผํฌ์กฑ์ ๋ก๊น ํ๋ ๊ฑด ๋์ํ์๋ง ๊ฐ๋ฅํ ๊ฑฐ ๊ฐ๊ธฐ ๋๋ฌธ์ ์ ์ฉํด ๋ณผ ๊ธฐํ๊ฐ ์์์ง๋ ๋ชจ๋ฅด๊ฒ ์ง๋ง, ์ค์ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ์์์ผ ๊ธฐ์ต์ ๋ ๋จ์ ๊ฑฐ ๊ฐ์์, ์ด๋ค ์์ผ๋ก ํธ๋์คํ์ผ๋ฌ์ ์ด๋ฒคํธ ์บก์ณ๋ง.. [spotify-api] VINYLIFY : ์คํฌํฐํ์ด apiํ์ฉํ ๊ฒ์ + ์ฌ์ ํ๋ก์ ํธ(7) Sentry ์ค์ 2024.08.10 - [๐ฉ๐ป๐ป dev] - [spotify-api] VINYLIFY : ์คํฌํฐํ์ด apiํ์ฉํ ๊ฒ์ + ์ฌ์ ํ๋ก์ ํธ(6) [spotify-api] VINYLIFY : ์คํฌํฐํ์ด apiํ์ฉํ ๊ฒ์ + ์ฌ์ ํ๋ก์ ํธ(6)[์ด์ ๊ธ] 2024.08.09 - [๐ฉ๐ป๐ป dev] - [spotify-api] VINYLIFY : ์คํฌํฐํ์ด apiํ์ฉํ ๊ฒ์ + ์ฌ์ ํ๋ก์ ํธ(5) react router ์ค์ [spotify-api] VINYLIFY : ์คํฌํฐํ์ด apiํ์ฉํ ๊ฒ์ + ์ฌ์ ํ๋ก์ ํธ(5) react routerpyotato-dev.tistory.comsentry can't fix this ์ ํ๋ธ ๊ด๊ณ ๋ก ์ข ์ข ๋ดค๋ sentry! ์ค๋์ sentry ์ ์ฉ์ ๋ํด ์ ๋ฆฌ๋ฅผ ํ.. ์ด์ 1 2 3 4 ยทยทยท 8 ๋ค์