ํ”ผ๋“œ๋ฐฑ&ํšŒ๊ณ /Monthly Feedback

2023๋…„ 5์›” ์›”๊ฐ„ํšŒ๊ณ 

์ฑ”๐Ÿป 2024. 1. 24. 20:08

5์›”์˜ ์‹œ๊ฐ„๊ธฐ๋ก

1์ฃผ์ฐจ
2์ฃผ์ฐจ
3์ฃผ์ฐจ
4์ฃผ์ฐจ

์ฃผ๊ฐ„ํšŒ๊ณ 

๋งค์ฃผ ์ฃผ๊ฐ„ํšŒ๊ณ  ์“ฐ๊ธฐ ์„ฑ๊ณต!

5์›” ํ•œ ๋‹ฌ๊ฐ„ ํ•™์Šตํ•œ ๊ฒƒ๋“ค

Spring

5์›”์—๋Š” ๋ณธ๊ฒฉ์ ์œผ๋กœ ์Šคํ”„๋ง์„ ๋ฐฐ์šฐ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค! 5์›”์€ ์Šคํ”„๋ง์˜ ๋‹ฌ์ด์—ˆ๋‹ค๊ณ  ํ•ด๋„ ๊ณผ์–ธ์ด ์•„๋‹๋“ฏ ๊ทธ์ •๋„๋กœ ์‹œ๊ฐ„์„ ๋งŽ์ด ์Ÿ์•˜๊ณ  ์—ด์‹ฌํžˆํ–ˆ๋‹ค.

  1. ์Šคํ”„๋ง์˜ ์ •์„ ์™„๊ฐ•(Ch5 ๊นƒ ๋ถ€๋ถ„ ์ œ์™ธ)

    ์Šค์ • ๊ฐ„๋‹จํ•˜๊ฒŒ ํ›„๊ธฐ๋ฅผ ์จ๋ณด์ž๋ฉด, ๊ทธ๋ƒฅ ์ด๋Ÿฐ ๊ธฐ๋Šฅ์ด ์žˆ์œผ๋‹ˆ๊นŒ ์จ๋ผ๊ฐ€ ์•„๋‹Œ ๋™์ž‘ ์›๋ฆฌ์— ๋Œ€ํ•ด์„œ ์ž์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…”์„œ ์ข‹์•˜๋‹ค.

    ์Šคํ”„๋ง์— ๋Œ€ํ•ด ํ•ญ์ƒ ๋„ˆ๋ฌด ๊ฒ๋จน๊ณ  ์žˆ์—ˆ๋Š”๋ฐ ๋ง‰์ƒ ํ•ด๋ณด๋‹ˆ ๋ณ„๊ฑฐ ์•„๋‹ˆ์—ˆ์Œ

    ์„ ์ƒ๋‹˜์ด ํ•ญ์ƒ ๋ง์”€ํ•˜์‹œ๋Š” ์Šคํ”„๋ง์ด ์–ด๋ ต๋‹ค๊ณ  ํ•˜๋Š” ์‚ฌ๋žŒ๋“ค์€ ์ž๋ฐ”๊ฐ€ ์•ˆ ๋ผ์„œ ์–ด๋ ค์šด๊ฑฐ๋ผ๊ณ  ๊ฐ•์กฐํ•˜์…จ๋Š”๋ฐ ์ง„์งœ ๋งž๋Š” ๋ง์ด๋‹ค.

    ์ž๋ฐ”๋ฅผ ํƒ„ํƒ„ํ•˜๊ฒŒ ๋ฐฐ์šฐ๊ณ  ์Šคํ”„๋ง ๋„˜์–ด๊ฐ€๋‹ˆ ๋„ˆ๋ฌด ์žฌ๋ฐŒ๋‹ค!

    ๋˜ HTTP ํ”„๋กœํ† ์ฝœ์— ๋Œ€ํ•ด ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ•จ..!

    ๋ถ€๋„๋Ÿฝ์ง€๋งŒ 2๋…„๋™์•ˆ์ด๋‚˜ ์ผํ–ˆ๋Š”๋ฐ๋„ ์š”์ฒญ๋ฉ”์‹œ์‹œ ์‘๋‹ต๋ฉ”์‹œ์ง€๋ฅผ ๋ณด๋Š” ๋ฐฉ๋ฒ•๋„ ๋ชฐ๋ž์—ˆ๋Š”๋ฐ ์Šค์ • ๋“ฃ๊ณ  ๋‚œ๋’ค์—” ์™„๋ฒฝํ•˜๊ฒŒ ์ดํ•ดํ–ˆ๋‹ค. ๊ฐœ๋ฐœ์ž๋„๊ตฌ์™€ ๋” ์นœํ•ด์ง„๋“ฏ..!

  1. ์Šค์ • Ch2~Ch3 ๋…ธ์…˜์— ์ •๋ฆฌ!

    ์ •๋ฆฌํ•˜๋Š”๋ฐ ๋ชปํ•ด๋„ 30์‹œ๊ฐ„์ด๋‚˜ ๊ฑธ๋ ธ์ง€๋งŒ ๋‹ค ํ•ด๋†“์œผ๋‹ˆ๊นŒ ๋„ˆ๋ฌด ๋ฟŒ๋“ฏํ•˜๋‹ค ์ด์ œ ์ด๊ฑธ๋กœ ๊ณ„์† ๋ณต์Šตํ•˜๋ฉด์„œ ์Šคํ”„๋ง ๋ฝ€๊ฐœ์ž ใ…Ž

