๐Ÿง TIL/โ›บ๏ธ ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„

์ฒซ ํ”„๋กœ์ ํŠธ ํšŒ๊ณ ๋ฅผ ์ด์ œ์•ผ ์ž‘์„ฑํ•˜๋‹ค๋‹ˆ.. ์ „์—๋Š” ํšŒ๊ณ ๊ธ€์€ ๊ธฐ๋กํ•˜๋Š” ์šฉ๋„๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์—ˆ๋Š”๋ฐ ๋ง‰์ƒ ๋‹ค๋ฅธ ํŒ€ ํ”„๋กœ์ ํŠธ๋ฅผ ํ•ด๋ณด๋‹ˆ ๊ฐ™์€ ๋ฌธ์ œ์ ์ด ๋ณด์ด๋Š” ๊ฑธ๋กœ ๋ณด์•„ ์ „์ฒด์ ์ธ ํŒ€ ํ”„๋กœ์ ํŠธ์— ๋Œ€ํ•œ ๊ฐ๊ด€์ ์ธ ์‹œ์„ ์œผ๋กœ ํšŒ๊ณ ๋ฅผ ๊ผญ ์ž‘์„ฑํ•˜๋Š” ์‹œ๊ฐ„์„ ๊ฐ€์ ธ์•ผ๊ฒ ๋‹ค๊ณ  ์ƒ๊ฐ์ด ๋“ค์—ˆ๋‹ค. 1. ๋‚ด๊ฐ€ ์„ ํƒํ•œ ํšŒ๊ณ  ๋ฐฉ์‹ - ๋‚ด๋ฐฐ์บ ์—์„œ ์•Œ๋ ค์ค€ KPT ํšŒ๊ณ  ๋ฐฉ์‹์ด๋‹ค. KPT ํšŒ๊ณ ๋ž€? Keep, Problem, Try ์ง€์†ํ•  ๊ฒƒ, ๋ฌธ์ œ๊ฐ€ ๋  ๊ฒƒ, ๋‹ค์Œ์— ์‹œ๋„ํ•  ๊ฒƒ ๊ฐ ์‹œ๊ฐ„์— ๋งž์ถฐ ๋‹ค์Œ ๋ชฉ๋ก์„ ์ง„ํ–‰ํ•˜๋ฉฐ ํšŒ๊ณ ํ•˜๋Š” ๋ฐฉ์‹์ด๋‹ค. ์‹œ๊ฐ„์€ 50๋ถ„ ์ •๋„๋กœ ์ง„ํ–‰๋˜๋ฉฐ ๋งŒ์•ฝ์˜ ์ƒํ™ฉ์— ๋Œ€๋น„ํ•ด 10๋ถ„ ์ •๋„ ์—ฌ์œ ๋ฅผ ๊ฐ€์ง€์ž. ์ง„ํ–‰ ์ˆœ์„œ๋Š” ์•„๋ž˜์™€ ๊ฐ™๋‹ค. - KPT์— ๋Œ€ํ•ด์„œ ์„ค๋ช… : 5๋ถ„ - Keep, Problem ์ž‘์„ฑ : 5๋ถ„ - ๊ฐ์ž ์ž‘์„ฑํ•œ Keep, Problem ๊ณต์œ  ..
๋‚ด๋ฐฐ์บ  ์‚ฌ์ „๊ต์œก์ด ๋๋‚˜๊ฐˆ ๋ฌด๋ ต ํŒ€ ์†Œ๊ฐœ ํŽ˜์ด์ง€ ํ”„๋กœ์ ํŠธ๊ฐ€ ๋ฐœ์ œ๋˜์—ˆ๋‹ค. ํŒ€์›๋“ค์ด๋ž‘ ์‚ฌ์ „๊ต์œก ๋‚ด๋‚ด ์—ด์‹ฌํžˆ ํ–ˆ์—ˆ์–ด์„œ ๊ฑฑ์ •์ด ์—†์—ˆ๊ณ , ๊ฒฐ๊ณผ์ ์œผ๋กœ๋Š” ํ•˜๋ ค๊ณ  ํ–ˆ๋˜ ๋ชจ๋“  ๊ณ„ํš์„ ๋‹ค ์ด๋ฃจ์–ด ๋ƒˆ๋‹ค! ์†Œ์ค‘ํ–ˆ๋˜ ์ฒซ ํ”„๋กœ์ ํŠธ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ธฐ๋กํ•˜๊ธฐ ใ…Žใ…Ž 1. ์†Œ๊ฐœ ๋‚ด์ผ๋ฐฐ์›€์บ ํ”„ ์‚ฌ์ „๊ต์œก 1์กฐ ํŒ€ ์†Œ๊ฐœ ํŽ˜์ด์ง€ ์ œ์ž‘ ํ”„๋กœ์ ํŠธ์ž…๋‹ˆ๋‹ค. https://eunji624.github.io/1suk2jo/ ํŒ€๋ช… ๐Ÿ”๋จน๊ณ ํ•˜์กฐ ํŒ€์žฅ ์œ ์€์ง€ ํŒ€์› ๊น€์˜์šฐ ์ •๊ธฐ์šฑ ์ตœ์ˆ˜์˜ 2. ์‚ฌ์šฉ ๊ธฐ์ˆ , ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ - HTML, CSS - Javascript - Jquery - Bootstrap 3. ํŽ˜์ด์ง€ ์†Œ๊ฐœ 1) ๋ฉ”์ธํŽ˜์ด์ง€ - ์ƒ๋‹จ Navbar: ๋กœ๊ณ  ๋ฐ ์นดํ…Œ๊ณ ๋ฆฌ ๋ณ„๋กœ ํŽ˜์ด์ง€ ์ด๋™ - ๋ฉ”์ธ ํŽ˜์ด์ง€ section: ๊ฐ„๋‹จํ•œ ์ธ์‚ฌ์™€ ์†Œ๊ฐœ, ๋ชฉํ‘œ ๊ธฐ์žฌ - ํ•˜๋‹จ footer:..
1. SQL ๊ฐ•์˜ ์‹œ์ž‘ - SQL ๊ฐ•์˜ ์‹œ์ž‘ํ–ˆ๋”ฐ! ์ „์— ๊ตญ๋น„์ง€์› ๊ต์œก ๋“ค์—ˆ์„๋•Œ ํ–ˆ๋˜ ์ ์ด ์žˆ์–ด์„œ ๋งŒ๋งŒํ•˜๊ฒŒ ๋ดค๋‹ค๊ฐ€ ์ง€๊ธˆ๊นŒ์ง€ ์‚ฌ์ „๊ต์œก๋™์•ˆ ๋ฐฐ์› ๋˜ ๊ฒƒ๋“ค ์ค‘์— ์ œ์ผ ์–ด๋ ค์› ๋‹ค.. - ์ฐจ๊ทผ์ฐจ๊ทผ ๋‹ค์‹œ ํ•ด๋ด์•ผ์ง€ ํ•œ๋ฒˆ์— ์ดํ•ดํ•˜๋Š” ๊ฒƒ ๋ณด๋‹ค๋Š” ์—ฌ๋Ÿฌ๋ฒˆ ๋ณด๋ฉด์„œ ์ต์ˆ™ํ•ด์ ธ์•ผ๊ฒ ๋‹ค.. 2. ์ง„๋„ํ‘œ ์ฒดํฌ ๋ฆฌ์ŠคํŠธ์— ๋ณต์Šต ์นธ์ด ์ƒ๊ฒผ๋‹ค!! ๋‹ค์‹œ ๋‹ฌ๋ ค 3. ์ด๋ฒˆ์ฃผ๋ž‘ ๋‹ค์Œ์ฃผ๋Š”... - ๊ธˆ์š”์ผ๋งˆ๋‹ค ์ผ์ •์ด ์žˆ์–ด ์‚ฌ์ „๊ต์œก ์ฐธ์—ฌ๋ฅผ ๋ชปํ•œ๋‹ค - ๋น ์ ธ๋„ ์ง€์žฅ์—†๊ฒŒ ๊ณ„ํš์„ ์งœ๋ณด์•˜์ง€ ใ…Žใ…Ž 4. ์•ž์œผ๋กœ์˜ ๊ณ„ํš - ์‚ฌ์ „๊ต์œก ๊ธฐ๊ฐ„ ๋™์•ˆ ์ฃผ์–ด์ง„ ์ž๋ฃŒ๋“ค์„ ์—ฌ๋Ÿฌ๋ฒˆ ๋ณด๋Š”๊ฒŒ ๊ณ„ํš์ด์˜€๋Š”๋ฐ ์ถ”์„ ๊ธฐ๊ฐ„์—๋„ ๋ด์•ผํ•  ๊ฒƒ ๊ฐ™์œผ๋‹ˆ ์ฐฌ์ฐฌํžˆ ์ผ์ •์„ ์„ธ์›Œ๋ด…์„ธ
1. ์ง€์‹ ๋‚˜๋ˆ”์€ ์ตœ๊ณ ์‹œ๋‹ค..! โค๏ธ - ์šฐ๋ฆฌ์กฐ ์กฐ์›๋ถ„์ด prototype๊ณผ __proto__ ์ฐจ์ด์— ๋Œ€ํ•ด ๋ฌผ์–ด๋ด์ฃผ์…”์„œ ๋‹ตํ•ด๋“œ๋ ธ๋Š”๋ฐ ๋‚˜๋„ ์ž˜ ๋ชฐ๋ž๋˜ ๋ถ€๋ถ„์ด๋ผ ๊ณต๋ถ€ํ•˜๋ฉฐ ์•Œ๋ ค๋“œ๋ฆฌ๋Š๋ผ ์‚๊ฑฑ๊ฑฐ๋ ธ์ง€๋งŒ ๊ธฐ์–ต์—๋Š” ๋„ˆ๋ฌด ์ž˜ ๋‚จ๋Š”๋‹ค ใ…Žใ…Ž ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€๋˜๋Š”๊ฒƒ๋„ ์ƒ๋‹นํžˆ ๊ธฐ๋ถ„ ์ข‹์€ ๊ฒฝํ—˜์ด์—ˆ๋‹ค. 2. ์นด๋ฉ”๋ผ๊ฐ€ ์Šฌ์Šฌ ์ ์‘๋œ๋‹ค. ๐Ÿ‘€ - ์•„์ง ๊ฐ๋„๊ฐ€ ๋ง˜์— ์•ˆ๋“ค์–ด. 3. ํ˜ผ์ž์˜€์œผ๋ฉด ๋ชปํ–ˆ์„ ๊ณต๋ถ€๋ฅผ ์—ด์‹ฌํžˆ ํ•˜๊ฒŒ๋œ๋‹ค. ๐Ÿ•ต๏ธ - ๋งจ๋‚  ํ˜ผ์ž์„œ ๊ณ„ํš ์„ธ์›Œ์„œ ๊ฐ•์˜ ๋“ค์œผ๋ฉด ๋”ด์ง“ํ•˜๊ฑฐ๋‚˜ ๊ณ„ํš๋Œ€๋กœ ์•ˆํ–ˆ๋Š”๋ฐ ๊ฐ™์ด ์นด๋ฉ”๋ผ ํ‚ค๊ณ  ํ•˜๊ณ  ์ง„๋„ ์ƒํ™ฉ๋„ ๋‹ค๊ฐ™์ด ์ฒดํฌํ•ด์•ผํ•˜๋‹ˆ ์—ด์‹ฌํžˆ ํ•˜๊ฒŒ๋œ๋‹ค. 15์‹œ๋ถ€ํ„ฐ 21์‹œ๊นŒ์ง€ ์ค‘๊ฐ„์— ์ €๋…์‹œ๊ฐ„ 1์‹œ๊ฐ„ ๋นผ๋ฉด 5์‹œ๊ฐ„์ธ๋ฐ ๊ฝค ์•Œ์ฐจ๊ฒŒ ์ž˜ ๋ณด๋‚ด๊ณ  ์žˆ๋‹ค. - ํ‰์†Œ์˜€์œผ๋ฉด 5์‹œ๊ฐ„ ๋™์•ˆ ๊ฐ•์˜ 1, 2๊ฐœ ๊ฒจ์šฐ ๋ดค์„๊ฑธ?!๐Ÿคจ 4. ๋ฃจํ‹ด, ๋ฉ”๋ชจ์˜ ์Šต๊ด€ ..
1. ์•„์ง๊นŒ์ง€ ์บ ์ด ์–ด์ƒ‰ํ•˜๋‹ค ใ…Žใ…Ž - ์†Œ์‹ฌํ•œ ์„ฑ๊ฒฉ๋„ ํ•œ ๋ชซ ํ•˜๋Š”๋“ฏ 2. ๋งค๋‹ˆ์ €๋‹˜๋“ค์˜ ํ”ผ๋“œ๋ฐฑ์ด ๊ต‰์žฅํžˆ ๋น ๋ฅด๋‹ค!! - ๋Šฆ๊ฒŒ ๋“ค์–ด๊ฐ€์•ผํ• ๋•Œ๊ฐ€ ๋ช‡๋ฒˆ ์žˆ์—ˆ๋Š”๋ฐ ๋ฐ”๋กœ๋ฐ”๋กœ ๋‹ต์žฅํ•ด์ฃผ์‹œ๊ณ  ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„๋„ ๋ฐ”๋กœ ์•Œ์•„๋ด์ฃผ์‹ ๋‹ค. - ์‹ค์‹œ๊ฐ„ ๋ฌด์—‡์ด๋“  ๋ฌผ์–ด๋ณด์‚ด ์„ธ์…˜๋„ ๊ต‰์žฅํžˆ ์žฌ๋ฐŒ์—ˆ๋‹ค.(๋งˆ๋ผ๋–ก๋ณถ์ด๊ฐ€ ์ƒ๊ฐ ๋‚ฌ๋˜ ์„ธ์…˜) 3. ๊ฐ•์˜๋Š” ๊ธฐ์ดˆ๊ฐ•์˜๋ผ ์ˆ˜์›”ํ•˜๊ฒŒ ๋“ฃ๋Š”์ค‘ - ๋Œ€ํ‘œ๋‹˜์ด ์ง์ ‘ ๊ฐ•์˜ ํ•˜์‹œ๋Š”๊ฑฐ๋ผ๋˜๋ฐ ์ง€๊ธˆ๊นŒ์ง€ ์—ฌ๋Ÿฌ ์ฝ”๋”ฉ ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ์„๋•Œ๋ณด๋‹ค ํ›จ์”ฌ ์•Œ์•„๋“ฃ๊ธฐ ์‰ฝ๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์‹œ๊ณ  ๋”•์…˜ ์™œ์ด๋ฆฌ ์ข‹์œผ์‹ ๊ฑฐ์ฆค,, ๋ชฉ์†Œ๋ฆฌ๋„ ๋”ฑ๋”ฑ ๊ฝ‚ํžˆ๊ณ  ๊ฐ•์˜ ์ž์ฒด๋„ ๋ฌด๊ฒ์ง€ ์•Š๊ฒŒ ์งง๊ฒŒ ๊ตฌ์„ฑ๋˜์–ด์žˆ์–ด์„œ ํž˜๋“ค์ง€ ์•Š๊ฒŒ ๋“ค์„ ์ˆ˜ ์žˆ๋‹ค. 4. ์ ์  ์–ด๋ ค์›Œ์ง€๊ฒ ์ง€ - ์–ด๋ ค์›Œ์ง€๊ณ  ํž˜๋“ค์–ด์งˆ๊ฑฐ ์•Œ์ง€๋งŒ ๋‚ด๋ฐฐ์บ  ๋งค๋‹ˆ์ €๋ถ„๋“ค๊ณผ ๊ฐ™์€ ๊ณผ์ •์„ ๋“ฃ๋Š” ์‚ฌ๋žŒ๋“ค์ด ์žˆ์–ด์„œ ๋ญ”๊ฐ€ ๋“ ๋“ ํ•˜๋‹ค! ์•„์ง ์นœํ•ด์ง€์ง€ ๋ชปํ–ˆ์ง€๋งŒ ๊ผญ ์นœ..
์ฒซ๋‚ ๋ถ€ํ„ฐ๐Ÿ˜ฐ ์•„์ง ๋‚ด์ผ๋ฐฐ์›€์นด๋“œ ์‹ ์ฒญ๋„ ์•ˆ๋๊ณ  ๋‹น์—ฐํžˆ ์ˆ˜๊ฐ•์‹ ์ฒญ๋„ ์•ˆํ–ˆ์–ด์„œ ์‚ฌ์ „๊ต์œก ๋Œ€์ƒ์ž ์•„๋‹Œ์ค„ ์•Œ๊ณ  ๋‚ฎ์ž  ์ž๋‹ค๊ฐ€ ๋‹ด๋‹น๋งค๋‹ˆ์ €๋‹˜ ์ „ํ™” ๋ฐ›๊ณ  ๊ธ‰ํ•˜๊ฒŒ ๊ฒŒ๋”ํƒ€์šด ์ž…์žฅํ–ˆ๋”ฐ.. ์บ  ์ƒ€๋Š”๋ฐ ์•„์ง ์„ค์น˜๋ฅผ ๋ชปํ•ด์„œ ์บ ์—†์ด ๋“ค์–ด๊ฐ”๋Š”๋ฐ ๊ฒŒ๋”ํƒ€์šด ๋„ˆ๋ฌด ๊ท€์—ฝ๋„ค ใ…Žใ…Ž ์Šคํƒ€๋“€๋ฒจ๋ฆฌ ํ•˜๋Š” ๋Š๋‚Œ์ด๋‹ค. 15์‹œ๋ถ€ํ„ฐ 21์‹œ๊นŒ์ง€ ์ง„ํ–‰๋๊ณ , 18์‹œ๋ถ€ํ„ฐ 19์‹œ๊นŒ์ง€ ์ €๋…์‹์‚ฌ์‹œ๊ฐ„์ด๋‹น ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์˜ค๋žœ๋งŒ์— ๋ณด๋‹ค๋ณด๋‹ˆ๊นŒ ํฅ๋ฏธ๊ฐ€ ์ƒ๊ธด๋‹คใ…Žใ…Ž ์—ด์‹ฌํžˆ ํ•ด๋ณด๊ฒ ์Œ!!