๐ป Frontend
์ฐ๋ฆฌ์ ๊ฐ์ DOM์ ๋น์ ์ DOM๋ณด๋ค ๋น ๋ฅด๋ค (์๋)
Jul 18, 2024
๊ทธ๋ผ ์ฃ๋ค VDOM ์ผ๊ฒ ์ง?
๐ป Profile
starcradle101
frontend developer
Beyond the CODE๐ง๐ปโ๐ป
๐ Search
๐๏ธํ๊ณ
![[hoonie-log] Supabase Auth๋ก ์ฌ์ฉ์ ์ธ์ฆ ๊ตฌํํ๊ธฐ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F7a76f094-ff3e-45ef-9116-b36cfb0e11ca%252F%2525E1%252584%252582%2525E1%252585%2525A1%2525E1%252584%252585%2525E1%252585%2525B3%2525E1%252586%2525AF%2525E1%252584%252586%2525E1%252585%2525A9%2525E1%252584%252585%2525E1%252585%2525B3%2525E1%252584%252582%2525E1%252585%2525B3%2525E1%252584%252582%2525E1%252585%2525A3.png%3Ftable%3Dblock%26id%3D054a0b85-008d-4336-8c53-030d2b27be02%26cache%3Dv2&w=3840&q=75)
[hoonie-log] Supabase Auth๋ก ์ฌ์ฉ์ ์ธ์ฆ ๊ตฌํํ๊ธฐ
May 31, 2024
๋๊ตฌ์ธ์?
๐๏ธํ๊ณ
![[hoonie-log] Next.js๋ก ์ ์ ๋ธ๋ก๊ทธ ์ด์ ๋ง๋ค๊ธฐ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F655fe0f8-ced4-4325-9d14-05b29b2d8248%252Fopengraph-image.png%3Ftable%3Dblock%26id%3D725b2a42-0bb0-4d12-82ab-38f9eb98205d%26cache%3Dv2&w=3840&q=75)
[hoonie-log] Next.js๋ก ์ ์ ๋ธ๋ก๊ทธ ์ด์ ๋ง๋ค๊ธฐ
May 20, 2024
Next.js๋ก ์ ์ ๋ธ๋ก๊ทธ ๋ง๋ค์ด๋ณด๊ธฐ
๐๏ธ ์ฃผ๊ฐํ๊ณ
![[์ฃผ๊ฐํ๊ณ ] 4์ 2์ฃผ์ฐจ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F2086a6fa-7890-4bfd-b2d8-2b48e7de3376%252Fnicolas-lobos-kGtFjYdm7DI-unsplash.jpg%3Ftable%3Dblock%26id%3D317e84d6-0f4f-41a8-871c-a4a7e51703f4%26cache%3Dv2&w=3840&q=75)
[์ฃผ๊ฐํ๊ณ ] 4์ 2์ฃผ์ฐจ
Apr 12, 2024
ํ๊ณ ๋ฅผ ๊พธ์คํ ์ด๋ค๋ ๊ฒ
๐๏ธ ์ฃผ๊ฐํ๊ณ
![[์ฃผ๊ฐํ๊ณ ] 4์ 1์ฃผ์ฐจ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F72641fe6-167b-45d7-90d0-3c4a32b9bf2b%252F842px-Caspar_David_Friedrich_-_Wanderer_above_the_Sea_of_Fog.jpeg%3Ftable%3Dblock%26id%3D65fd5f52-45d8-4d89-8c4f-49b3a347b9f4%26cache%3Dv2&w=3840&q=75)
[์ฃผ๊ฐํ๊ณ ] 4์ 1์ฃผ์ฐจ
Apr 7, 2024
๋ฒ์จ, ๋ด
๐ป Frontend
Hamlet: React๋ก ๋ง์ด๊ทธ๋ ์ด์ ํ๊ณ ๋ฐฐํฌํ๊ธฐ
Mar 14, 2024
React์ Redux Toolkit์ ์ฌ์ฉํ ๋ฐ๋๋ผ JS ํฌ๋๋ฆฌ์คํธ ๋ง์ด๊ทธ๋ ์ด์ ํ๊ธฐ
๐ป Frontend
Hamlet: vanilla JS๋ก ํฌ๋๋ฆฌ์คํธ ๊ตฌํํ๊ธฐ
Mar 8, 2024
๋์ ์ฒซ ๊ฐ์ธ ํ๋ก์ ํธ, ๋ฐ๋๋ผ ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๊ตฌํํ๊ธฐ
๐๏ธํ๊ณ
![[ํ๊ณ ] ๋์ ํ๋ก์ ํธ๋ ์คํจ๋ฅผ ๋ณ์๋ค.](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F3a9d5571-4242-46f3-afd2-4ce01035f8ab%252Funlock-mysteries.webp%3Ftable%3Dblock%26id%3D6fd249ff-ba3e-4b08-bb59-0e613c1c43be%26cache%3Dv2&w=3840&q=75)
[ํ๊ณ ] ๋์ ํ๋ก์ ํธ๋ ์คํจ๋ฅผ ๋ณ์๋ค.
Jan 7, 2024
์ฐธํํ๋ผ, ๊ทธ๋์ ์๊ณ ๊ฐ ๋ฌด์ฉ์ด ๋๊ธฐ ์ ์.
๐๏ธ ์ฃผ๊ฐํ๊ณ
![[์ฃผ๊ฐํ๊ณ ] ์ํด, ์ ๋ณด๋ด๊ณ ๊ณ์ญ๋๊น? ์ ๋ ์๋๋๋ค.](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F03994273-c55c-4e72-bf7c-7dd707af6a2d%252FFrame_1.png%3Ftable%3Dblock%26id%3D9355f57e-2ff1-4c5d-9e0c-2e59f11b85b4%26cache%3Dv2&w=3840&q=75)
[์ฃผ๊ฐํ๊ณ ] ์ํด, ์ ๋ณด๋ด๊ณ ๊ณ์ญ๋๊น? ์ ๋ ์๋๋๋ค.
Jan 6, 2024
์ํด์ ์ฒซ ์ฃผ๊ฐ ์ง๋ฌ์ต๋๋ค. ์ ๋ ์ด๋ ๊ฒ ๋ณด๋ด๊ณ ์์์ต๋๋ค.
๋
์
![[๋
์] UX/UI์ 10๊ฐ์ง ์ฌ๋ฆฌํ ๋ฒ์น](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F81f66e57-48b7-40aa-b6f7-bd4ada94a79e%252FScreenshot_2024-01-06_at_3.46.20_AM.png%3Ftable%3Dblock%26id%3De4b6f33a-4568-4762-97f4-a4111bad7918%26cache%3Dv2&w=3840&q=75)
[๋ ์] UX/UI์ 10๊ฐ์ง ์ฌ๋ฆฌํ ๋ฒ์น
Jan 6, 2024
UX/UI๋ฅผ ๋์ฑ ์ ์ค๊ณํ ์ ์๋ 10๊ฐ์ง ์ฌ๋ฆฌํ ๋ฒ์น. ๊ณผ์ฐ ์ ์๊ฒ ๋์์ด ๋์๊น์?
๐๏ธ ์ฃผ๊ฐํ๊ณ
![[์ฃผ๊ฐํ๊ณ ] Whatโs in my CRA](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F239edc22-41da-42c5-be38-429804fa8009%252Fcra_thumbnail.png%3Ftable%3Dblock%26id%3Df1abe28e-02f1-42bb-a0a0-6785545750ee%26cache%3Dv2&w=3840&q=75)
[์ฃผ๊ฐํ๊ณ ] Whatโs in my CRA
Dec 3, 2023
create-react-app ํบ์๋ณด๊ธฐ
๐๏ธ ์ฃผ๊ฐํ๊ณ
![[์ฃผ๊ฐํ๊ณ ] ์ฐํ
์ฝ ํ๋ฆฌ์ฝ์ค, 4์ฃผ๊ฐ์ ์ฌ์ ์์ ๋๋ ๋ฌด์์ ๋ฐฐ์ ๋](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F4f9c1ccc-2b2e-40f3-bd04-46d7dee514bb%252F%2525E1%252584%25258B%2525E1%252585%2525AE%2525E1%252584%252590%2525E1%252585%2525A6%2525E1%252584%25258F%2525E1%252585%2525A9%2525E1%252584%252584%2525E1%252585%2525A2%2525E1%252586%2525BC.webp%3Ftable%3Dblock%26id%3D02314d50-7bf9-4974-9bfa-44159e72f2e6%26cache%3Dv2&w=3840&q=75)
[์ฃผ๊ฐํ๊ณ ] ์ฐํ ์ฝ ํ๋ฆฌ์ฝ์ค, 4์ฃผ๊ฐ์ ์ฌ์ ์์ ๋๋ ๋ฌด์์ ๋ฐฐ์ ๋
Nov 21, 2023
4์ฃผ๊ฐ์ ํ๋ฆฌ์ฝ์ค, ์ ๋ ์ผ๋ง๋ ๋ ์ฑ์ฅํ์๊น์?
๐ป Frontend
Babel, CommonJS ๊ทธ๋ฆฌ๊ณ ECMAScript์ ๋ชจ๋
Nov 19, 2023
์ผ๋จ๊ฒฐ์ ํด๊ฒฐํ Jest ์ค๋ฅ. ๋ฌด์์ด ๋ฌธ์ ์์๊น์?
๐๏ธ ์ฐ๊ฐํ๊ณ
![[์ฐ๊ฐ ํ๊ณ ] EP.00 - ์ด๋๊น์ง ์์๊น?](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252Fe8f19d0c-2ffb-47df-aee1-536f1abbe491%252FFrame_1.png%3Ftable%3Dblock%26id%3D0a6092e9-b2d2-4943-9672-03cabeaca44b%26cache%3Dv2&w=3840&q=75)
[์ฐ๊ฐ ํ๊ณ ] EP.00 - ์ด๋๊น์ง ์์๊น?
Nov 11, 2023
๋ณธ๊ฒฉ์ ์ธ ์ฐ๊ฐ ํ๊ณ ๋ฅผ ์์ํ๊ธฐ ์ , ์ง๊ธ์ ์ ๋ ์ด๋์ ์์๊น์?
๐ป Frontend
![[์ฐํ
์ฝ ํ๋ฆฌ์ฝ์ค] 3์ฃผ์ฐจ ๋์๋ณด๊ธฐ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F7f29ef18-fdd6-4238-975d-58b22a907758%252F%2525E1%252584%25258C%2525E1%252585%2525B5%2525E1%252586%2525B8%2525E1%252584%252580%2525E1%252585%2525A6%2525E1%252584%252589%2525E1%252585%2525A1%2525E1%252584%25258C%2525E1%252585%2525A1%2525E1%252586%2525BC.webp%3Ftable%3Dblock%26id%3Dc5604756-6483-47d5-bc91-e38c099c4c1f%26cache%3Dv2&w=3840&q=75)
[์ฐํ ์ฝ ํ๋ฆฌ์ฝ์ค] 3์ฃผ์ฐจ ๋์๋ณด๊ธฐ
Nov 10, 2023
์ฐ์ํ ํ ํฌ์ฝ์ค ํ๋ฆฌ์ฝ์ค 2์ฃผ์ฐจ: ๋ก๋ ํ๋ก๊ทธ๋จ์ ๊ตฌํํด ๋ณด์์ต๋๋ค!
๐ป Frontend
![[์ฐํ
์ฝ ํ๋ฆฌ์ฝ์ค] 2์ฃผ์ฐจ ๋์๋ณด๊ธฐ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F78630f85-69a3-4e91-bdcb-8ef84a04a322%252Feslint.png%3Ftable%3Dblock%26id%3D9b352148-a3c1-485c-9050-4a4059c13ea0%26cache%3Dv2&w=3840&q=75)
[์ฐํ ์ฝ ํ๋ฆฌ์ฝ์ค] 2์ฃผ์ฐจ ๋์๋ณด๊ธฐ
Nov 1, 2023
์ฐ์ํ ํ ํฌ์ฝ์ค ํ๋ฆฌ์ฝ์ค 2์ฃผ์ฐจ: ์๋์ฐจ ๊ฒฝ์ฃผ ๊ฒ์์ ๊ตฌํํด ๋ณด์์ต๋๋ค!
๐ป Frontend
![[์ฐํ
์ฝ ํ๋ฆฌ์ฝ์ค] 1์ฃผ์ฐจ ๋์๋ณด๊ธฐ: ๋ฆฌํฉํ ๋ง](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252Fc7b43f01-37f8-4f42-81bd-548a883e1778%252F%2525E1%252584%252582%2525E1%252585%2525AA%2525E1%252584%252583%2525E1%252585%2525AE%2525E1%252584%252585%2525E1%252585%2525A1%2525E1%252584%252580%2525E1%252585%2525A9.png%3Ftable%3Dblock%26id%3D85c57d93-eb2e-4310-a35c-ac66ba995a7a%26cache%3Dv2&w=3840&q=75)
[์ฐํ ์ฝ ํ๋ฆฌ์ฝ์ค] 1์ฃผ์ฐจ ๋์๋ณด๊ธฐ: ๋ฆฌํฉํ ๋ง
Oct 27, 2023
1์ฃผ์ฐจ ๋ฏธ์ ์ ๋ํ ๋ฆฌํฉํ ๋ง์ ์งํํด ๋ณด์์ต๋๋ค!
๐ป Frontend
![[์ฐํ
์ฝ ํ๋ฆฌ์ฝ์ค] 1์ฃผ์ฐจ ๋์๋ณด๊ธฐ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252F25a45c17-b642-4e99-9a09-bc05baf2ecd9%252Fimage.png%3Ftable%3Dblock%26id%3D290c0a90-3097-4c85-9ffc-a074a00157de%26cache%3Dv2&w=3840&q=75)
[์ฐํ ์ฝ ํ๋ฆฌ์ฝ์ค] 1์ฃผ์ฐจ ๋์๋ณด๊ธฐ
Oct 25, 2023
์ฐ์ํ ํ ํฌ์ฝ์ค ํ๋ฆฌ์ฝ์ค 1์ฃผ์ฐจ, ์ซ์ ์ผ๊ตฌ ๊ฒ์์ ๊ตฌํํด ๋ดค์ต๋๋ค!
๐ป Frontend
![[ํ๊ณ ] ๋ฉ์ฌ FE5 ํ์ด๋ ํ๋ก์ ํธ](/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F6232b337-2944-4335-ac3c-081beff0a5a3%252Fc3fb4bf3-cefe-43bf-98c8-465040878a15%252Fop.png%3Ftable%3Dblock%26id%3D4ad90637-5d8a-4e89-b27d-eea172742b2c%26cache%3Dv2&w=3840&q=75)
[ํ๊ณ ] ๋ฉ์ฌ FE5 ํ์ด๋ ํ๋ก์ ํธ
Sep 30, 2023
์ฒซ ํ ํ๋ก์ ํธ. ๊ณผ์ฐ ์ด๋ ์๊น?