๐ผ๏ธ ์์ธํ์ด์ง ๋๊ตฌ
์์ธํ์ด์ง ์ ์
์ํ ๋งํฌ ํ
์ต์ ์ด๋ฏธ์ง
์ธ๋ค์ผ
๐ ๊ฒฝ์์ฌ ๋ถ์
๐ผ๏ธ ํ์คํ๋์์
์ค๋งํธ์คํ ์ด (860px)
์์ฌ๋ชฐ (1000px)
๐พ ์ด์ ์ ์ฅ
๐ ๋ถ๋ฌ์ค๊ธฐ
๐ ๊ฒฝ์์ฌ ์ฐธ๊ณ
๐ HTML ๋ณต์ฌ
๐ผ๏ธ JPG๋ก ์ ์ฅ
์์ฐฝ(_blank)
๐พ ์ ์ฅ
๐ ๋ถ๋ฌ์ค๊ธฐ
โ๏ธ ์นดํ24 ์ค์
๐ค ์ ๋ก๋ ํ ๋งํฌ
๐ table ๋ณต์ฌ
2์ด
3์ด
4์ด
1000px
860px
+ ์ต์ ์ถ๊ฐ
๐พ ์ ์ฅ
๐ ๋ถ๋ฌ์ค๊ธฐ
๐จ Figma๋ก ๋ณด๋ด๊ธฐ
๐ผ๏ธ JPG๋ก ์ ์ฅ
๊ธฐ๋ณธ ์ ๋ณด
๋ธ๋๋/ํ์ฌ
ํด๋ฆฐ (์ค์์นยท์ฝ์ผํธ)
๊ฒฝ์ฑ์ ์ ์ฌ
์ ํ๋ช
๋ชจ๋ธ๋ช
๊ฐ์กฐ ์์(์ ํ)
ํฐํธ โ ์ญํ ๋ณ ์ข ๋ฅยทํฌ๊ธฐยท์๊ฐยท์์
ํ ์ค ์นดํผ
๋ํ ์ด๋ฏธ์ง
ยท ํฐ์ ์นด๋ ์์ ํ์ ยท ๊ฐ์ด๋ฐ ์ ๋ ฌ
๋ํ ์ด๋ฏธ์ง ํฌ๊ธฐ
100%
๋ํ ์ด๋ฏธ์ง ๋ฐ๊ธฐ
100%
ํต์ฌ ํฌ์ธํธ
+ ํฌ์ธํธ ์ถ๊ฐ
์์ธ ํน์ง (์ด๋ฏธ์ง+์ค๋ช )
+ ํน์ง ๋ธ๋ก ์ถ๊ฐ
์ ํ ์ฌ์ (๊ท๊ฒฉํ)
+ ์ฌ์ ํ ์ถ๊ฐ
๊ตฌ์ฑํ ยท ์ค์น
๊ตฌ์ฑํ (์ค๋ฐ๊ฟ์ผ๋ก ๊ตฌ๋ถ)
์ค์น ์๋ด (์ค๋ฐ๊ฟ์ผ๋ก ๊ตฌ๋ถ)
์ธ์ฆ ยท ๋ฐฐ์ก/AS
์ธ์ฆ ๋ฐฐ์ง (์ผํ๋ก ๊ตฌ๋ถ)
๋ฐฐ์กยท๊ตํยทAS ์๋ด
๋ฏธ๋ฆฌ๋ณด๊ธฐ
์ด๋ฏธ์ง ๋ฒ ์ด์ค URL
ํ์ผ๋ช ๋ง ์ ๋ ฅ โ ๋ฒ ์ด์ค+ํ์ผ๋ช ์ผ๋ก src ยท ์ ์ฒด URL์ด๋ฉด ๊ทธ๋๋ก ์ฌ์ฉ
+ ํญ๋ชฉ ์ถ๊ฐ
๋ฏธ๋ฆฌ๋ณด๊ธฐ
์ผ์ชฝ = ์ฐ์ธก์ ๋ ฌ ยท ์ค๋ฅธ์ชฝ = ์ข์ธก์ ๋ ฌ ยท ๋ง์ง๋ง ํ์ = ๊ฐ์ด๋ฐ(colspan)
์์ฑ๋ <table> ํ๊ทธ
ํค๋๋ฌธ๊ตฌ
๊ฐ์กฐ์
์ต์ ์ ์์ ๋กญ๊ฒ ์ถ๊ฐ/์ญ์ ยท ์ฌ์ง ์ ๋ก๋ ยท ๊ฐ๊ฒฉ ์ง์ ์ ๋ ฅ
๋ฏธ๋ฆฌ๋ณด๊ธฐ
๋ฐฐ๊ฒฝ์
๐ผ๏ธ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง
๐๏ธ ์ ๋ฃ์ด๋ฏธ์ง
โ ์ ๋ฃ์ด๋ฏธ์ง ์ถ๊ฐ
๋ฐฐ๊ฒฝ ํ๋
๋ฐฐ๊ฒฝ ๋ฐ๊ธฐ
โ ๋ฐฐ๊ฒฝ ๋ฐ์
๋ฐฐ๊ฒฝ ์ง์ฐ๊ธฐ
๐ท๏ธ ๋ก๊ณ
+ ์ํ ์ถ๊ฐ
๐พ ์ ์ฅ
๐ ๋ถ๋ฌ์ค๊ธฐ
๐จ Figma๋ก ๋ณด๋ด๊ธฐ
๐ผ๏ธ JPG๋ก ์ ์ฅ
1000ร1000 ์บ๋ฒ์ค
๋ฐฐ๊ฒฝ=๋น ๊ณณ ๋๋๊ทธ๋ก ์์น ยท ์ํ=ํด๋ฆญ ํ ๋๋๊ทธ/๋ชจ์๋ฆฌ ํฌ๊ธฐ์กฐ์ /์ ๋ ฌ
ร
๐ท๏ธ ์ ์กฐ์ฌ ๋ก๊ณ
์ ์กฐ์ฌ๋ช ๊ณผ ๋ก๊ณ ๋ฅผ ์ ์ฅํด ๋๋ฉด ๋ค๋ฅธ ์ํ ์์ ๋ ๊ณจ๋ผ์ ๋ฐ๋ก ์ฌ๋ฆด ์ ์์ด์. ํฌ๊ธฐยท์์น๊น์ง ํจ๊ป ์ ์ฅ๋ฉ๋๋ค.
์ฌ๋ฆฐ ๋ค ์บ๋ฒ์ค์์
๋๋๊ทธ๋ก ์์น
,
๋ชจ์๋ฆฌ๋ก ํฌ๊ธฐ
๋ฅผ ๋ง์ถ๊ณ [ํ์ฌ ๋ก๊ณ ์ ์ฅ]์ ๋๋ฅด์ธ์.
๐ ๋ก๊ณ ์ฌ๋ฆฌ๊ธฐ
๐พ ํ์ฌ ๋ก๊ณ ์ ์ฅ
๐๏ธ ์ ๊ฑฐ
์ ์ฅ๋ ๋ก๊ณ
ยท ํด๋ฆญํ๋ฉด ์ ์ฅํ ํฌ๊ธฐยท์์น๋ก ์บ๋ฒ์ค์ ์ฌ๋ผ๊ฐ๋๋ค
ร
๐๏ธ ์ ๋ฃ์ด๋ฏธ์ง์์ ๋ฐฐ๊ฒฝ ์ ํ
ํด๋ฆญํ๋ฉด ์ธ๋ค์ผ ๋ฐฐ๊ฒฝ์ผ๋ก ์ ์ฉ๋ฉ๋๋ค. (์์นยทํ๋ยท๋ฐ์ ์ ์ ์ฉ ํ ์กฐ์ )
์ฃผ์ฐจ
โณ ์ง๊ธ ์์ง
๐ค URL ์๋์์ง
๐พ ์ ์ฅ ๋ถ์ ๋ณด๊ธฐ
๐ ์ํ ๋น๊ต ๋ถ์
์์ ๊ด๋ฆฌ ํค์๋ ยท ๋ค์ด๋ฒ์ผํ ์์10(์ ํ๋์) ยท ๋งค์ฃผ ํ 09:00 ์๋ ยท ํ๋งค๋ยท๋ฆฌ๋ทฐ๋ ์บก์ฒ ๋ถ์์ผ๋ก ๋ณด์
๋ถ๋ฌ์ค๋ ์คโฆ
ร
๐ ์ํ ๋น๊ต ๋ถ์
โ ๋ซ๊ธฐ
๐พ ์ ์ฅ๋ ๋ถ์ ์๋ฃ
ร
์นดํ ๊ณ ๋ฆฌ
์ ์ฒด
์ ๋ ฌ
์ ์ฅ์ผ ์ต์ ์
์ ์ฅ์ผ ์ค๋๋์
์ํ๋ช ์
๐ ๊ฒฝ์์ฌ ์ฐธ๊ณ
โ ๋ซ๊ธฐ
๊ฒฝ์์ฌ ๋ถ์์ ์ ํํ๋ฉด ์ด๋ฏธ์งยทAI์์ฝ์ ๋ณด๋ฉฐ ์์ฑํ ์ ์๊ณ ,
gemma ์ด์ ์์ฑยท๊ฐ์ ์ฒดํฌ๋ฆฌ์คํธ๋ฅผ ๋ง๋ค ์ ์์ต๋๋ค.
ร
โ๏ธ ์นดํ24 FTP ์ค์
์ด๋ฏธ์ง๋ฅผ ์นดํ24 ํธ์คํ (hermes ํด๋)์ ์ฌ๋ ค
https ๋งํฌ
๋ก ์๋๋ค. ์ค๋งํธ์คํ ์ด์ ๋ถ์ฌ๋ ์ด๋ฏธ์ง๊ฐ ๊ทธ๋๋ก ๋ณด์ ๋๋ค. ์ ์์ ๋ณด๋ ์๋ฒ์๋ง ์ ์ฅ๋๊ณ ๋น๋ฐ๋ฒํธ๋ ํ๋ฉด์ ๋ค์ ํ์๋์ง ์์ต๋๋ค.
FTP ํธ์คํธ
ํฌํธ
FTP ์์ด๋
FTP ๋น๋ฐ๋ฒํธ
์ ๋ก๋ ํด๋(FTP ๊ฒฝ๋ก)
ยท ๋ก๊ทธ์ธ ์์น ๊ธฐ์ค. ์ ๋ณด์ด๋ฉด www/hermes ์๋
๊ณต๊ฐ URL ๋ฒ ์ด์ค
FTPS(๋ณด์) ์ฌ์ฉ
๐ ์ฐ๊ฒฐ ํ ์คํธ
๐พ ์ ์ฅ
ร
์์ ์ ์ฅํจ
๐พ ์ ์ฅ
์ ์ฅ๋ ํญ๋ชฉ
ยท ํด๋ฆญํ๋ฉด ๋ถ๋ฌ์ต๋๋ค
ร
๐ HTML ๋ณต์ฌ โ ์ค๋งํธ์คํ ์ด ยท ์นดํ24 ๋ฑ๋ก์ฉ
์ธ๋ถ CSSยท์นํฐํธยท
<style>
์์ด
์ธ๋ผ์ธ ์คํ์ผ ์ต์๋ณธ
์ผ๋ก ์์ฑํฉ๋๋ค. ํ ์คํธ๊ฐ ์ค์ ๊ธ์๋ก ๋ค์ด๊ฐ ๊ฒ์ยทAI ๋ ธ์ถ์ ์ ๋ฆฌํฉ๋๋ค.
ยท
์ค๋งํธ์คํ ์ด
: ์์ธ์ค๋ช โ
HTML ์์ฑ
๋ชจ๋์ ๋ถ์ฌ๋ฃ๊ธฐ
ยท
์นดํ24
: ์์ธ์ค๋ช ํธ์ง๊ธฐ โ
</> HTML(์์คํธ์ง)
๋ชจ๋์ ๋ถ์ฌ๋ฃ๊ธฐ
์ด๋ฏธ์ง
ํ ์คํธ๋ง (์ด๋ฏธ์ง ์ ์ธ)
base64 ํฌํจ (์นดํ24์ฉ)
์นดํ24 ์ ๋ก๋ โ ๋งํฌ (์ค๋งํธ์คํ ์ด OK)
โ๏ธ ์นดํ24 ์ค์
๐ ๋ณต์ฌํ๊ธฐ
๐ค URL ์๋์์ง
URL๋ง ๋ฃ์ผ๋ฉด Mac ํด๋ฌ๊ฐ ์์งโ8์ถ ๋ถ์โ์ฌ๊ธฐ ํ์
โ ๋ซ๊ธฐ
claude
codex
๏ผ ์์ง ์์ฒญ
โณ
๐ ๋ค์ด๋ฒ ๋ก๊ทธ์ธ
๋ถ๋ฌ์ค๋ ์คโฆ