๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋ฐ˜์‘ํ˜•

์ „์ฒด ๊ธ€743

[์ฝ”๋“œ์—… ๊ธฐ์ดˆ 100์ œ] - 1041๋ฒˆ [๊ธฐ์ดˆ-์‚ฐ์ˆ ์—ฐ์‚ฐ] ๋ฌธ์ž 1๊ฐœ ์ž…๋ ฅ๋ฐ›์•„ ๋‹ค์Œ ๋ฌธ์ž ์ถœ๋ ฅํ•˜๊ธฐ ๋ฌธ์ œ) ์˜๋ฌธ์ž 1๊ฐœ๋ฅผ ์ž…๋ ฅ๋ฐ›์•„ ๊ทธ ๋‹ค์Œ ๋ฌธ์ž๋ฅผ ์ถœ๋ ฅํ•ด๋ณด์ž. ์ž…๋ ฅ ์ถœ๋ ฅ a b #include int main() { char a; scanf("%c", &a); printf("%c", a+1); return 0; } +1์„ ์ถ”๊ฐ€ํ•˜๋ฉด 1์ด ๋”ํ•ด์ง„ ์•„์Šคํ‚ค์ฝ”๋“œ๊ฐ’์— ํ•ด๋‹นํ•˜๋Š” ๋ฌธ์ž๊ฐ€ ์ถœ๋ ฅ๋œ๋‹ค. 2021. 2. 3.
3-4์ฃผ์ฐจ ๋ฉ”๋ชจ Front-End React.js : ์œ ์ € ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋งŒ๋“œ๋Š”๋ฐ ์‚ฌ์šฉ. ํŽ˜์ด์Šค๋ถ์—์„œ ๊ฐœ๋ฐœ ์ง€์†์ ์œผ๋กœ ๋ฐ์ดํ„ฐ๊ฐ€ ๋ณ€ํ™”ํ•˜๋Š” ๋Œ€๊ทœ๋ชจ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ์œ„ํ•ด ๋งŒ๋“ฆ ๊ฐ€์ƒ DOM์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ํŠน์ง• '์ปดํฌ๋„ŒํŠธ'๋ผ๋Š” ๋‹จ ํ•˜๋‚˜์˜ ์ฝ”๋“œ๋ฅผ ์‚ฌ์šฉ ๋ฉ”๋ชจ๋ฆฌ ๊ด€๋ฆฌ์™€ ์„ฑ๋Šฅ์ด ๋›ฐ์–ด๋‚˜๋‹ค ์„œ๋ฒ„&ํด๋ผ์ด์–ธํŠธ์˜ ๋ Œ๋”๋ง ์ง€์› ๋‹ค๋ฅธ ํ”„๋ ˆ์ž„์›Œํฌ๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ํ˜ผ์šฉ ๊ฐ€๋Šฅ UI๋งŒ์„ ์œ„ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋‹จ๋ฐฉํ–ฅ ๋ฐ์ดํ„ฐ ๋ฐ”์ธ๋”ฉ create-react-app : react ์›น ๊ฐœ๋ฐœ์šฉ ๋ณด์ผ๋Ÿฌํ”Œ๋ ˆ์ดํŠธ(ํ…œํ”Œ๋ฆฟ) Sass : SCSS. ์Šคํƒ€์ผ ์‹œํŠธ ์–ธ์–ด. ๋ณดํ†ต ์–ธ๊ธ‰๋˜๋Š” ์ „์ฒ˜๋ฆฌ๊ธฐ 3๋Œ€์žฅ์œผ๋กœ Less, Sass, Stylus๊ฐ€ ์žˆ๋Š”๋ฐ Sass๋Š” ์–ธ๊ธ‰ํ•œ ๋‘ ๊ฐ€์ง€ ์ „์ฒ˜๋ฆฌ๊ธฐ์˜ ์žฅ์ ์„ ๋ชจ๋‘ ๊ฐ€์ง„๋‹ค. Advanced ES6 : ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด๋ฃจ๋Š” ์ฝ”์–ด ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด. ES6.. 2021. 2. 3.
1-2์ฃผ์ฐจ ๋ฉ”๋ชจ Front-End DOM : ์›น ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ์ธํ„ฐํŽ˜์ด์Šค Vanila JavaScript : ๊ฐ•๋ ฅํ•œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๊ตฌ์ถ•ํ•˜๊ธฐ์œ„ํ•œ ๋น ๋ฅด๊ณ  ๊ฐ€๋ฒผ์šด ํฌ๋กœ์Šค ํ”Œ๋žซํผ ํ”„๋ ˆ์ž„์›Œํฌ(์ˆœ์ˆ˜ํ•œ js๋ฅผ ์ผ์ปซ๋Š” ๋ง) Back-End Beautifulsoup : HTML ๋ฐ XML ํŒŒ์ผ์—์„œ ์›ํ•˜๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์†์‰ฝ๊ฒŒ Parsing ํ•  ์ˆ˜ ์žˆ๋Š” Python ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Selenium : ์›น์‚ฌ์ดํŠธ ํ…Œ์ŠคํŠธ๋ฅผ ์œ„ํ•œ ๋„๊ตฌ. ์“ฐ๊ธฐ ํŽธํ•˜๊ฒŒ ํ•จ์ˆ˜๋“ค์„ ์‹น ๋‹ค ๋ชจ์•„๋†“์€ ๊ฒƒ. Beautifulsoup์˜ ํ•œ๊ณ„์ ์„ ๋ณด์™„ Data processing : ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ. Selenium์„ ์ด์šฉํ•œ ๋ฐ์ดํ„ฐ ์ž…๋ ฅ ์ž๋™ํ™” 2021. 2. 3.
[HTML5 & CSS3] ๋ฐฐ๊ฒฝ ์ƒ‰๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ โ–ถ ๋ฐฐ๊ฒฝ ์ƒ‰๊ณผ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง€ * background-color ์†์„ฑ - ๋ฐฐ๊ฒฝ ์ƒ‰ ์ง€์ •ํ•˜๊ธฐ ์„ธ๋ฐ€ํ•˜๊ฒŒ ์กฐ์ ˆํ•˜๊ณ ์‹ถ์œผ๋ฉด 16์ง„์ˆ˜๋‚˜ RGBAํ‘œ๊ธฐ๋ฒ•์œผ๋กœ ! background-color: ์˜ˆ) background-color : #00ff00 โ€‹ * background-clip ์†์„ฑ - ๋ฐฐ๊ฒฝ ์ ์šฉ ๋ฒ”์œ„ ์กฐ์ ˆํ•˜๊ธฐ ๋ฐ•์Šค ๋ชจ๋ธ์˜ ๊ฐ€์žฅ ์™ธ๊ณฝ์ธ ํ…Œ๋‘๋ฆฌ๊นŒ์ง€ ์ ์šฉํ• ์ง€, ํ…Œ๋‘๋ฆฌ๋ฅผ ๋นผ๊ณ  ํŒจ๋”ฉ ๋ฒ”์œ„๊นŒ์ง€ ์ ์šฉํ• ์ง€, ์•„๋‹ˆ๋ฉด ๋‚ด์šฉ ๋ถ€๋ถ„์—๋งŒ ์ ์šฉํ• ์ง€ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ธฐ๋ณธํ˜•) background-clip : border-box(๋ฐ•์Šค ๋ชจ๋ธ์˜ ๊ฐ€์žฅ ์™ธ๊ณฝ์ธ ํ…Œ๋‘๋ฆฌ(border)๊นŒ์ง€ ์ ์šฉํ•œ๋‹ค padding-box(๋ฐ•์Šค ๋ชจ๋ธ์—์„œ ํ…Œ๋‘๋ฆฌ๋ฅผ ๋บ€ ํŒจ๋”ฉ ๋ฒ”์œ„๊นŒ์ง€ ์ ์šฉํ•œ๋‹ค content-box(๋ฐ•์Šค ๋ชจ๋ธ์—์„œ ๋‚ด์šฉ ๋ถ€๋ถ„์—๋งŒ ์ ์šฉ๋œ๋‹ค) * background-im.. 2021. 2. 3.
[HTML5 & CSS3] ์›น์—์„œ ์ƒ‰์ƒ ํ‘œํ˜„ํ•˜๊ธฐ โ–ถ ์›น์—์„œ ์ƒ‰์ƒ ํ‘œํ˜„ํ•˜๊ธฐ * 16์ง„์ˆ˜ ํ‘œ๊ธฐ๋ฒ• ์˜ˆ) #ff0000 ๋“ฑ๋“ฑ โ€‹ * RGB์™€ RGBA ํ‘œ๊ธฐ๋ฒ• rgb(red ๊ฐ’, green ๊ฐ’, blue ๊ฐ’); rgba(red ๊ฐ’, green ๊ฐ’, blud ๊ฐ’, alpha ๊ฐ’); โ€‹ * hsl๊ณผ hsla ํ‘œ๊ธฐ๋ฒ• RGB์™ธ์— ์ƒ‰์ƒ์„ ํ‘œ๊ธฐํ•˜๋Š” ๋ฐฉ๋ฒ•. hue(์ƒ‰์ƒ), saturation(์ฑ„๋„), lightness(๋ฐ๊ธฐ) hsl(, , ); hsla(, , , ); โ€‹ * ์ƒ‰์ƒ ์ด๋ฆ„ ํ‘œ๊ธฐ๋ฒ• ์ƒ‰ ์ด๋ฆ„์œผ๋กœ ํ‘œ๊ธฐํ•˜๋Š” ๋ฒ• ์˜ˆ) white, red, yellow ๋“ฑ โ€‹ * ์ƒ‰์ƒ ์ถ”์ถœ ์‚ฌ์ดํŠธ ์ด์šฉํ•˜๊ธฐ ๋Œ€ํ‘œ์ ์ธ ์‚ฌ์ดํŠธ๊ฐ€ Color Picker 2021. 2. 3.
[HTML5 & CSS3] ๋ชฉ๋ก ์Šคํƒ€์ผ โ–ถ ๋ชฉ๋ก ์Šคํƒ€์ผ * list-style-type ์†์„ฑ - ๋ชฉ๋ก์˜ ๋ถˆ๋ฆฟ๊ณผ ๋ฒˆํ˜ธ ์Šคํƒ€์ผ ์ง€์ •ํ•˜๊ธฐ ์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก์˜ ๊ฒฝ์šฐ, ๋ชฉ๋ก ์•ž์— ๋‹ค์–‘ํ•œ ๋ถˆ๋ฆฟ์„ ๋„ฃ์„ ์ˆ˜ ์žˆ๊ณ  ์ˆœ์„œ ๋ชฉ๋ก์—์„œ๋Š” ๋ฒˆํ˜ธ ์Šคํƒ€์ผ์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ๋ถˆ๋ฆฟ ์—†์•จ๋• none ๊ฐ’ ์ž…๋ ฅ. ๋ถˆ๋ฆฟ ๋ชจ์–‘ ๋ฐ”๊พธ๊ธฐ๋„ ๊ฐ€๋Šฅ. ๊ธฐ๋ณธํ˜•) list-style-type : none / ์ˆœ์„œ ์—†๋Š” ๋ชฉ๋ก์˜ ๋ถˆ๋ฆฟ / ์ˆœ์„œ ๋ชฉ๋ก์˜ ๋ฒˆํ˜ธ โ€‹ * list-style-image ์†์„ฑ - ๋ถˆ๋ฆฟ ๋Œ€์‹  ์ด๋ฏธ์ง€ ๋„ฃ๊ธฐ ๊ธฐ๋ณธํ˜•) list-style-image : ์ด๋ฏธ์ง€ / none = url(์ด๋ฏธ์ง€ ํŒŒ์ผ ๊ฒฝ๋กœ) * list-style-position ์†์„ฑ - ๋ชฉ๋ก์— ๋“ค์—ฌ ์“ฐ๋Š” ํšจ๊ณผ ๋‚ด๊ธฐ ๊ธฐ๋ณธํ˜•) list-style-position : inside(๋ถˆ๋ฆฟ์ด๋‚˜ ์ˆซ์ž๋ฅผ ์•ˆ์ชฝ์œผ๋กœ ๋“ค์—ฌ ์“ด๋‹ค) / outs.. 2021. 2. 3.
๋ฐ˜์‘ํ˜•