๋ฐฐ์šฐ๋ฉด์„œ ์ œ์ผ ๋งŽ์ด ํ–ˆ๋˜ ์ƒ๊ฐ์€ ์™€ ์ง„์งœ ํŽธํ•˜๋‹คโ€ฆ์˜€๋‹ค. ์Šคํ”„๋ง์„ ๋งŒ๋“œ์‹  ๋ถ„์ด ์™„์ „ ์กด๊ฒฝ์Šค๋Ÿฌ์› ์Œ

๊ฐœ๋ฐœํ•  ๋•Œ ์–ด๋–ป๊ฒŒํ•˜๋ฉด ๋ณ€๊ฒฝ์— ์œ ๋ฆฌํ•œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ์„๊นŒ๋ฅผ ํ•ญ์ƒ ๊ณ ๋ฏผํ•˜๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด์•ผ ํ•œ๋‹ค.

2๋…„๋™์•ˆ ์—…๋ฌด ํ•˜๋ฉด์„œ ์ŠคํŠธ๋Ÿฟ์ฒ˜ ํ”„๋ ˆ์ž„์›Œํฌ์„ ์จ์˜จ ๋‚˜์—๊ฒŒ๋Š” ๋„ˆ๋ฌด ์‹ ์„ธ๊ณ„์˜€์Œ,, ๋งˆ์ด๋ฐ”ํ‹ฐ์Šค๋„ ์งฑํŽธํ–ˆ๋‹ค ์ผ์ผํžˆ ํŒŒ๋ผ๋ฏธํ„ฐ setString, setInt๋กœ ์ง€์ •ํ•ด์ฃผ์ง€ ์•Š์•„๋„ ์•Œ์•„์„œ ๋„ฃ์–ด์ฃผ๋‹ˆ๊นŒ ์ฝ”๋“œ ๊ธธ์ด๋„ ์ค„์–ด๋“ค๊ณ  ๋„ˆ๋ฌด ์ข‹๋‹ค. ์Šคํ”„๋ง ์“ฐ๋‹ˆ๊นŒ ๊ฐœ๋ฐœ ์ƒ์‚ฐ์„ฑ ์™„์ „ ์˜ฌ๋ผ๊ฐ..!!!

