๐ ์ง๊ธ๊น์ง ์ฐธ์ฌํ ํ๋ก์ ํธ์ ์ฌ๋ฌ ๊ฒฝํ์ ์ค์ฌ์ผ๋ก Portfolio๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค.
![แแ
ณแแ
ณแ
แ
ตแซแแ
ฃแบ 2023-07-19 แแ
ฉแแ
ฎ 10 26 03](https://private-user-images.githubusercontent.com/113018070/254587485-5abb64fa-d28a-40fb-8855-16d2416e1069.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg3MTEzMTYsIm5iZiI6MTcxODcxMTAxNiwicGF0aCI6Ii8xMTMwMTgwNzAvMjU0NTg3NDg1LTVhYmI2NGZhLWQyOGEtNDBmYi04ODU1LTE2ZDI0MTZlMTA2OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNjE4JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDYxOFQxMTQzMzZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMzczOWViODk1ZDcxNzc2MGJlY2NkYWJhZDMyZGE5ODNkMTBhN2RlNGY4MzZiN2ZhY2MxYzM5OWI5M2FjZGI2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.nqynw25BUjTCgCDN75XqOPkLxB6cy5Y3tnOxGTHleeo)
๋ฐฐํฌ์ฃผ์ : ( https://woodaefolio.com )
์คํ ๋ช
๋ น์ด `npm run dev`
public
L icons
L images
src
L app
L components
L Intro // ํ์ด์ง ๋ค๋น๊ฒ์ด์
๋ฐ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ๋ฑ ์ค์
L About // ๋๋ฅผ ์๊ฐํ๋ ๋ถ๋ถ
L LinkBanner // ๋์ ๊ด๋ จ๋ Link ์ฐ๊ฒฐ
L ProjectList // ์ฐธ์ฌํ ํ๋ก์ ํธ ์๊ฐ
L ProjectDocs // ์ฐธ์ฌํ ํ๋ก์ ํธ์ ๊ด๋ จ๋ ๋ฌธ์ ์ฐ๊ฒฐ
L ToyProjectList // ์ํํ ํ ์ด ํ๋ก์ ํธ ์๊ฐ
L Bottom
L Footer
data ...
๐ป ์น์
- ํฌํธํด๋ฆฌ์ค๋ฅผ ๋ง๋ค๋ฉด์ ๋ค์ํ ๋ ์ด์์๊ณผ ๋ค์ํ UI๋ฅผ ๋ด๊ธฐ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค. ๋ฐ๋ผ์ UI ์ธก๋ฉด์ด๋ ๊ธฐ๋ฅ์ ์ธ ์ธก๋ฉด์์ ์ค๋ณต๋๋ ๋ถ๋ถ์ด ์ ์์ต๋๋ค.
- ์ด๋ฌํ ์ด์ ๋ก ๊ฐ ์ปดํฌ๋ํธ๋ค์ ์น์ ๋จ์๋ก ๋ฌถ์ด ์ปดํฌ๋ํธ๋ฅผ ๊ตฌ์ฑํ์ต๋๋ค.
- ex) About ์น์ , ProjectList ์น์ ... (์์ ํด๋ ๊ตฌ์กฐ์ ๋์ผ)
๐ค ๋ฐ๋ณต๋๋ UI ๋๋ ๊ธฐ๋ฅ
- ์ฐ์ ์น์ ์ ๊ธฐ์ค์ผ๋ก ์ปดํฌ๋ํธ๋ฅผ ๋ถ๋ฆฌํ๊ณ ํด๋น ์น์ ๋ด์์ ๋ฐ๋ณต๋๋ UI๋ ๊ธฐ๋ฅ์ ๋ณ๋์ ์ปดํฌ๋ํธ๋ก ๋ถ๋ฆฌํ์ต๋๋ค.
- ํ์ด์ง๊ฐ ๋ณต์กํ์ง ์์ผ๋ฉฐ ํฌํธํด๋ฆฌ์ค์ ํน์ฑ์ ๊ฐ๋ ์ฑ์ด ์ข์ ํ์ด์ง๋ฅผ ๊ตฌ์ฑํ๊ณ ์ ๋ ธ๋ ฅํ์ต๋๋ค.
- ๋ณต์กํ์ง๋ ์์ง๋ง ์ฌ์ฌํ์ง ์์ ํ์ด์ง๋ฅผ ๋ง๋ค๊ธฐ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค. ์ด๋ฅผ ์ํด animation ์ ์ฉ, scroll์ header UI ๋ณ๊ฒฝ ๋ฑ ์ ์ ์ ํ๋์ ๋ฐ๋ผ ๋์ ์ธ ๋ณํ๋ฅผ ์ฃผ์์ต๋๋ค.
- ๋ค์ํ UI๋ฅผ ๊ตฌ์ฑํ๊ณ ์ ํ์ต๋๋ค. ์บ๋ฌ์ , ํฌ์คํธ ๊ธ ํํ, ๊ฒ์ํ ํํ ๋ฑ ๊ฐ ์น์ ๋ณ๋ก ๋ค๋ฅธ UI๋ฅผ ์ ๊ณตํด ๋ณด๋ค ์ฌ๋ฏธ์๊ฒ ๋ง๋ค๊ธฐ ์ํด ๋ ธ๋ ฅํ์ต๋๋ค.
- ๊น๋ํ portfolio๋ฅผ ๋ง๋ค๊ณ ์ ํ์ต๋๋ค. (ํ ์ค, ๋น๊ทผ, ๋ฐฐ๋ฏผ๋ฌธ๋ฐฉ๊ตฌ, ์ฌ๋ฆฌ๋ธ์ ๋ฑ ๋ง์ ์ฌ์ดํธ๋ฅผ ์ฐพ์๋ณด๋ฉด์ ์ต๋ํ ํธ๋ ๋ํ๊ฒ ๋ง๋ค๊ณ ์ ํ์ต๋๋ค๋ง.. ์ต์ ์ ๋ค ํ์ต๋๋ค..๐ข)
- daisyUI ์บ๋ฌ์ ์์ tw-elements์ ์บ๋ฌ์ ์ปดํฌ๋ํธ๋ก ๋ณ๊ฒฝ ( 23.08.16 )
์์ผ๋ก๋ ์ง์์ ์ธ ์
๋ฐ์ดํธ์ PORTFOLIO์ ๋ด์ฉ์ ์ฑ์๋๊ฐ๊ธฐ ์ํด ๋
ธ๋ ฅํ ์์ ์
๋๋ค. ๊ธด ๊ธ ์ฝ์ด์ฃผ์
์ ๊ฐ์ฌํฉ๋๋ค. ๐๏ธ