
์ง๊ธ๊น์ง ์ด๋ฒคํธ ์ฒ๋ฆฌ๊ธฐ๋ HTML์ด ์ฃผ๋ํ์ฌ JavaScript ํจ์๋ฅผ ํธ์ถํ๋ ๋ฐฉ์์ผ๋ก ์ฌ์ฉ๋์๋ค.ํ์ง๋ง, DOM์ ํ์ฉํ๋ฉด JavaScript๊ฐ ์ฃผ๋ํ์ฌ HTML ์์๋ฅผ ๊ฐ์ ธ์ ์ด๋ฒคํธ ์ฒ๋ฆฌ๊ธฐ๋ฅผ ์ฐ๊ฒฐํ ์ ์๋ค.์ฆ, HTML๊ณผ JavaScript ์ค ์ด๋ ์ชฝ์ ์ค์ฌ์ผ

โ 1. React์์ ๊ฐ ๋ฃ๋ ๋ฐฉ์React์์๋ {}(์ค๊ดํธ)๋ฅผ ์ฌ์ฉํด์ JS ๋ณ์๋ฅผ HTML์ฒ๋ผ ์ง์ ๋ฃ์ ์ ์๋ค.{text} โ JSX ๋ฌธ๋ฒ์์๋ ๋ณ์๋ฅผ ์ง์ HTML์ ๋ฃ์ ์ ์์.์ปดํฌ๋ํธ๊ฐ ์๋์ผ๋ก ๋ ๋๋ง๋๋ฉด์ ๊ฐ์ด ํ๋ฉด์ ํ์๋จ.์์ JS์์๋ {} ๋ฌธ

์(Shell)์ด ์คํ๋ ๋ ์๋์ผ๋ก ์ค์ ์ ์ ์ฉํ๋ ํ์ผ์ฌ์ฉํ๋ ์์ ๋ฐ๋ผ ์ ์ฉ๋๋ ์ค์ ํ์ผ์ด ๋ค๋ฆํฐ๋ฏธ๋์์ ํ๊ฒฝ ๋ณ์(PATH), ๋ช ๋ น์ด ์๋ ์คํ ๋ฑ์ ์ค์ ์ ์ ์ฅํ๋ ํ์ผ์์ ์คํํ ๋ ์ด ํ์ผ์ ์ฝ์ด์ ํ๊ฒฝ์ ์ค์ ํจ์๋ฅผ ๋ค์ด, JAVA_HOME ํ๊ฒฝ ๋ณ์๋ฅผ

<form> ํ๊ทธ๋ ์ฌ์ฉ์์ ์ ๋ ฅ ๋ฐ์ดํฐ๋ฅผ ์๋ฒ๋ก ์ ์กํ ๋ ์ฌ์ฉ๋๋ฉฐ, ๋ ๊ฐ์ง ์ค์ํ ์์ฑ์ ๊ฐ์ง๋ค.์ ๋ ฅ๋ ๋ฐ์ดํฐ๋ฅผ ์ ์กํ URL์ ์ง์ ํ๋ ์์ฑ์ด๋ค.action์ ์ ๋ ฅ๋ ๊ฒฝ๋ก์ ํด๋นํ๋ ํ์ผ์ด๋ ์๋ฒ๊ฐ ๋ฐ๋์ ์กด์ฌํด์ผ ํ๋ค.โ ์์: <form actio
์ด ๊ฐ๋ ์ ๊ฐ์๋ฅผ ๋ณด๋ฉด์ ๊ฐ๋์ฉ ๋ฑ์ฅํ๋ ๊ฐ๋ ์ ๋์ด์ ํท๊ฐ๋ฆฌ์ง ์๊ธฐ ์ํด ์ ๋ฆฌํด๋์ ๋ ธํธ์ด๋ค.์ธํฐ๋ท์ ํตํด ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๊ฑฐ๋ ์ฒ๋ฆฌํ ์ ์๋ ์ ์ฒด ์์คํ ์ฆ, ๋ด ์ปดํจํฐ๊ฐ ์๋, ์จ๋ผ์ธ ์์ ์ค์ ์๋ฒ์์ ๋ชจ๋ ๊ฑธ ์ฒ๋ฆฌํ๋ ๊ตฌ์กฐ์ธํฐ๋ท๋ง ์ฐ๊ฒฐ๋๋ฉด ์ด๋์๋ ํ์ผ ์ ์ฅ/๋ถ
FSD ๊ตฌ์กฐ์์ entities ๋ ์ด์ด๋ ๋น์ฆ๋์ค ๊ฐ๋ ์ค์ฌ(User, Post ๋ฑ) ์ ์ฝ์ค๋ฅผ ๋ด๋นํ๋ค. ์ฌ๊ธฐ์ ๋งํ๋ "๋น์ฆ๋์ค ๊ฐ๋ "์ด๋, ๋จ์ํ ๊ธฐ๋ฅ์ด ์๋๋ผ "๋ฐ์ดํฐ ์ค์ฌ์ด๋ Vs. ๊ธฐ๋ฅ ์ค์ฌ์ด๋" ๋ก ๋๋ ์ ์ดํดํด์ผ ํ๋ค.User, Post, Comment,
๋ธ๋ผ์ฐ์ ์ ์ฅ์์ธ localStorage์ ๊ฐ๋ ๊ณผ JSON ๋ณํ ์ฒ๋ฆฌ์ ํ์์ฑ ์ดํดํ๊ธฐ ์ํด์ ๋ค์๊ณผ ๊ฐ์ ํฌ์คํฐ๋ฅผ ์์ฑํ๋ค.localStorage ๋ ๋ธ๋ผ์ฐ์ ๊ฐ ์ ๊ณตํ๋ ํด๋ผ์ด์ธํธ ์ธก ์ ์ฅ์์ด๋ค.HTML5์์ ๋์ ๋ Web Storage API ์ค ํ๋์ด๋ฉฐ, key-