์๋ ํ์ธ์! ์ค๋์ ์ต๊ทผ ๊ตฌ๊ธ ๋ฉ์ค์์ ๊ฐ์ฅ ํซํ ๋๊ตฌ์ธ NotebookLM์ ์กฐ๊ธ ํน๋ณํ๊ฒ ํ์ฉํด ๋ณธ ํ๊ธฐ๋ฅผ ๊ณต์ ํ๋ ค๊ณ ํฉ๋๋ค.
๋ณดํต AI์๊ฒ "BEM ๋ฐฉ์์ผ๋ก ์ฝ๋ ์ง์ค"๋ผ๊ณ ํ๋ฉด, ์ธํฐ๋ท์ ์๋ง์ ์ ๋ณด๋ฅผ ์ง๊น๊ธฐํด์ ์ด์คํ ๊ฒฐ๊ณผ๋ฅผ ์ค ๋๊ฐ ๋ง์ฃ ? ํ์ง๋ง NotebookLM์ ๋ค๋ฆ ๋๋ค. ๋ด๊ฐ ์ง์ ์ค ์๋ฃ(Source)๋ง์ ๋ฐํ์ผ๋ก ๋๋ตํ๊ธฐ ๋๋ฌธ์ ๋๋ค.
๊ทธ๋์ ์ ๊ฐ ์ง์ BEM ๊ณต์ ๊ฐ์ด๋์ Airbnb React Style Guide๋ฅผ ํ์ต์์ผ ๋ณด์์ต๋๋ค.
1๏ธโฃ "๊ฐ์ง"๊ฐ ์๋ AI, NotebookLM
์ผ๋ฐ ์ฑ๋ด์ ๊ฐ๋ ๋ชจ๋ฅด๋ ๊ฒ๋ ์๋ ์ฒ(ํ ๋ฃจ์๋ค์ด์ )์ ํ์ง๋ง, NotebookLM์ ์ฒ ์ ํ ๋ด๊ฐ ์ ๋ก๋ํ ๋ฌธ์ ๊ธฐ๋ฐ์ผ๋ก๋ง ๋ตํฉ๋๋ค.
- ํ์ต ์๋ฃ: BEM ๋ฐฉ๋ฒ๋ก ๊ณต์ ๋ฌธ์ ๋งํฌ, Airbnb Style Guide(์น์ฌ์ดํธ ๋งํฌ), ๋๋ง์ ์ปจ๋ฒค์ ๋ฌธ์.
- ๊ฒฐ๊ณผ: "BEM์์๋ ์ด๋ฐ ๊ฒฝ์ฐ ์์์ด(Modifier)๋ฅผ ์ด๋ป๊ฒ ์ฐ์ง?"๋ผ๊ณ ๋ฌผ์ผ๋ฉด, ์ ๊ฐ ์ฌ๋ฆฐ ๋ฌธ์์ ํ์ด์ง ๋ฒํธ๊น์ง ์ธ์ฉํ๋ฉฐ ์ ํํ ๋ต๋ณํด ์ค๋๋ค.
2๏ธโฃ ๋๋ณด๋ค ๋ ๊น๊นํ '์ ์๋'์ ํ์
๊ฐ์ฅ ๋๋ผ์ ๋ ์ ์ ์ฝ๋ ๋ฆฌ๋ทฐ ๊ธฐ๋ฅ์ ๋๋ค. ์ ๊ฐ ์์ฑํ ๋งํฌ์ ๊ณผ CSS๋ฅผ ์ฌ๋ฆฌ๊ณ "์ฐ๋ฆฌ ๊ฐ์ด๋์ ๋ง๊ฒ ๋ฆฌ๋ทฐํด์ค"๋ผ๊ณ ํ๋๋ ๋ค์๊ณผ ๊ฐ์ ํผ๋๋ฐฑ์ ์ฃผ๋๊ตฐ์.
๋จ์ํ ํ๋ ธ๋ค๊ณ ํ๋ ๊ฒ ์๋๋ผ, ๊ทผ๊ฑฐ ๋ฌธ์๋ฅผ ๋๋ฉฐ ์ง์ ํ๋ ์๊ธํ ์๋ฐ์ ์์์ต๋๋ค.


๊ฒฐ๋ก : ์ด์ ๊ณต๋ถ๋ AI์ 'ํจ๊ป' ํ์ธ์
NotebookLM์ ๋ด๊ฐ ๊ณต๋ถํ๊ณ ์ถ์ ๋ถ์ผ์ ์์ค ๋์ ๋ฌธ์๋ค์ ๋ฃ์ด๋ณด์ธ์.
- BEM์ด ํท๊ฐ๋ฆด ๋ ๋ฌผ์ด๋ณด๋ ์ฉ๋๋ก
- Airbnb ๊ฐ์ด๋์ ๋ด ์ฝ๋๊ฐ ๋ง๋์ง ๊ฒ์ฌ๋ฐ๋ ์ฉ๋๋ก
- ํ์๋ค๊ณผ ๊ณต์ ํ๋ ์ปจ๋ฒค์ ๋ฐฑ๊ณผ์ฌ์ ์ผ๋ก
์ด์ AI๋ ๋จ์ํ ์ฝ๋๋ฅผ ๋์ ์ง์ฃผ๋ ๋๊ตฌ๊ฐ ์๋๋๋ค. ์ฐ๋ฆฌ๊ฐ ๋ ์ ํํ ์์น(BEM, Clean Code)์ ์งํค๋ฉฐ ์ฑ์ฅํ ์ ์๊ฒ ๋์์ฃผ๋ ๊ฐ์ฅ ์ค๋งํธํ ํ์ต ํํธ๋์ ๋๋ค.