๊ทธ๋ฆฌ๊ณ  AOP๋กœ ์ค‘๋ณต ์ œ๊ฑฐ๊นŒ์ง€,,, ํ•ญ์ƒ ์ŠคํŠธ๋Ÿฟ์ฒ˜๋กœ ๊ฐœ๋ฐœํ•ด์˜ค๋ฉด์„œ ์˜ˆ์™ธ์ฒ˜๋ฆฌํ•  ๋•Œ try-catch ๋–ก์น  ์ง„์งœ ์‹ซ์—ˆ๋Š”๋ฐ aop ํŠธ๋žœ์žญ์…”๋„ ์• ๋„ˆํ…Œ์ด์…˜์œผ๋กœ ์ฝ”๋“œ ์ œ๊ฑฐ๋˜๋‹ˆ๊นŒ ๋„ˆ๋ฌด ๊นฐ๊ผผ์“ฐํ•ด์ง

DB ๋ชจ๋ธ๋ง

๋“œ๋””์–ด ์ œ์ผ ์ค‘์š”ํ•˜๋‹ค๊ณ  ํ•  ์ˆ˜ ์žˆ๋Š” DB ๋ชจ๋ธ๋ง์„ ๋ฐฐ์šฐ๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค.!!!! 5์›” 1~3์ฃผ์ฐจ๋Š” ์Šคํ”„๋ง, 4์ฃผ์ฐจ๋ถ€ํ„ฐ๋Š” ํ•ต์‹ฌ ๋ฐ์ดํ„ฐ ๋ชจ๋ธ๋ง์ด๋ผ๋Š” ๊ต์žฌ๋กœ DB ๋ชจ๋ธ๋ง ์ˆ˜์—…์— ๋“ค์–ด๊ฐ”๋‹ค.

5/22~5/26 5์ผ๋™์•ˆ ๊ฐœ๋…~๋…ผ๋ฆฌ ๋ชจ๋ธ๋ง์„ ๋ฐฐ์› ๋‹ค. ๋ฌผ๋ฆฌ ์ˆ˜์—…์€ ์‹ค์ œ๋กœ ์šฐ๋ฆฌ ํ”„๋กœ์ ํŠธ ๋…ผ๋ฆฌ ๋ชจ๋ธ๋ง๊นŒ์ง€ ์™„๋ฃŒ๋˜๊ณ  ์ง„๋„ ๋‚˜๊ฐ„๋‹ค๊ณ ํ•œ๋‹ค.

๋‹ค์Œ ์ฃผ๋ถ€ํ„ฐ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์„ค๊ณ„์— ๋“ค์–ด๊ฐˆํ…๋ฐ, ์ž๊พธ ๊ฒ€์ƒ‰ํ•˜์ง€๋ง๊ณ  ์ฑ…์— ์žˆ๋Š” ๊ธฐ๋ณธ abc๋งŒ ์ˆ™์ง€ํ•˜๊ณ  ์ง์ ‘ ๋งŒ๋“ค์–ด๋ด์•ผ ํ•œ๋‹ค. ๋งจ๋‚  ์ด๋ก ๋งŒ ๊ณต๋ถ€ํ•œ๋‹ค๊ณ  ํ•ด๊ฒฐ๋˜๋Š” ๊ฑฐ ์—†์Œ

์ฃผ์ œ ์˜์—ญ โ†’ ํ•ต์‹ฌ ์—”ํ‹ฐํ‹ฐ โ†’ ์ค‘์š” ์—”ํ‹ฐํ‹ฐ โ†’ ์ค„๊ธ‹๊ธฐ(์„œ๋กœ ๊ด€๋ จ์žˆ๋Š” ์• ๋“ค๋ผ๋ฆฌ) โ†’ ๊ด€๊ณ„ ์ •์˜(๊ด€๊ณ„์ˆ˜, ์„ ํƒ์„ฑ, ์‹๋ณ„์ž์ƒ์†)

