๐ช Programming
[n8n] AI ์์ด์ ํธ๋ก ์์์ฆ ์ง์ถ ๋ด์ญ(๊ฐ๊ณ๋ถ) ์๋ ๊ธฐ๋กํ๊ธฐ
[n8n] AI ์์ด์ ํธ๋ก ์์์ฆ ์ง์ถ ๋ด์ญ(๊ฐ๊ณ๋ถ) ์๋ ๊ธฐ๋กํ๊ธฐ
2026.05.20๐ก ์ํฌํ๋ก์ฐ ๋ชฉํ์ด๋ฉ์ผ ์ฒจ๋ถํ์ผ ์์์ฆ ์ด๋ฏธ์ง์์ ๋ฐ์ดํฐ ์ถ์ถ์ถ์ถํ ๋ฐ์ดํฐ๋ฅผ ๊ตฌ๊ธ ์ํธ์ ๊ธฐ๋ก์์์ฆ ์๋ณธ์ ๊ตฌ๊ธ ๋๋ผ์ด๋ธ์ ๋ฐฑ์
์ฒ๋ฆฌ๋ ์ด๋ฉ์ผ์ ์๋ ์ ๋ฆฌ Gmail Trigger ๋
ธ๋๋จผ์ ํ
์คํธ๋ฅผ ์ํด ๊ตฌ๊ธ์์ walmart receipt ํค์๋๋ก ์์์ฆ ์ด๋ฏธ์ง๋ฅผ ์ฐพ์ ๋ค, ๋ณธ์ธ ์ด๋ฉ์ผ ์ฃผ์๋ก ์์์ฆ ์ด๋ฏธ์ง๋ฅผ ์ฒจ๋ถํ์ฌ ๋ฉ์ผ์ ๋ณด๋ด ๋๋ค. n8n์ด ๋ฉ์ผ์ ์ธ์ํ ์ ์๋๋ก ๋ฉ์ผ ์ ๋ชฉ์๋ receipt ๋จ์ด๋ฅผ ํฌํจ์์ผ์ผ ํ๋ค.๋๋ณด๊ธฐ n8n์ผ๋ก ๋์์์ Gmail Trigger ๋
ธ๋(on message received)๋ฅผ ์ถ๊ฐํ๊ณ , ์์ ์
๋ ฅ ํธ์๋ฅผ ์ํด ๋
ธ๋ ์ด๋ฆ์ get_emails๋ก ๋ณ๊ฒฝํ๋ค. ์ด ๋
ธ๋๋ ์ง์ ํ ๊ฐ๊ฒฉ์ผ๋ก ๋ฉ์ผํจ์ ์ฃผ๊ธฐ์ ์ผ๋ก ํ์ธํ๋ค๊ฐ, ์กฐ๊ฑด์ ๋ง๋ ๋ฉ์ผ์ด ๋์ฐฉํ๋ฉด ๋ค์ ๋จ๊ณ๋ก ๋๊ฒจ์ฃผ..
[n8n] ๊ตฌ๊ธ ๋๋ผ์ด๋ธ ํ์ผ/ํด๋ ์ ๋ฆฌ AI ์์ด์ ํธ ๋ง๋ค๊ธฐ
[n8n] ๊ตฌ๊ธ ๋๋ผ์ด๋ธ ํ์ผ/ํด๋ ์ ๋ฆฌ AI ์์ด์ ํธ ๋ง๋ค๊ธฐ
2026.05.19๐ก ์ํฌํ๋ก์ฐ ๋ชฉํ๊ตฌ๊ธ ๋๋ผ์ด๋ธ ํน์ ํด๋์ ํ์ผ์ ์
๋ก๋ํ๋ฉดAI Agent๊ฐ ํ์ผ ์ด๋ฆ/์ ํ์ ๊ธฐ์ค์ผ๋ก ๋ถ๋ฅํ๊ณ ํ์ํ ํด๋๋ฅผ ์์ฑํ๊ฑฐ๋ ๊ธฐ์กด ํด๋๋ก ์ด๋ Google Drive ํธ๋ฆฌ๊ฑฐ ๋
ธ๋ ์ถ๊ฐ๋
ธ๋ ์ถ๊ฐ ์ฐฝ(๋จ์ถํค n) > Google Drive ๊ฒ์ > On changes involving a specific folder ํธ๋ฆฌ๊ฑฐ๋ฅผ ์ ํํด์ ์ถ๊ฐํ๋ค. ์ด ํธ๋ฆฌ๊ฑฐ๋ ์ง์ ํ ๊ตฌ๊ธ ๋๋ผ์ด๋ธ ํด๋ ์์์ ํ์ผ ์ถ๊ฐ/์ญ์ /์์ ๋ฑ ๋ณ๊ฒฝ ์ฌํญ์ ๊ฐ์งํ๋ฉด ์ํฌํ๋ก์ฐ๋ฅผ ์คํํ๋ ์ญํ ์ ํ๋ค. ์ด์ด์ ํธ๋ฆฌ๊ฑฐ ์ค์ ์ฐฝ์ ์ด๊ณ ๊ฐ์งํ ํด๋์ ์ธ๋ถ ์ต์
์ ์ง์ ํ๋ค.Credentials (์ธ์ฆ): ๊ตฌ๊ธ ๋๋ผ์ด๋ธ ๊ณ์ ์ฐ๋.Poll Times (ํ์ธ ์ฃผ๊ธฐ): ๊ตฌ๊ธ ๋๋ผ์ด๋ธ์ ๋ณ๊ฒฝ ์ฌํญ์ ์ฒดํฌํ๋ ์ฃผ๊ธฐ. 1๋ถ ์ ๋๊ฐ ์ ๋นํ๋ค...
[n8n] ์ ํ๋ธ ๊ตฌ๋
์ฑ๋ ์ ์์ ์ด๋ฉ์ผ๋ก ๋ฐ์๋ณด๊ธฐ
[n8n] ์ ํ๋ธ ๊ตฌ๋ ์ฑ๋ ์ ์์ ์ด๋ฉ์ผ๋ก ๋ฐ์๋ณด๊ธฐ
2026.05.18๐ก ์ํฌํ๋ก์ฐ ๋ชฉํํน์ ์ ํ๋ธ ์ฑ๋์ ์๋ก์ด ์์ ์กฐํ (RSS ์ด์ฉ)์ต๊ทผ 1์ฃผ์ผ ์ด๋ด ์
๋ก๋ํ ์์๋ง ํํฐ๋งํํฐ๋งํ ์์ ์ ๋ณด๋ค์ ํ๋๋ก ์ทจํฉํ์ฌ ์ด๋ฉ์ผ ๋ฐ์ก ์ ํ๋ธ ์ฑ๋ ID ํ์ธํ๊ธฐRSS๋ ์ฆ๊ฒจ ์ฐพ๋ ์น์ฌ์ดํธ๋ ๋ธ๋ก๊ทธ ๋ฑ์ ์๋ก์ด ์์์ ๋งค๋ฒ ์ง์ ๋ฐฉ๋ฌธํ ํ์ ์์ด ํ๊ณณ์์ ๋ชจ์ ๋ณผ ์ ์๋๋ก ํด์ฃผ๋ ๊ธฐ์ ์ด๋ค. Feedly ๊ฐ์ RSS ๋ฆฌ๋๊ธฐ๋ฅผ ์ฌ์ฉํ๋ฉด ์ ๊ธ์ด ์ฌ๋ผ์ฌ ๋๋ง๋ค ์ฝํ
์ธ ๋ฅผ ์๋์ผ๋ก ๊ฐ์ ธ์ฌ ์ ์๋ค. ์ ํ๋ธ๋ RSS ๋ฒํผ์ ๋ณ๋๋ก ์ ๊ณตํ์ง ์์ง๋ง, ์๋ URL ํ์์ ํตํด RSS ํผ๋ ๊ธฐ๋ฅ์ ์ง์ํ๋ค. ์ ํ๋ธ RSS ํผ๋๋ ์ต์ ๋์์ 15๊ฐ(๋ณ๋ ๊ฐ๋ฅ) ์ ๋ณด๋ฅผ XML ํ์์ผ๋ก ๋ฐ์๋ณผ ์ ์๋ค.https://www.youtube.com/feeds/videos.xml?channel_i..
[n8n] ์์ผ ์๋ฆผ ์ด๋ฉ์ผ ๋ณด๋ด๊ธฐ
[n8n] ์์ผ ์๋ฆผ ์ด๋ฉ์ผ ๋ณด๋ด๊ธฐ
2026.05.17๐ก ์ํฌํ๋ก์ฐ ๋ชฉํ๊ตฌ๊ธ ์ํธ์์ ์์ผ ๋ชฉ๋ก ์กฐํ์ค๋, ๋ด์ผ, ์ผ์ฃผ์ผ ํ ์์ผ์ธ ์ฌ๋ ํํฐ๋ง๋์์์๊ฒ ์ด๋ฉ์ผ ์ ์ก ๊ตฌ๊ธ ์ํธ ์์ฑ์ด๋ฆ, ์์ผ, ์ด๋ฉ์ผ ์ฃผ์ ์ปฌ๋ผ์ ํฌํจํ ๊ตฌ๊ธ ์ํธ๋ฅผ ์์ฑํ๋ค. ์ค์ต์ ์ํด 3๋ช
์ ์์ผ์ ๊ฐ๊ฐ ์ค๋, ๋ด์ผ, ์ผ์ฃผ์ผ ํ ๋ ์ง๋ก ๋ณ๊ฒฝํ๋ค.NameBirthdateEmailEmily Chen05/05/1990emily.chen@example.comMichael Davis05/06/1985michael.d@example.comSarah Johnson05/11/1992sarah.j@example.comDavid Lee18/01/1988david.l@example.comOlivia Garcia06/05/1995olivia.g@example.comJames Wilson01/04/198..
[n8n] ์น์ฌ์ดํธ ๋ชจ๋ํฐ๋ง ํ
๋ ๊ทธ๋จ ๋ด ๋ง๋ค๊ธฐ
[n8n] ์น์ฌ์ดํธ ๋ชจ๋ํฐ๋ง ํ ๋ ๊ทธ๋จ ๋ด ๋ง๋ค๊ธฐ
2026.05.16๐ก ์ํฌํ๋ก์ฐ ๋ชฉํ์น์ฌ์ดํธ ์ ์ ์๋ ์ฌ๋ถ ํ์ธ์ฌ์ดํธ ์ฅ์ ๋ฐ์ ์ ํ
๋ ๊ทธ๋จ ๋ด์ผ๋ก ์๋ฆผ ์ ์ก ์ฌ์ดํธ ์๋ต ํ์ธ — HTTP Request ๋
ธ๋ ์์ฑ Method: GETURL: ํ์ธํ๊ณ ์ถ์ ์ฌ์ดํธ ์ฃผ์ ์
๋ ฅํ๋จ Add Options > Response > ์๋ ๋ ํญ๋ชฉ ์ฒดํฌInclude Response Header: ์๋ต ํค๋๊น์ง ๊ฒฐ๊ณผ์ ํฌํจNever Error: ์์ฒญ ์คํจํด๋ ์ํฌํ๋ก์ฐ๋ฅผ ์๋ฌ๋ก ์ค๋จํ์ง ์์ (์๋ฌ ์ง์ ์ฒ๋ฆฌํ ๋ ์ฌ์ฉ) ์ฅ์ ์ฌ๋ถ ํ๋จ — If ๋
ธ๋ ์ถ๊ฐ์ฌ์ดํธ ์ ์ ์ฌ๋ถ๋ฅผ ํ๋จํ๋ If ๋
ธ๋๋ฅผ ์ถ๊ฐํ๋ค. ์๋ต ํค๋์ statusCode๊ฐ 200์ด ์๋ ๊ฒฝ์ฐ, ์ฌ์ดํธ์ ๋ฌธ์ ๊ฐ ์๋ ๊ฒ์ผ๋ก ๊ฐ์ฃผํ๋ค. ์ฌ์ดํธ ์ฅ์ → ํ
๋ ๊ทธ๋จ์ผ๋ก ๋ฉ์์ง ๋ณด๋ด๊ธฐTelegram > Send a t..
[n8n] ์ํฌํ๋ก์ฐ ์๋ํ ์
๋ฌธ: ํต์ฌ ๊ฐ๋
+ ๊ธฐ์ด ์ค์ต
[n8n] ์ํฌํ๋ก์ฐ ์๋ํ ์ ๋ฌธ: ํต์ฌ ๊ฐ๋ + ๊ธฐ์ด ์ค์ต
2026.05.12n8n์ ๋ค์ํ ์ฑ๊ณผ ์๋น์ค๋ฅผ ์ฐ๊ฒฐํ์ฌ ๋ฐ๋ณต์ ์ธ ์์
์ ์ฒ๋ฆฌํ๋ ์ํฌํ๋ก์ฐ ์๋ํ ํ๋ซํผ์ด๋ค. ์ฝ๋ฉ ์์ด ๋ง์ฐ์ค ๋๋๊ทธ๋ก ๋
ธ๋(Node)๋ฅผ ์ฐ๊ฒฐํ๋ ๊ฒ๋ง์ผ๋ก ๋ฐ์ดํฐ ์์ง, ์๋ฆผ ๋ฐ์ก, ์ด๋ฉ์ผ ์ ์ก, API ํธ์ถ ๋ฑ์ ์์ฝ๊ฒ ์ฒ๋ฆฌํ ์ ์์ผ๋ฉฐ, ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ํ์ฉํ๋ฉด ๋ณต์กํ๊ณ ๊ณ ๋ํ๋ ์์
๋ ๊ฐ๋ฅํ๋ค. ํนํ AI ์๋์ n8n์ ์ฌ๋ฌ ์๋น์ค์ AI ๋ชจ๋ธ์ ์ด์ด์ฃผ๋ ๊ฐ๋ ฅํ ์ค์ผ์คํธ๋ ์ด์
ํ๋ธ ์ญํ ์ ํ๋ค. ์ธ๋ถ์์ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ AI๋ก ์์ฝ·๋ถ๋ฅ·์์ฑํ ๋ค, ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ด๋ฉ์ผ·๋ฉ์ ์ ·์คํ๋ ๋์ํธ·DB ๋ฑ์ผ๋ก ์ ๋ฌํ๋ ์ผ๋ จ์ ๊ณผ์ ์ ํ๋์ ์ํฌํ๋ก์ฐ๋ก ๊ตฌ์ฑํ ์ ์๋ค. ์๋ฅผ ๋ค์ด, ๊ณ ๊ฐ ๋ฌธ์๋ฅผ AI๋ก ๋ถ์ํ์ฌ ์ฌ๋์ผ๋ก ์๋ ๋ผ์ฐํ
ํ๊ฑฐ๋ ๋งค์ผ ์์นจ ํน์ ๋ด์ค๋ฅผ ํฌ๋กค๋งํด์ AI ์์ฝ๋ณธ์ ๋
ธ์
์ ์๋ ๋ฑ์ ์์
์..
[CLI] ์ ์ฉํ ์
ธ(Shell) ํฐ๋ฏธ๋ ๋จ์ถํค/ํ ๋ชจ์
[CLI] ์ ์ฉํ ์ ธ(Shell) ํฐ๋ฏธ๋ ๋จ์ถํค/ํ ๋ชจ์
2026.04.10์
ธ ๊ณตํต ๊ธฐ๋ฅ์ดํด๋ฅผ ๋๊ธฐ ์ํด ์ฝ๋ ๋ธ๋ก์ |๋ ์ปค์๋ผ๊ณ ๊ฐ์ ํ๋ค.macOS ํฐ๋ฏธ๋์ Option์ ๋ฉํ ํค๋ก ์ง์ ํ๋ฉด Alt ํค์ฒ๋ผ ์ฌ์ฉํ ์ ์๋ค.์๋ ์ค๋ช
์์ ์ธ๊ธํ๋ '์ค'์ ํ์ฌ ์
๋ ฅ ์ค์ธ ํ๋์ ์ปค๋งจ๋ ๋ผ์ธ(๋ช
๋ น์ค)์ ์๋ฏธํ๋ค. ์
๋ ฅ์ด ๊ธธ์ด์ง๋ฉด ํ๋ฉด์์ ์ฌ๋ฌ ์ค์ ๊ฑธ์ณ ๋ณด์ผ ์๋ ์๋ค. ๋ผ์ธ ํธ์ง ๋จ์ถํคCtrl + W : ์ปค์ ์ ๋จ์ด ์๋ผ๋ด๊ธฐ# BeforeExcepteur sit est non sed excepteur in commodo.|# AfterExcepteur sit est non sed excepteur in | Ctrl + U : ์ปค์๋ถํฐ ์ค ์์๊น์ง ์๋ผ๋ด๊ธฐ# BeforeExcepteur sit est non sed excepteur in commodo.|# After (์ปค์ ..
[OS] ํ๋ ๋งํฌ, ์ฌ๋ณผ๋ฆญ ๋งํฌ ์ฐจ์ด์
[OS] ํ๋ ๋งํฌ, ์ฌ๋ณผ๋ฆญ ๋งํฌ ์ฐจ์ด์
2025.10.19ํ์ผ ์์คํ
์์ ์ค์ ๋ฐ์ดํฐ๋ ๋์คํฌ์ ๋ฐ์ดํฐ ๋ธ๋ก(๋ฌผ๋ฆฌ์ ๋์คํฌ ๊ณต๊ฐ)์ ์ ์ฅ๋๊ณ , ํ์ผ์ ๋ฉํ๋ฐ์ดํฐ(๊ถํ/์์ ์/ํฌ๊ธฐ ๋ฑ)์ ๋ฐ์ดํฐ ๋ธ๋ก์ ์์น(์ฃผ์) ์ ๋ณด๊ฐ inode์ ์ ์ฅ๋๋ค. inode๋ ์ฝ 128๋ฐ์ดํธ ํฌ๊ธฐ์ ๊ณ ์ ๋ ๊ตฌ์กฐ์ฒด๋ก, ํ์ผ์ ๋ํ ์ ๋ณด๋ฅผ ์ ์ฅํ๋ ํ
์ด๋ธ ๊ฐ์ ๊ณณ์ด๋ค. ์ฐ๋ฆฌ๊ฐ ๋ณด๋ ํ์ผ ์ด๋ฆ์ ์ฌ์ค ์ด inode๋ฅผ ๊ฐ๋ฆฌํค๋ ํ๋์ ์ด๋ฆ์ผ ๋ฟ์ด๋ค. ํ๋ ๋งํฌ๋ฅผ ๋ง๋ค๋ฉด ๊ฐ์ inode๋ฅผ ๊ฐ๋ฆฌํค๋ ์ด๋ฆ์ด ํ๋ ๋ ์๊ธฐ๋ ์
์ด๋ค. inode๋ ๋งํฌ ์นด์ดํธ๋ฅผ ๊ฐ์ง๊ณ ์์ด์ ํ๋ ๋งํฌ๋ฅผ ์ถ๊ฐํ ๋๋ง๋ค ์ด ์นด์ดํธ๊ฐ 1์ฉ ์ฆ๊ฐํ๋ค. ํ๋ ๋งํฌ Hard Link# ํ๋ ๋งํฌ ์์ฑ ๋ช
๋ น์ดln # test.txt์ ํ๋ ๋งํฌ test2.txt ์์ฑln test.txt test2.txt ๋์ผํ ํ์ผ(i..
[JS] ๋ ์ ์ฌ์ด์ ๊ฑฐ๋ฆฌ ๊ณ์ฐํ๊ธฐ
[JS] ๋ ์ ์ฌ์ด์ ๊ฑฐ๋ฆฌ ๊ณ์ฐํ๊ธฐ
2025.07.20์์ ๋ด๋ถ์ ๊ณ ์ ๋ ์ง์ ๊ณผ ๋ง์ฐ์ค ํด๋ฆญ ์ง์ ์ฌ์ด์ ๊ฑฐ๋ฆฌ๋ฅผ ๊ณ์ฐํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์ข
์ข
์๋ค. ์๋ฅผ ๋ค์ด ์ฌ์ฉ์ ๊ฒฝํ(UX) ๊ฐ์ ์ ์ํด ๋ฒํผ ํด๋ฆญ ๊ฐ์ง ์์ญ์ ์ค์ ๋ณด๋ค ๋ ๋๊ฒ ์ค์ ํ ๋(ํด๋ฆญํ๊ธฐ ์ฝ๋๋ก ํ๊ธฐ ์ํด) ์ด๋ฐ ๊ณ์ฐ์ด ํ์ํ๋ค. ์ด๋ ๋ ์ง์ ๊ฐ์ ๊ฑฐ๋ฆฌ๋ ํผํ๊ณ ๋ผ์ค ์ ๋ฆฌ๋ฅผ ์ด์ฉํด์ ๊ตฌํ ์ ์๋ค. ํผํ๊ณ ๋ผ์ค ์ ๋ฆฌ๋ ์ง๊ฐ์ผ๊ฐํ์์ ๋น๋ณ(๊ฐ์ฅ ๊ธด ๋ณ)์ ์ ๊ณฑ์ ๋ค๋ฅธ ๋ ๋ณ์ ์ ๊ณฑ์ ํฉ๊ณผ ๊ฐ๋ค๋ ์๋ฆฌ๋ค. $$c^2 = a^2 + b^2$$ ๋น๋ณ $c$์ ๊ธธ์ด๋ฅผ ๊ตฌํ๊ธฐ ์ํด ์๋ณ์ ์ ๊ณฑ๊ทผ(๋ฃจํธ; square root)์ ์ ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ํํํ ์๋ ์๋ค. $$c = \sqrt{a^2+b^2}$$ ํํธ, ํผํ๊ณ ๋ผ์ค์ ์๋ฆฌ๋ฅผ ์ ์ฉํ๊ธฐ ์ํด ์ขํํ๋ฉด(์๋ก ์์ง์ผ๋ก ๊ต์ฐจํ๋ ๋ ์ง์ ์ผ๋ก ์ด๋ฃจ์ด์ง ํ๋ฉด)..
[CS] ๋ฒ ์ง์ ๊ณก์ ์๋ฆฌ ์ดํดํ๊ธฐ feat. ์นด์คํ
์กฐ ์๊ณ ๋ฆฌ์ฆ
[CS] ๋ฒ ์ง์ ๊ณก์ ์๋ฆฌ ์ดํดํ๊ธฐ feat. ์นด์คํ ์กฐ ์๊ณ ๋ฆฌ์ฆ
2025.06.23CSS์์ ์ ๋๋ฉ์ด์
์ด๋ ์ ํ ํจ๊ณผ๋ฅผ ์ ์ดํ ๋ ํ์ด๋ฐ ํจ์(๊ฐ์๋ ๊ณก์ )๋ฅผ ์ฌ์ฉํ๋ค. ํ์ด๋ฐ ํจ์๋ ์ ๋๋ฉ์ด์
์ด ์ผ๋ง๋ ๋น ๋ฅด๊ฒ ๋๋ ๋๋ฆฌ๊ฒ ์์ํ๊ณ ๋๋๋์ง๋ฅผ ๊ฒฐ์ ํ๋ ์ํ์ ์ธ ํจ์๋ค. ์ฝ๊ฒ ๋งํด ์ ๋๋ฉ์ด์
์ ์๋ ๋ณํ๋ฅผ ์ ์ดํ๋ ์ญํ ์ ํ๋ค. Tailwind CSS๋ฅผ ์ฌ์ฉํ๋ค๋ฉด ease-in, ease-out, ease-in-out ๋ฑ ๋ฏธ๋ฆฌ ์ ์๋์ด ์๋ ์ ํธ๋ฆฌํฐ ํด๋์ค๋ฅผ ์ฌ์ฉํด์ ๋ค์ํ ๊ฐ์๋ ๊ณก์ ์ ์ ์ฉํ ์ ์๋ค.Button A ์๋ฅผ ๋ค์ด ease๋ ๋ถ๋๋ฝ๊ฒ ์์ํด์ ๋ถ๋๋ฝ๊ฒ ๋๋๊ณ (์ผ๋ฐ์ ์ธ ๊ฐ์๋ ๊ณก์ ), ease-in์ ๋๋ฆฌ๊ฒ ์์ํด์ ๋น ๋ฅด๊ฒ ๋๋๋ ํจ๊ณผ๋ฅผ ์ค ๋ ์ฌ์ฉํ๋ค. ์ฌ์ค ease, ease-in, ease-out, ease-in-out ๋ฑ์ CSS์์ ๊ธฐ๋ณธ์ ์ผ๋ก ์ ๊ณตํ๋ ํ์ด๋ฐ ํจ์..
[JS] async ํจ์๊ฐ await๋ฅผ ๋ง๋ฌ์ ๋ ๋์ ํ๋ฆ
[JS] async ํจ์๊ฐ await๋ฅผ ๋ง๋ฌ์ ๋ ๋์ ํ๋ฆ
2025.06.14TL;DRasync/await๋ ๋น๋๊ธฐ ์ฝ๋๋ฅผ ๋๊ธฐ ์ฝ๋์ฒ๋ผ ์์ฑํ ์ ์๋๋ก ํด์ฃผ๋ ๋ฌธ๋ฒ์ ์คํ(Syntax Sugar)์ด๋ค. ๋ด๋ถ์ ์ผ๋ก๋ async ํจ์ ์คํ์ ์ผ์ ์ค๋จํ๋ค๊ฐ ํ๋ก๋ฏธ์ค๊ฐ ์ฒ๋ฆฌ๋๋ฉด ๋ง์ดํฌ๋กํ์คํฌ ํ๋ฅผ ํตํด ๋ค์ ์ฌ๊ฐํ๋ ๋ฐฉ์์ผ๋ก ๋
ผ๋ธ๋กํน์ ์ ์งํ๋ค. async/await๋ ํจ์ ์คํ์ ์ค๋จ/์ฌ๊ฐํ ์ ์๋ ์ ๋๋ ์ดํฐ์ ํ๋ก๋ฏธ์ค๋ฅผ ํ์ฉํด์ ๊ตฌํ๋์ด ์์ผ๋ฉฐ, await ์ดํ์ ์ฝ๋๋ ์ฌ์ค์ .then() ๋ฉ์๋์ ์ฝ๋ฐฑ ํจ์๋ผ๊ณ ๋ณผ ์ ์๋ค.promise.then(() => { /* await ์ดํ์ ์ฝ๋ */ }) async/await ๋ด๋ถ ๋ฉ์ปค๋์ฆasync ํจ์๋ฅผ ํธ์ถํ๋ฉด await ํค์๋๋ฅผ ๋ง๋๊ธฐ ์ ๊น์ง ์ผ๋ฐ ํจ์์ฒ๋ผ ๋๊ธฐ์ ์ผ๋ก ์คํ.async ํจ์ ์คํ ์ค await ํค์๋๋ฅผ ๋ง๋..
[CSS] grid-row ๋์ ๋ฐฉ์ ์ดํด๋ณด๊ธฐ
[CSS] grid-row ๋์ ๋ฐฉ์ ์ดํด๋ณด๊ธฐ
2025.06.03grid-row-start, grid-row-end ์์ฑ์ ๊ทธ๋ฆฌ๋ ์์ดํ
์ด ์ด๋ ํ ๋ผ์ธ๋ถํฐ ์์ํ์ฌ ์ด๋ ํ ๋ผ์ธ์์ ๋๋ ์ง ์ง์ ํ ๋ ์ฌ์ฉํ๋ค. ์ด ์์ฑ์ ๊ทธ๋ฆฌ๋ ์์ดํ
(๊ทธ๋ฆฌ๋ ์ปจํ
์ด๋์ ์ง๊ณ ์์ ์์) ์์ฒด์ ์ ์ฉํ๋ค. ์ฐธ๊ณ ๋ก ๊ทธ๋ฆฌ๋ ๋ผ์ธ์ ์ปจํ
์ด๋ ์์ ์ง์ ๋ถํฐ 1, 2, 3, … ์์ ๋ฒํธ๊ฐ ๋ถ์ฌ๋๊ณ , ์ปจํ
์ด๋ ๋ ์ง์ ๋ถํฐ๋ -1, -2, -3, … ์์ ๋ฒํธ๊ฐ ๋ถ์ฌ๋๋ค./* ๊ทธ๋ฆฌ๋ ์์ดํ
์ด 1~2๋ฒ ๋ผ์ธ ์ฐจ์ง(์ฒซ ๋ฒ์งธ ํ ํธ๋) */grid-row-start: 1; grid-row-end: 2; span์ ๊ทธ๋ฆฌ๋ ์์ดํ
์ด ์ฐจ์งํ ํธ๋์ ๊ฐ์๋ฅผ ์ง์ ํ ๋ ์ฌ์ฉํ๋ค. ์ฌ๊ธฐ์ ํธ๋(track)์ด๋ ๋ ๊ทธ๋ฆฌ๋ ๋ผ์ธ ์ฌ์ด์ ๊ณต๊ฐ์ ์๋ฏธํ๋ค. ๊ทธ๋ฆฌ๋ ์
1๊ฐ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ํ๋์ ํ ํธ๋๊ณผ, ํ๋์ ์ด ..