Skip to content

KDT1-FE/Y_FE_JAVASCRIPT_PICTURE

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 

Repository files navigation

๐Ÿ“ท ์ง์› ์‚ฌ์ง„ ๊ด€๋ฆฌ ์„œ๋น„์Šค

์ง์›๋“ค์˜ ์‚ฌ์ง„์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ง„ ๊ด€๋ฆฌ์ž ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค์–ด ๋ณด์„ธ์š”.

๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ„์€ ๋ณ„๋„ ๊ณต์ง€๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”!

[๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ์ œ์ถœ ๋ฐฉ๋ฒ•]

  1. ํ˜„์žฌ ์ €์žฅ์†Œ๋ฅผ ๋กœ์ปฌ์— ํด๋ก (Clone)ํ•ฉ๋‹ˆ๋‹ค.
  2. ์ž์‹ ์˜ ๋ณธ๋ช…์œผ๋กœ ๋ธŒ๋žœ์น˜๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.(๊ตฌ๋ถ„ ๊ฐ€๋Šฅํ•˜๋„๋ก ๋ณธ๋ช…์„ ๊ผญ ํŒŒ์Šค์นผ์ผ€์ด์Šค๋กœ ํ‘œ์‹œํ•˜์„ธ์š”, git branch KDT0_์ด๋ฆ„)
  3. ์ž์‹ ์˜ ๋ณธ๋ช… ๋ธŒ๋žœ์น˜์—์„œ ๊ณผ์ œ๋ฅผ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.
  4. ๊ณผ์ œ ์ˆ˜ํ–‰์ด ์™„๋ฃŒ๋˜๋ฉด, ์ž์‹ ์˜ ๋ณธ๋ช… ๋ธŒ๋žœ์น˜๋ฅผ ์›๊ฒฉ ์ €์žฅ์†Œ์— ํ‘ธ์‹œ(Push)ํ•ฉ๋‹ˆ๋‹ค.(main ๋ธŒ๋žœ์น˜์— ํ‘ธ์‹œํ•˜์ง€ ์•Š๋„๋ก ๊ผญ ์ฃผ์˜ํ•˜์„ธ์š”, git push origin KDT0_์ด๋ฆ„)
  5. ์ €์žฅ์†Œ์—์„œ main ๋ธŒ๋žœ์น˜๋ฅผ ๋Œ€์ƒ์œผ๋กœ Pull Request ์ƒ์„ฑํ•˜๋ฉด, ๊ณผ์ œ ์ œ์ถœ์ด ์™„๋ฃŒ๋ฉ๋‹ˆ๋‹ค!(E.g, main <== KDT0_์ด๋ฆ„)
  6. Pull Request ๋งํฌ๋ฅผ LMS๋กœ๋„ ์ œ์ถœํ•ด ์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  7. main ํ˜น์€ ๋‹ค๋ฅธ ์‚ฌ๋žŒ์˜ ๋ธŒ๋žœ์น˜๋กœ ์ ˆ๋Œ€ ๋ณ‘ํ•ฉํ•˜์ง€ ์•Š๋„๋ก ์ฃผ์˜ํ•˜์„ธ์š”!
  8. Pull Request์—์„œ ๋ณด์ด๋Š” ์„ค๋ช…์„ ๋‹ค๋ฅธ ์‚ฌ๋žŒ๋“ค์ด ์ดํ•ดํ•˜๊ธฐ ์‰ฝ๋„๋ก ๊ผผ๊ผผํ•˜๊ฒŒ ์ž‘์„ฑํ•˜์„ธ์š”!
  9. Pull Request์—์„œ ๊ณผ์ œ ์ œ์ถœ ํ›„ ์ ˆ๋Œ€ ๋ณ‘ํ•ฉ(Merge)ํ•˜์ง€ ์•Š๋„๋ก ์ฃผ์˜ํ•˜์„ธ์š”!
  10. ๊ณผ์ œ ์ˆ˜ํ–‰ ๋ฐ ์ œ์ถœ ๊ณผ์ •์—์„œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•œ ๊ฒฝ์šฐ, ๋ฐ”๋กœ ๋‹ด๋‹น ๋ฉ˜ํ† ๋‚˜ ๊ฐ•์‚ฌ์—์„œ ์–˜๊ธฐํ•˜์„ธ์š”!

[ํ•„์ˆ˜ ์š”๊ตฌ์‚ฌํ•ญ]

  • โ€œAWS S3 / Firebase ๊ฐ™์€ ์„œ๋น„์Šคโ€๋ฅผ ์ด์šฉํ•˜์—ฌ ์‚ฌ์ง„์„ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๋Š” ํŽ˜์ด์ง€๋ฅผ ๊ตฌํ˜„ํ•˜์„ธ์š”.
  • ํ”„๋กœํ•„ ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•˜์„ธ์š”.
  • ์Šคํฌ๋กค์ด ๊ฐ€๋Šฅํ•œ ํ˜•ํƒœ์˜ ๋ฆฌ์ŠคํŒ… ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•˜์„ธ์š”.
  • ์ „์ฒด ํŽ˜์ด์ง€ ๋ฐ์Šคํฌํƒ‘-๋ชจ๋ฐ”์ผ ๋ฐ˜์‘ํ˜• ํŽ˜์ด์ง€๋ฅผ ๊ฐœ๋ฐœํ•˜์„ธ์š”.
  • ์‚ฌ์ง„์„ ๋“ฑ๋ก, ์ˆ˜์ •, ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
  • ์œ ์ € ํ”Œ๋กœ์šฐ๋ฅผ ์ œ์ž‘ํ•˜์—ฌ ๋ฆฌ๋“œ๋ฏธ์— ์ถ”๊ฐ€ํ•˜์„ธ์š”.
  • CSS
    • ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ตฌํ˜„
    • ์ƒ๋Œ€์ˆ˜์น˜ ์‚ฌ์šฉ(rem, em)
  • JavaScript
    • DOM event ์กฐ์ž‘

[์„ ํƒ ์š”๊ตฌ์‚ฌํ•ญ]

  • ์‚ฌ์ง„ ๊ด€๋ฆฌ ํŽ˜์ด์ง€์™€ ๊ด€๋ จ๋œ ๊ธฐํƒ€ ๊ธฐ๋Šฅ๋„ ๊ณ ๋ คํ•ด ๋ณด์„ธ์š”.
  • ํŽ˜์ด์ง€๊ฐ€ ๋ณด์—ฌ์ง€๊ธฐ ์ „์— ๋กœ๋”ฉ ์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋ณด์ด๋„๋ก ๋งŒ๋“ค์–ด๋ณด์„ธ์š”.
  • ์ง์›์„ ๋“ฑ๋ก, ์ˆ˜์ •, ์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ด๋ณด์„ธ์š”.
  • ์ง์› ๊ฒ€์ƒ‰ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด ๋ณด์„ธ์š”.
  • infinity scroll ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด ๋ณด์„ธ์š”.
  • ์‚ฌ์ง„์„ ํŽธ์ง‘ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ด ๋ณด์„ธ์š”.
  • LocalStorage ์‚ฌ์šฉ

[ํ™”๋ฉด ์˜ˆ์‹œ]

111 222

[ํ๋ฆ„]

333

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published