์ด๋Ÿฐ ์ „์ฒด์ ์ธ ์„ค๊ณ„์˜ ํ๋ฆ„์ด ํŒŒ์•…๋˜์–ด์žˆ์–ด์•ผ ํ•œ๋‹ค. ํŠน์ˆ˜ํ•œ ์ƒํ™ฉ์€ ์‹ค๋ฌด๊ฐ€์„œ ๋ฐฐ์šฐ๊ณ  ์ง€๊ธˆ์€ ๊ธฐ๋ณธ์ ์ธ abc๋ฅผ ๋ฐฐ์šฐ๋Š” ๊ฒƒ์ด๋‹ค. ์ฒดํฌ๋ฆฌ์ŠคํŠธ ์ˆœ์„œ๋Œ€๋กœ ์ญ‰ ๋”ฐ๋ผ๊ฐ€๊ธฐ๋งŒ ํ•˜๋ฉด ๋˜๋‹ˆ๊นŒ ๋„ˆ๋ฌด ๊ฒ๋จน์ง€ ๋ง๊ธฐ!

๋ฐ์ดํ„ฐ ๋ชจ๋ธ๋ง ์ด๋ก  ์ž˜ ๋ชฐ๋ผ๋„ ์—…๋ฌด๋ฅผ ์ž˜ ์•Œ๋ฉด ์ €์ ˆ๋„ ๋‹ค ๋จ. ์ด๋ก ๋•Œ๋ฌธ์— ๋ณธ์งˆ์ด ํ๋ ค์ง„๋‹ค. ๋„ˆ๋ฌด ์ด๋ก ์— ์–ฝ๋งค์ด์ง€ ๋ง์ž. ์ด๊ฒŒ ๋ช‡ ์ •๊ทœํ™”์ธ์ง€, ํ•จ์ˆ˜์  ์ข…์†์„ฑ ์ค‘์š”ํ•˜์ง€ ์•Š๋‹ค.

์š”์•ฝ์ •๋ฆฌ

ํŒ€ ํ”„๋กœ์ ํŠธ

์Šคํ”„๋ง ๋๋‚˜๊ณ  ๋“œ๋””์–ด ํ”„๋กœ์ ํŠธ ํŒ€์ด ์ •ํ•ด์กŒ๋‹ค.

๋‚ด ํŒ€ ์˜ค๊ณ ์‹ถ๋‹ค๊ณ  ํ•ด์ฃผ์‹œ๋Š” ๋ถ„๋“ค์ด ์žˆ์–ด์„œ ๊ฐ์‚ฌํ–ˆ๋‹ค. ์ž˜๋ชป๋œ ์„ ํƒ์ด์—ˆ๋‹ค๊ณ  ํ›„ํšŒํ•˜์ง€ ์•Š๊ฒŒ ์ž˜ ํ•˜์ž! ๋ฐฐ์šธ ์ ์ด ๋งŽ์€ ๋ถ„๋“ค๊ณผ ํŒ€์„ ํ•˜๊ฒŒ๋˜์–ด์„œ ๊ฐ์‚ฌํ•˜๋‹ค.

