๊ด€๋ฆฌ ๋ฉ”๋‰ด

JiYoung Dev ๐Ÿ–ฅ

์›น ๊ฐœ๋ฐœ ์ถ”์ฒœ ์‚ฌ์ดํŠธ ๋ชจ์Œ ๋ณธ๋ฌธ

full stack/ํ”„๋กœ์ ํŠธ

์›น ๊ฐœ๋ฐœ ์ถ”์ฒœ ์‚ฌ์ดํŠธ ๋ชจ์Œ

Shinjio 2023. 4. 28. 11:55

[ํ™ˆํŽ˜์ด์ง€ ๋ฌด๋ฃŒ ํ…œํ”Œ๋ฆฟ ์‚ฌ์ดํŠธ]

  1. https://html5up.net/
  2. https://bootstrapthemes.co/items/free-bootstrap-templates/
  3. https://themewagon.com/theme_tag/free/
  4. https://all-free-download.com/free-website-templates/
  5. https://startbootstrap.com/
  6. https://freewebsitetemplates.com/
  7. https://tympanus.net/codrops/

 

[๋‹ค์–‘ํ•œ ์•„์ด์ฝ˜ ๊ฐ€์ ธ์˜ค๋Š” ์‚ฌ์ดํŠธ]

https://fontawesome.com/

 

 

ํฐํŠธ์–ด์ธ - Font Awesome ์•„์ด์ฝ˜ ์‚ฌ์šฉ๋ฒ•

ํฐํŠธ์–ด์ธ(fontawesome)์ด์šฉํ•˜๊ธฐ ํฐํŠธ์–ด์ธ ์‚ฌ์šฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…๋‹ˆ๋‹ค. ํฐํŠธ์–ด์ธ์„ ์ด์šฉํ•˜๋ ค๋ฉด cdn์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํฐํŠธ์–ด์ธ์ด ์ƒˆ๋กญ๊ฒŒ ์—…๊ทธ๋ ˆ์ด๋“œ ๋˜์–ด์„œ cdn ํ˜•ํƒœ๋„ ๋‹ฌ๋ผ์กŒ์Šต๋‹ˆ๋‹ค. ํฐํŠธ์–ด

amango.tistory.com

 

[์ปฌ๋Ÿฌ ์‚ฌ์ดํŠธ]

๋‹ค์–‘ํ•œ ์ƒ‰๋“ค์„ ๊ฐ€์ ธ์˜ค๊ธฐ ํŽธํ•œ ์‚ฌ์ดํŠธ

 

Flat UI Colors 2 - 14 Color Palettes, 280 colors ๐ŸŽจ

280 handpicked colors ready for COPY & PASTE

flatuicolors.com

 

์›น์„ ๋งŒ๋“ค ๋•Œ ๋ฉ”์ธ๊ธฐ๋Šฅ๊ณผ ํƒ€๊ฒŸ(์—ฐ๋ น์ธต, ์„ฑ๋ณ„ ๋“ฑ)์ด ๊ฐ€์žฅ ์ค‘์š”ํ•จ
๋ฉ”์ธ๊ธฐ๋Šฅ ๋ฐ ํƒ€๊ฒŸ์— ๋”ฐ๋ผ ์•Œ๋งž๋Š” ๋ฉ”์ธ ์ปฌ๋Ÿฌ๋ฅผ ์„ค์ •ํ•ด์•ผ ํ•จ
๋ฉ”์ธ์ปฌ๋Ÿฌ 1๊ฐœ, ์„œ๋ธŒ์ปฌ๋Ÿฌ 1๊ฐœ > ๊ฐ™์€ ํŒ”๋ ˆํŠธ ์•ˆ์—์„œ ์„ ํƒ
ํฐํŠธ ๋˜ํ•œ ์ œ๋ชฉ ํฐํŠธ 1๊ฐœ, ๋ณธ๋ฌธ ํฐํŠธ 1๊ฐœ๋งŒ ์‚ฌ์šฉํ•˜๊ธฐ

 

[ํ™”๋ฉด์„ค๊ณ„์„œ ์ฐธ๊ณ  ์‚ฌ์ดํŠธ]

 

ํ™”๋ฉด์„ค๊ณ„์„œ(Wireframe)๋ž€? ํ‰์ƒ ์จ๋จน๋Š” ์ œ์ž‘ ๊ฟ€ํŒ! | ์š”์ฆ˜IT

์•„์ฃผ ์ค‘์š”ํ•œ ๊ฐœ๋…์ด์ง€๋งŒ ์–ด๋ ดํ’‹์ด ์•Œ๊ณ  ๊ณ„์‹  ๋ถ„๋“ค์„ ์œ„ํ•ด 'ํ™”๋ฉด์„ค๊ณ„์„œ'์— ๋Œ€ํ•œ ๋ชจ๋“  ๊ฒƒ๋“ค์„ ์•Œ๋ ค๋“œ๋ฆฌ๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ํ™”๋ฉด์„ค๊ณ„์„œ๊ฐ€ ๋Œ€์ฒด ๋ฌด์—‡์ธ์ง€, ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค์˜ ์–ด๋Š ๊ณณ์— ์‚ฌ

yozm.wishket.com

 

[๋ ˆ์ด์•„์›ƒ ์งœ๋Š” ์‚ฌ์ดํŠธ]

๊ทธ๋ ‡๊ฒŒ ์ถ”์ฒœํ•˜์ง€๋Š” ์•Š์Œ

 

Drawter.com - DrawAble Markup Language

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you h

drawter.com

 

[๋กœ์ปฌ ๊ฐœ๋ฐœํ™˜๊ฒฝ ๋ฐฐํฌ]

https://ngrok.com/

 

ngrok - Online in One Line

Zero Trust Add SSO, Mutual TLS, IP Policy, and webhook signature verification.

ngrok.com