๐Ÿ’ป Programming/๊ธฐํƒ€

ํ”„๋ก ํŠธ์—”๋“œ ์›น๊ฐœ๋ฐœ ๊ณต๋ถ€ ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ ์ •๋ฆฌ

2023. 2. 19. 14:16
๊ฐ•์˜

 

๋…ธ๋งˆ๋“œ ์ฝ”๋”

- ์œ ํŠœ๋ฒ„ ๋…ธ๋งˆ๋“œ์ฝ”๋” ๋‹ˆ์ฝœ๋ผ์Šค์˜ ๋ฌดยท์œ ๋ฃŒ ๊ฐ•์˜ ์‚ฌ์ด

https://nomadcoders.co/

 

์œ ๋ฐ๋ฏธ

- ๋ฏธ๊ตญ ์˜จ๋ผ์ธ ๊ฐ•์˜ ์‚ฌ์ดํŠธ

https://www.udemy.com/ko/

 

์ธํ”„๋Ÿฐ

- ๊ตญ๋‚ด ์˜จ๋ผ์ธ ๊ฐ•์˜ ์‚ฌ์ดํŠธ

https://www.inflearn.com/

 

 

 


๊ฐœ๋ฐœ ์ „๋ฐ˜

 

MDN Web Docs

- ์›น ๊ด€๋ จ ๋‚˜๋ฌด์œ„ํ‚ค๊ฐ™์€ ์‚ฌ์ดํŠธ

https://developer.mozilla.org/ko/

 

์ถœํ‡ด๊ทผ๊ธธ ๊ฐœ๋ฐœ ์ฝ๊ธฐ

- ๊ฐœ๋ฐœ ๊ด€๋ จ ์ปจํ…์ธ , ํŠธ๋ Œ๋“œ ๊ด€๋ จ ๋‹ค์–‘ํ•˜๊ณ  ์œ ์ตํ•œ ์ž๋ฃŒ

https://github.com/Integerous/goQuality-dev-contents

 

 

 


CSS

 

Flexbox Froggy
- CSS Flexbox์— ๋Œ€ํ•œ ๊ฐœ๋…์„ ๊ฒŒ์ž„์œผ๋กœ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ
https://flexboxfroggy.com/#ko

 

CSS Diner
- CSS ์„ ํƒ์ž๋ฅผ ๊ฒŒ์ž„์˜ ํ˜•์‹์„ ํ†ตํ•ด์„œ ์ตํž ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ
http://flukeout.github.io/

Ceaser - CSS Easing Animation Tool - Matthew Lein
- CSS ํŠธ๋žœ์ง€์…˜ easing ์‚ฌ์ดํŠธ
https://matthewlein.com/tools/ceaser

Animista - On-Demand CSS Animations Library
- CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ชจ์Œ
https://animista.net/

Media Queries
- ๋ฏธ๋””์–ด ์ฟผ๋ฆฌ๋กœ ๋งŒ๋“  ๋‹ค์–‘ํ•œ ์›น์‚ฌ์ดํŠธ๋ฅผ ํ•œ๋ˆˆ์—
https://mediaqueri.es/

์ €์ž‘์žํ‘œ์‹œ

'๐Ÿ’ป Programming > ๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

[ํด๋ฆฐ ์ฝ”๋“œ Clean Code] 1์žฅ ๊นจ๋—ํ•œ ์ฝ”๋“œ  (0) 2024.01.14
VS Code ์ž‘์€ ๋”ฐ์˜ดํ‘œ, ํฐ ๋”ฐ์˜ดํ‘œ ์„ค์ •ํ•˜๊ธฐ  (1) 2024.01.07
ROM, RAM, SSD, HDD (feat. ํ”„๋กœ์ ํŠธ ํ—ค์ผ๋ฉ”๋ฆฌ)  (1) 2024.01.05
'๐Ÿ’ป Programming/๊ธฐํƒ€' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [ํด๋ฆฐ ์ฝ”๋“œ Clean Code] 1์žฅ ๊นจ๋—ํ•œ ์ฝ”๋“œ
  • VS Code ์ž‘์€ ๋”ฐ์˜ดํ‘œ, ํฐ ๋”ฐ์˜ดํ‘œ ์„ค์ •ํ•˜๊ธฐ
  • ROM, RAM, SSD, HDD (feat. ํ”„๋กœ์ ํŠธ ํ—ค์ผ๋ฉ”๋ฆฌ)