๊ธˆ์ฃผ์— ํ•œ ๊ฒƒ

  1. ํŒ€ ๊ทœ์น™ ์ •ํ•˜๊ธฐ
  1. ํ”„๋กœ์ ํŠธ ์ฃผ์ œ ์ •ํ•˜๊ธฐ

    ์ง์ ‘ ์„ค๊ณ„๋ฅผ ํ•ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์ผ์ƒ์ ์ด๊ณ  ์šฐ๋ฆฌ์—๊ฒŒ ์ต์ˆ™ํ•œ ์‡ผํ•‘๋ชฐ๋กœ ํ•˜๊ธฐ๋กœ ํ–ˆ๋‹ค! ๊ทธ์ค‘์— ์„œ๋„ ์‹ ๋ฐœ์„ ํŒ๋งคํ•˜๋Š” ์‡ผํ•‘๋ชฐ์ด๋‹ค.

  1. ๋ฒค์น˜๋งˆํ‚น ์‚ฌ์ดํŠธ ๊ณ ๋ฅด๊ธฐ

    ์‚ฌ์šฉ์ž : ํฌ๋ฆผ, ํด๋”

    ๊ด€๋ฆฌ์ž : ๋„ค์ด๋ฒ„์Šค๋งˆํŠธ์Šคํ† ์–ด, ์นดํŽ˜24

  1. 2 ๊ณ ๋ฅด๊ณ  ๊ตฌํ˜„ํ•  ํ™”๋ฉด ์บก์ณ
  1. ์ฃผ์ œ ์˜์—ญ ๋ฝ‘์•„์„œ ํ•ต์‹ฌ ์—”ํ‹ฐํ‹ฐ(๋ชจ๋“ˆ) ํ•˜๋‚˜์”ฉ ๋ถ„๋ฐฐ

    ์ฃผ๋ฌธ, ์ƒํ’ˆ, ํšŒ์›, ๊ฒŒ์‹œํŒ ์ด๋ ‡๊ฒŒ ์ด 4๊ฐœ์˜ ์ฃผ์ œ์˜์—ญ, ํ•ต์‹ฌ ์—”ํ‹ฐํ‹ฐ๊ฐ€ ๋‚˜์™€์„œ ํ•˜๋‚˜์”ฉ ๋ถ„๋ฐฐ๋ฅผ ํ–ˆ๋‹ค.

    ๋‹ค์Œ์ฃผ๋ถ€ํ„ฐ ๊ฐ์ž DB ์„ค๊ณ„ํ•˜๊ธฐ๋กœํ•จ

    ๋‚˜๋Š” ์ฃผ๋ฌธ์ชฝ์„ ๋งก๊ฒŒ๋˜์—ˆ๋‹ค!

CSS ๋ถ„์„

5์›”์—๋„ 4์›”๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ 1์ผ1CSS ๋ถ„์„ ์—ด์‹ฌํžˆํ–ˆ๋‹ค!

w3schools - how to

์ด๋ฆ„๋ถ„๋ฅ˜๋‚ ์งœURL
Split Buttons[์ˆ˜] Buttons(19)https://www.w3schools.com/howto/howto_css_button_split.asp
Top Navigation[์›”] Menu(55)https://www.w3schools.com/howto/howto_js_topnav.asp
Filter/Search List[๊ธˆ] Filter(6)https://www.w3schools.com/howto/howto_js_filter_lists.asp
Modal Images[ํ™”] Images(39)https://www.w3schools.com/howto/howto_css_modal_images.asp
Filter/Search Table[๊ธˆ] Filter(6)https://www.w3schools.com/howto/howto_js_filter_table.asp
Loading Buttons[์ˆ˜] Buttons(19)https://www.w3schools.com/howto/howto_css_loading_buttons.asp
Fullscreen Navigation[์›”] Menu(55)https://www.w3schools.com/howto/howto_js_fullscreen_overlay.asp
Flip Card(์นด๋“œ ๋’ค์ง‘๊ธฐ)[ํ† ] More(112)https://www.w3schools.com/howto/howto_css_flip_card.asp
Sign Up Form[๋ชฉ] Forms(34)https://www.w3schools.com/howto/howto_css_signup_form.asp
Read More Read Less Button[์ˆ˜] Buttons(19)https://www.w3schools.com/howto/howto_js_read_more.asp
Social Media Buttons[์ˆ˜] Buttons(19)https://www.w3schools.com/howto/howto_css_social_media_buttons.asp
Shrink Navigation Menu on Scroll[์›”] Menu(55)https://www.w3schools.com/howto/howto_js_navbar_shrink_scroll.asp
Fullscreen[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_fullscreen.asp
CSS Loader[ํ† ] More(112)https://www.w3schools.com/howto/howto_css_loader.asp
Scroll Drawing[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_scrolldrawing.asp
Snackbar / Toast[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_snackbar.asp
Browser Window CSS[ํ† ] More(112)https://www.w3schools.com/howto/howto_css_browser_window.asp
Create a To Do List[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_todolist.asp
Animate Icons[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_animate_icons.asp
Tree View[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_treeview.asp
JavaScript Countdown Timer[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_countdown.asp
Create a Draggable HTML Element[ํ† ] More(112)https://www.w3schools.com/howto/howto_js_draggable.asp
Device Look[ํ† ] More(112)https://www.w3schools.com/howto/howto_css_devices.asp
Shake an Image[ํ™”] Images(39)https://www.w3schools.com/howto/howto_css_shake_image.asp
Toggle Switch[๋ชฉ] Forms(34)https://www.w3schools.com/howto/howto_css_switch.asp
Timeline[ํ† ] More(112)https://www.w3schools.com/howto/howto_css_timeline.asp


์ƒ๊ฐ/์กฐ์–ธ

  • ๊ฐ€์น˜๋ฅผ ๋งŒ๋“ค์–ด๋‚ด๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด์•ผ ํ•œ๋‹ค. ํšจ์œจ์ ์ธ ์ฝ”๋“œ์— ๋„ˆ๋ฌด ์ง‘์ฐฉX ์ผ๋‹จ ํšŒ์‚ฌ์— ์ด์ต์„ ์•ˆ๊ฒจ๋‹ค์ค˜์•ผํ•จ
  • ์ƒˆ๋กœ์šด ๊ฑธ ๋ฐฐ์šธ ๋•Œ ๊ธฐ์กด ๊ฒƒ๊ณผ ์—ฐ๊ฒฐ์ง€์–ด์„œ ๋น„์Šทํ•œ ๊ฐœ๋…์œผ๋กœ ๋ฐ›์•„๋“ค์—ฌ์•ผ ํ•œ๋‹ค. ์ง€์‹์ด ์„œ๋กœ ๋‹ค ์—ฐ๊ฒฐ๋˜์–ด์•ผ ํ•จ
  • ์ƒ์‚ฐ์„ฑ์„ ๋†’์ด๋ ค๋ฉด ๋ณ€๊ฒฝ์— ์œ ๋ฆฌํ•˜๊ณ  ๋ณด๋‹ค ๊ฐ์ฒด์ง€ํ–ฅ์ ์ธ ์ฝ”๋“œ๋ฅผ ์งœ์•ผ ํ•œ๋‹ค. ์ž์ฃผ ์“ฐ๋Š” ์ฝ”๋“œ๋“ค์€ ๋”ฐ๋กœ ๋นผ์„œ ์ €์žฅํ•ด๋‘๊ธฐ
  • ๊ณต๋ถ€๋Š” ์ทจ๋ฏธ์ฒ˜๋Ÿผ ์ฆ๊ธฐ๋ฉด์„œ ํ•ด์•ผ ํ•œ๋‹ค.

    ๊ณต๋ถ€๋ฅผ ๊ดด๋กœ์›Œํ•˜์ง€ ๋ง๊ณ  ์ฆ๊ธฐ๋ฉด์„œ ํ•ด์•ผ ์˜ค๋ž˜ ํ•  ์ˆ˜ ์žˆ๋‹ค.

    ์ดํ•ด๊ฐ€ ์•ˆ ๋œ๋‹ค๊ณ  ๊ณ„์† ๋ถ™์žก๊ณ  ์žˆ์œผ๋ฉด์„œ ์ŠคํŠธ๋ ˆ์Šค ๋ฐ›์ง€ ๋ง๊ณ  ์กฐ๊ธˆ์”ฉ, ์ž์ฃผ ๊ทธ ๋ถ€๋ถ„ ๋ณด๊ธฐ

์ž๊ธฐ๊ณ„๋ฐœ ์‹œ๊ฐ„(์ง€์ /์˜์ )1์ฃผ์ฐจ2์ฃผ์ฐจ3์ฃผ์ฐจ4์ฃผ์ฐจ5์ฃผ์ฐจ
3์›” 73
(67/6)
84.5
(74/10.5)
70
(61.5/8.5)
4์›” 81
(73.5/7.5)
79
(74/5)
82.5
(77.5/5)
78.5
(71.5/7)
-
5์›”76.5

(68/8.5)
65.5
(61/4.5)
71.5
(65.5/6)
68.5
(63/5.5)
-

3์›” ํ‰๊ท  : 76

4์›” ํ‰๊ท  : 80

5์›” ํ‰๊ท  : 70


Uploaded by N2T