Jiwon()
Jiwon()
Jiwon()
jiwondev.log
Jiwon()
์ „์ฒด
์˜ค๋Š˜
์–ด์ œ
  • ์ „์ฒด๋ณด๊ธฐ (86)
    • โœ๏ธ What I Learned (52)
      • TIL (41)
      • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ… (8)
    • ๐Ÿ’ป Programming (31)
      • Algorithm (12)
      • React (1)
      • JS, TS (7)
      • HTML, CSS (7)
      • ๊ธฐํƒ€ (4)
    • ๐Ÿ–Š๏ธ ์ผ๊ธฐ (3)
      • ์ผ์ƒ๊ธฐ๋ก (2)

๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

  • ํ™ˆ
  • ํƒœ๊ทธ
  • ๋ฐฉ๋ช…๋ก

๊ณต์ง€์‚ฌํ•ญ

์ธ๊ธฐ ๊ธ€

ํƒœ๊ทธ

  • HTML
  • ํ”„๋ก ํŠธ์—”๋“œ
  • ํŠธ๋Ÿฌ๋ธ”์ŠˆํŒ…
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜
  • ์ฝ”๋”ฉ
  • ๋ฆฌ์•กํŠธ
  • Til
  • transition
  • javascript
  • React-Hook-Form
  • Next.js
  • Prisma
  • Redux
  • ChatGPT
  • slice
  • ์›น๊ฐœ๋ฐœ
  • css
  • reduxtoolkit
  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ
  • TypeScript
  • Firebase
  • ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค
  • recoil
  • nextjs
  • tailwindcss
  • SSR
  • ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„
  • React
  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ
  • ํด๋ฆฐ์ฝ”๋“œ

์ตœ๊ทผ ๋Œ“๊ธ€

์ตœ๊ทผ ๊ธ€

hELLO ยท Designed By ์ •์ƒ์šฐ.
Jiwon()
ํ”„๋ก ํŠธ์—”๋“œ ์›น๊ฐœ๋ฐœ ๊ณต๋ถ€ ์œ ์šฉํ•œ ์‚ฌ์ดํŠธ ์ •๋ฆฌ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”

๋‹จ์ถ•ํ‚ค

๋‚ด ๋ธ”๋กœ๊ทธ

๋‚ด ๋ธ”๋กœ๊ทธ - ๊ด€๋ฆฌ์ž ํ™ˆ ์ „ํ™˜
Q
Q
์ƒˆ ๊ธ€ ์“ฐ๊ธฐ
W
W

๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๊ธ€

๊ธ€ ์ˆ˜์ • (๊ถŒํ•œ ์žˆ๋Š” ๊ฒฝ์šฐ)
E
E
๋Œ“๊ธ€ ์˜์—ญ์œผ๋กœ ์ด๋™
C
C

๋ชจ๋“  ์˜์—ญ

์ด ํŽ˜์ด์ง€์˜ URL ๋ณต์‚ฌ
S
S
๋งจ ์œ„๋กœ ์ด๋™
T
T
ํ‹ฐ์Šคํ† ๋ฆฌ ํ™ˆ ์ด๋™
H
H
๋‹จ์ถ•ํ‚ค ์•ˆ๋‚ด
Shift + /
โ‡ง + /

* ๋‹จ์ถ•ํ‚ค๋Š” ํ•œ๊ธ€/์˜๋ฌธ ๋Œ€์†Œ๋ฌธ์ž๋กœ ์ด์šฉ ๊ฐ€๋Šฅํ•˜๋ฉฐ, ํ‹ฐ์Šคํ† ๋ฆฌ ๊ธฐ๋ณธ ๋„๋ฉ”์ธ์—์„œ๋งŒ ๋™์ž‘ํ•ฉ๋‹ˆ๋‹ค.