๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•
[Tibero] Tibero๋ž€? (feat. ํ•œ๊ตญ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ์ค‘์— ํ•œ๊ตญ ๊ธฐ์—…์—์„œ ๋งŒ๋“  Tibero ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ Tibero๋ž€? ํ‹ฐ๋งฅ์Šค ์†Œํ”„ํŠธ์—์„œ 2006๋…„์— ๊ฐœ๋ฐœํ•œ ํ•œ๊ตญ์‚ฐ DBMS ์ž…๋‹ˆ๋‹ค. ํ‹ฐ๋ฒ ๋กœ์˜ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋ชจ๋ธ์„ RDBMS์ด๋ฉฐ, ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํด๋Ÿฌ์Šคํ„ฐ๋ง, ๋ณ‘๋ ฌ ์ฟผ๋ฆฌ ์ฒ˜๋ฆฌ, ์ฟผ๋ฆฌ ์˜ตํ‹ฐ๋งˆ์ด์ € ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ๊ณ ๊ฐ€์šฉ์„ฑ ๋ฐ ๊ณ ์„ฑ๋Šฅ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. ๋˜ํ•œ SQL ๋“ฑ์„ ํฌํ•จํ•ด์„œ ์˜ค๋ผํด์˜ ์ œํ’ˆ๊ณผ ๊ฑฐ์˜ ๋™์ผํ•œ ํ˜ธํ™˜์„ฑ์„ ์ œ๊ณตํ•จ์— ๋”ฐ๋ผ ์˜ค๋ผํด ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค์˜ ๋Œ€์•ˆ์œผ๋กœ๋„ ์ฃผ์žฅ๋˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ์š” ๊ธฐ๋Šฅ ๋Œ€์šฉ๋Ÿ‰ ๋ฐ์ดํ„ฐ๋ฅผ ๊ด€๋ฆฌํ•˜๊ณ  ์•ˆ์ •์ ์ธ ๋น„์ง€๋‹ˆ์Šค์˜ ์—ฐ์†์„ฑ์„ ๋ณด์žฅํ•˜๊ธฐ ์œ„ํ•ด ์•„๋ž˜์™€ ๊ธฐ๋Šฅ์„ ๊ฐ–์ถ”๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ถ„์‚ฐ ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ๋งํฌ ๋ฐ์ดํ„ฐ ์ด์ค‘ํ™” ๋ฐ์ดํ„ฐ๋ฒ ์ด์Šค ํด๋Ÿฌ์Šคํ„ฐ ๋ณ‘๋ ฌ ์ฟผ๋ฆฌ ์ฒ˜๋ฆฌ ์ฟผ๋ฆฌ ์ตœ์ ํ™”.. 2022. 2. 23.
[CSS] Flex ์†์„ฑ ์•Œ์•„๋ณด๊ธฐ (List of flex properties) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜์€ CSS์—์„œ ์‰ฝ๊ฒŒ ๋ ˆ์ด์•„์›ƒ์„ ํ•  ์ˆ˜ ์žˆ๋Š” Flex์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ flex-basis ํ”Œ๋ ‰์Šค ์•ˆ์— ์žˆ๋Š” ์š”์†Œ์˜ ๊ธฐ๋ณธ ํฌ๊ธฐ๋ฅผ ์„ค์ •ํ•˜๋Š” ์†์„ฑ 50px 100px 50px 1. px์ด๋‚˜ em์œผ๋กœ ์ง์ ‘ ์ง€์ •ํ•˜๊ธฐ ํŒŒ๋ž€์ƒ‰ ๋ฐ•์Šค 300px๋กœ ๋Š˜๋ฆฌ๊ธฐ (์—ฌ๊ธฐ์„œ nth-of-type(2)๋Š” flex์•ˆ์— ์žˆ๋Š” ์š”์†Œ ์ค‘ 2๋ฒˆ์งธ๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.) flex-basis: 300px; ํ•˜์ง€๋งŒ ๊ธ€์ž์˜ ๊ธธ์ด๋ณด๋‹ค ์งง๊ฒŒ ์ง€์ •ํ–ˆ์„ ๋• ๊ธ€์ž ๊ธธ์ด ๋งŒํผ๋งŒ ์กฐ์ •๋ฉ๋‹ˆ๋‹ค. 2. ํ‚ค์›Œ๋“œ๋กœ ์ง€์ •ํ•˜๊ธฐ ํ‚ค์›Œ๋“œ๋กœ ์ง€์ •ํ•˜๊ธฐ ์œ„ํ•ด์„œ ํŒŒ๋ž€์ƒ‰ ๋ฐ•์Šค์˜ ํ…์ŠคํŠธ ๊ธธ์ด๋ฅผ ๋Š˜๋ฆฌ๊ฒ ์Šต๋‹ˆ๋‹ค. abcdefg hijklmnop qrstuvwxyz 1. fill ํ…์ŠคํŠธ ๊ธธ์ด์— ๋”ฑ ๋งž๊ฒŒ ์กฐ์ •๋ฉ๋‹ˆ๋‹ค. flex-basis:.. 2022. 2. 22.
[CSS] ์ปฌ๋Ÿฌ์— ๊ด€ํ•œ ์†์„ฑ ์•Œ์•„๋ณด๊ธฐ (List of color properties) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜์€ CSS ์†์„ฑ ์ค‘ ์ปฌ๋Ÿฌ์— ๊ด€๋ จ๋œ ์†์„ฑ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค! ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ color text ๋ฐ text-decoration ๋“ฑ์˜ ์ƒ‰์„ ์ •ํ•˜๋Š” ์†์„ฑ ์ƒ‰๊น”์„ ์ง€์ •ํ•˜๋Š” ๋ฐฉ๋ฒ•์€ 6๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1. name 2. hex 3. rgb 4. hsl 5. hwb 6. global ์•ˆ๋…•ํ•˜์„ธ์š” ์•ˆ๋…•ํ•˜์„ธ์š” ์•ˆ๋…•ํ•˜์„ธ์š” ์•ˆ๋…•ํ•˜์„ธ์š” 2022. 2. 22.
[CSS] CSS๋ž€? (feat. ๊ตฌ๋ฌธ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•) ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์š”์ฆ˜ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ๊ณต๋ถ€ํ•˜๊ณ  ์žˆ๋Š”๋ฐ CSS์— ๋Œ€ํ•œ ๊ธฐ์–ต์ด ๊ฐ€๋ฌผ ๊ฐ€๋ฌผํ•ด์„œ ํ—ท๊ฐˆ๋ฆฌ๋”๋ผ๊ตฌ์š”.. ๊ทธ๋ž˜์„œ CSS์— ๋Œ€ํ•ด ๋‹ค์‹œ ํ•œ๋ฒˆ ์ œ๋Œ€๋กœ ์ •๋ฆฌํ•˜๊ณ  ๋„˜์–ด๊ฐ€๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ CSS๋ž€? Cascading Style Sheets์˜ ์ค„์ž„๋ง์ด๋ฉฐ ์ง๋…ํ•˜๋ฉด ๊ณ„๋‹จ์‹์œผ๋กœ ์ž‘์„ฑํ•˜๋Š” ์Šคํƒ€์ผ ์‹œํŠธ์ž…๋‹ˆ๋‹ค. ๋งˆํฌ์—… ์–ธ์–ด๊ฐ€ ์‹ค์ œ ํ‘œ์‹œ๋˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ธฐ์ˆ ํ•˜๋Š” ์Šคํƒ€์ผ ์–ธ์–ด๋กœ HTML๊ณผ XML์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. HTML์ด ์›น์‚ฌ์ดํŠธ์˜ ๋ชธ์ฒด๋ฅผ ๋‹ด๋‹นํ•œ๋‹ค๋ฉด CSS๋Š” ๊ทธ ๋ชธ์ฒด๋ฅผ ์˜ˆ์˜๊ฒŒ ๊พธ๋ฏธ๋Š” ์—ญํ• ์„ ๋‹ด๋‹นํ•œ๋‹ค๊ณ  ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 1994๋…„ ํ•˜์ฝค ๋น„์›€ ๋ฆฌ๊ฐ€ ์ฒ˜์Œ ์ œ์•ˆํ•˜์—ฌ ์ดํ›„ W3C์—์„œ CSS2,CSS3๋ฅผ ๊ฐœ๋ฐœํ•ด์™”์Šต๋‹ˆ๋‹ค. CSS ๊ตฌ๋ฌธ ์ž‘์„ฑํ•˜๋Š” ๋ฒ• ์›ํ•˜๋Š” HTML ์š”์†Œ๋ฅผ ์„ ํƒํ•œ ๋’ค ๋ฐ”๊พธ๊ณ  ์‹ถ์€ ์†์„ฑ์„ ์„ ํƒํ•˜.. 2022. 2. 22.
[iOS Error ํ•ด๊ฒฐ๋ฒ• ํฌํ•จ] Unable to prepare device for development ์•ˆ๋…•ํ•˜์„ธ์š” Foma ๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜์€ ์•„์ดํฐ์„ ์—…๋ฐ์ดํŠธ ํ•˜๊ณ  ๋งฅ๊ณผ ์—ฐ๊ฒฐ์‹œ์ผœ์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ™•์ธํ•ด๋ณด๋ ค๊ณ  ํ–ˆ๋”๋‹ˆ ์•„๋ž˜์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๊ณ„์† ๋œจ๋”๋ผ๊ตฌ์š”.. "Unable to prepare device for development. Please check tthe connection to the device, and review all errors in the Device and Simulators window" ์—ด์‹ฌํžˆ ๊ตฌ๊ธ€๋ง ํ•ด๋ณธ ๊ฒฐ๊ณผ ํ•ด๊ฒฐ๋ฒ•์€ ์•„์ดํฐ ์—…๋ฐ์ดํŠธ์— ๋งž๊ฒŒ Xcode๋„ ์—…๋ฐ์ดํŠธ๋ฅผ ํ•ด์ค˜์•ผ ๋””๋ฐ”์ด์Šค ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์‹คํ–‰์ด ๋ฉ๋‹ˆ๋‹ค. ๋งฅ์— ์žˆ๋Š” ์•ฑ์Šคํ† ์–ด๋กœ ์ด๋™ํ•˜์‹œ๋ฉด Xcode์— ์—…๋ฐ์ดํŠธ๋ผ๊ณ  ๋˜์–ด์žˆ์„ ๊ฑฐ์—์š”. ์—…๋ฐ์ดํŠธ ์‹œ์ผœ์ค€ ๋’ค ๋””๋ฐ”์ด์Šค๋ฅผ ์—ฐ๊ฒฐํ•˜๋ฉด ์ •์ƒ์ ์œผ๋กœ ์‹คํ–‰๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. 2022. 2. 21.
[Swift] 2019 KAKAO WINTER INTERNSHIP ํ˜ธํ…” ๋ฐฉ ๋ฐฐ์ • Problem ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต - ํ˜ธํ…” ๋ฐฉ ๋ฐฐ์ • programmers.co.kr Solution 1. ์—ฐ์†๋œ ๋ฐฉ๋“ค์˜ ์‹œ์ž‘๊ณผ ๊ธธ์ด๋ฅผ ์ €์žฅํ•ด ๋†“์„ ํด๋ž˜์Šค๋ฅผ ๋งŒ๋“ ๋‹ค. ์ด ๋ฌธ์ œ์˜ ํ•ต์‹ฌ์€ ํˆฌ์ˆ™์„ ์›ํ•˜๋Š” ๋ฐฉ์ด ์ค‘๋ณต๋˜์—ˆ์„ ๋•Œ ํ•ด๋‹น ๋ฐฉ๋ณด๋‹ค ํฌ๋ฉด์„œ ๊ฐ€์žฅ ์ž‘์€ ๋ฐฉ์„ ์ฐพ๋Š” ๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์— ์—ฐ์†๋œ ๋ฐฉ์˜ ๊ธธ์ด์™€ ์‹œ์ž‘๋œ ๋ฐฉ์˜ ์œ„์น˜๋ฅผ ๋”ํ•ด์ฃผ๋ฉด ์‰ฝ๊ฒŒ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค๋ฉด 10๊ฐœ์˜ ๋ฐฉ ์ค‘ 2,3,4,5 ๊ฐ€ ์ด๋ฏธ ์ฐจ์žˆ๋‹ค๋ฉด ์‹œ์ž‘๋œ ๋ฐฉ์˜ ์œ„์น˜๋Š” 2์ด๊ณ  ์—ฐ์†๋œ ๋ฐฉ์˜ ๊ธธ์ด๋Š” 4์ž…๋‹ˆ๋‹ค. ๊ณ ๋กœ 2,3,4,5 ์ค‘์— ์ค‘๋ณต๋œ ๋ฐฉ์ด ์žˆ๋‹ค๋ฉด 2(์‹œ์ž‘๋œ ๋ฐฉ์˜ ์œ„์น˜) + 4(์—ฐ์†๋œ ๋ฐฉ์˜ ๊ธธ์ด) = 6์ด๋ฏ€๋กœ 6๋ฒˆ ๋ฐฉ์— ๋„ฃ์œผ๋ฉด ๋ฉ๋‹ˆ๋‹ค. class Room { var root:Int64,length:Int64 init(root:Int64,length:Int.. 2022. 2. 20.
[React Native] Expo๋ž€? (feat. ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•) ์•ˆ๋…•ํ•˜์„ธ์š” Foma๐Ÿ’ป ์ž…๋‹ˆ๋‹ค. ๋ณธ๊ฒฉ์ ์œผ๋กœ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ์š”. ๊ทธ ์ค‘ ์ดˆ๋ณด์ž๊ฐ€ ์ž…๋ฌธํ•˜๊ธฐ ์‰ฌ์šด Expo์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ณ  ์„ค์น˜ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์ •๋ฆฌํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ React native๋ฅผ ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐฉ๋ฒ•์€ ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. 1. React-Native-CLI React-Native-CLI๋Š” ์–ด๋– ํ•œ ํˆด์„ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ์˜ค๋กœ์ง€ React natvie๋งŒ์„ ์ด์šฉํ•ด์„œ ๊ฐœ๋ฐœํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์ดˆ๊ธฐ์— ์„ค์ •์ด ๊นŒ๋‹ค๋กญ๊ณ , Android Studio, Xcode ๋“ฑ์œผ๋กœ ๊ฐ ํ”Œ๋žซํผ๋งˆ๋‹ค ์„ค์น˜ํ•˜๊ณ  ๋นŒ๋“œํ•ด์•ผ ํ•˜๋Š” ๋‹จ์ ์ด ์žˆ์ง€๋งŒ ๊ฐœ๋ฐœ์ž ์›ํ•˜๋Š” ๊ธฐ๋Šฅ์ด๋‚˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์„ ์ž์œ ๋กญ๊ฒŒ ์ œ์–ด ๊ฐ€๋Šฅํ•œ ์žฅ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค. 2. Expo-CLI Expo-CLI๋Š” ์ดˆ๊ธฐ์— ์„ค์ •์ด ๊ฐ„๋‹จํ•˜๊ณ , ๊ฐœ๋ฐœ์„ ์‰ฝ๊ฒŒ.. 2022. 2. 16.
[Error ํ•ด๊ฒฐ๋ฒ• ํฌํ•จ] Window PowerShell PSSecurityException ์ด ์‹œ์Šคํ…œ์—์„œ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์—†์œผ๋ฏ€๋กœ ... React Native๋ฅผ ๋ณธ๊ฒฉ์ ์œผ๋กœ ์‹œ์ž‘ํ•˜๋ ค๊ณ  expo์—์„œ ์•ฑ์„ ์ƒ์„ฑํ•˜๋Š” ๊ณผ์ •์—์„œ ์•„๋ž˜์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค. ๋ฐœ์ƒํ•œ ์ด์œ ๋Š” ์ด๊ฒƒ์„ ์„ค์น˜ํ•  ๊ถŒํ•œ์ด ์—†๋‹ค๋Š” ๊ฒƒ์ธ๋ฐ, ๋งฅ์—์„œ๋Š” sudo๋กœ ํ•ด๊ฒฐํ•˜๋ฉด ๋˜์—ˆ์ง€๋งŒ window์—์„œ๋Š” ์ข€ ๋ณต์žกํ–ˆ๋‹ค. ์œˆ๋„์šฐ์˜ PoserShell์„ ์ž‘์—…์ž ๊ถŒํ•œ์œผ๋กœ ์ผ ๋‹ค. get-ExecutionPolicy๋กœ ํ˜„์žฌ ๊ถŒํ•œ ์ƒํƒœ๋ฅผ ํ™•์ธํ•œ๋‹ค. ํ˜„์žฌ ์ƒํƒœ๊ฐ€ ์•„๋ž˜์™€ ๊ฐ™์ด Restricted๋กœ ๋˜์–ด์žˆ์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์œ„์™€ ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•œ ๊ฒƒ์ด๋‹ค. Set-ExecutionPolicy์œผ๋กœ ํ˜„์žฌ ๊ถŒํ•œ ์ƒํƒœ๋ฅผ ๋ฐ”๊ฟ”์ค€๋‹ค. ๊ถŒํ•œ ์ƒํƒœ๋Š” ์ด 5๊ฐ€์ง€๊ฐ€ ์žˆ๋‹ค. 1. Restricted ExecutionPolicy์˜ ๊ธฐ๋ณธ๊ฐ’์ด๋ฉฐ ์Šคํฌ๋ฆฝํŠธ ํŒŒ์ผ์ด ์‹คํ–‰๋˜์ง€ ์•Š๋Š”๋‹ค. 2. Unrestricted ๋ชจ๋“  ์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๋Š”.. 2022. 2. 15.
[JS] ๋น„๋™๊ธฐ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฒ• ์•Œ์•„๋ณด๊ธฐ(Callback,Promise,Async & Await) ์•ˆ๋…•ํ•˜์„ธ์š” Foma๐Ÿ’ป ์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜๋„ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ํ†ตํ•ด ๋ฐฐ์šด Callback ํ•จ์ˆ˜์™€ Promise์— ๋Œ€ํ•ด์„œ ์ œ๊ฐ€ ์ดํ•ดํ•œ ๋ฐฉ์‹๋Œ€๋กœ ์ •๋ฆฌํ•ด๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ Callback Callback ํ•จ์ˆ˜๋Š” ์‹คํ–‰ํ•˜๋Š” ์ฆ‰์‹œ ์™„๋ฃŒ๋˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ํŠน์ • ์ž‘์—…์„ ์‹คํ–‰ํ•˜๊ณ  ๋งˆ์นœ ๋’ค์— ์™„๋ฃŒ๋œ๋‹ค. ์ฆ‰, ๋น„๋™๊ธฐ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค. ๋งŒ์•ฝ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŒ๋“œ๋Š” ์ž‘์—…์ด ์žˆ๋‹ค๋ฉด ์ž‘์—…์ด ์ •์ƒ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜๊ฑฐ๋‚˜ ์ค‘๊ฐ„์—์„œ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๊ฒฝ์šฐ์— ์ž‘์—…์ด ์™„๋ฃŒ๋œ๋‹ค. ์ฝœ๋ฐฑ ํ•จ์ˆ˜๊ฐ€ ์™„๋ฃŒ๋˜๋Š” ๊ฒฝ์šฐ๋Š” ์ •์ƒ์ ์œผ๋กœ ์ฒ˜๋ฆฌ๋˜์—ˆ๊ฑฐ๋‚˜, ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•œ ๊ฒฝ์šฐ ๋ฟ์ด๋‹ค. ์ฝœ๋ฐฑ ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๋ฐฉ์‹์€ ์›ํ•˜๋Š” ํŒŒ๋ผ๋ฏธํ„ฐ ๊ฐ’๊ณผ ํ•จ๊ป˜ ์ž‘์—…์„ ์‹คํ–‰ํ•  ํ•จ์ˆ˜๋ฅผ ๋ฐ˜๋“œ์‹œ ๊ฐ™์ด ๋„ฃ์–ด์ค€๋‹ค. function loadScript(src,callback) { let s.. 2022. 2. 15.
[JS] Static,Protected,Private์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ ์•ˆ๋…•ํ•˜์„ธ์š” Foma๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์˜ค๋Š˜๋„ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐฐ์šด Static,Protected,Private ์— ๋Œ€ํ•ด ์ œ๊ฐ€ ์ดํ•ดํ•œ ๊ฒƒ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ •๋ฆฌํ•ด ๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค! ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ Static Static์€ ์ •์ ์ด๋ผ๋Š” ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์–ด, ๋ณ€ํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๋œป์ด๋‹ค. ์ด๊ฒƒ์„ ์ด์šฉํ•˜์—ฌ ์ •์  ๋ฉ”์„œ๋“œ, ํ”„๋กœํผํ‹ฐ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋‹ค. ์‰ฝ๊ฒŒ ๋งํ•˜๋ฉด ํด๋ž˜์Šค์—์„œ ๊ณตํ†ต์ ์œผ๋กœ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ๋ถ€๋ถ„์ด๋‚˜ ๊ธฐ๋Šฅ์„ ๋ฏธ๋ฆฌ ์ •์˜ํ•ด ๋†“๋Š” ๊ฒƒ์ด๋‹ค. Static Property class Person { //๋ชจ๋“  ์‚ฌ๋žŒ์ด ๋™์ผํ•˜๊ฒŒ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ๋ณ€ํ•˜์ง€ ์•Š๋Š” ๊ฐ’ static planet = "์ง€๊ตฌ" } //ํด๋ž˜์Šค ์ž์ฒด์—์„œ ๋ฐ”๋กœ ์ฝ๊ธฐ ๊ฐ€๋Šฅ console.log(Person.planet) //์ง€๊ตฌ Static Method class User { co.. 2022. 2. 15.
[JS] ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค 124 ๋‚˜๋ผ์˜ ์ˆซ์ž Problem ์ฝ”๋”ฉํ…Œ์ŠคํŠธ ์—ฐ์Šต - 124 ๋‚˜๋ผ์˜ ์ˆซ์ž programmers.co.kr Solution 1. 3์œผ๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋ฅผ answer๋ฐฐ์—ด์— ๋„ฃ๋Š”๋‹ค. 3์œผ๋กœ ๋‚˜๋ˆˆ ๋‚˜๋จธ์ง€๋ฅผ answer ๋ฐฐ์—ด์— ๋„ฃ๋˜, ๋‚˜๋จธ์ง€๊ฐ€ 0์ด๋ผ๋ฉด 3๋ฒˆ์งธ ๊ฐ’์ด๋ฏ€๋กœ 4๋กœ ๋Œ€์ฒดํ•ด์„œ ๋„ฃ์–ด์ค€๋‹ค. 2. ์ˆซ์ž๊ฐ€ 0์ด ๋  ๋•Œ๊นŒ์ง€ 3์œผ๋กœ ๋‚˜๋ˆˆ๋‹ค. 3์œผ๋กœ ๋‚˜๋ˆ ๊ฐ€๋ฉด์„œ ํ˜„์žฌ ์ˆซ์ž๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š”๋ฐ, ์ˆซ์ž๊ฐ€ 1,2,4 ์ด๋ ‡๊ฒŒ 3๊ฐœ๊นŒ์ง€ ํ—ˆ์šฉ๋˜๊ธฐ ๋–„๋ฌธ์— 0์œผ๋กœ ๋‚˜๋ˆ ์ง„ ๊ฒƒ์€ 3๋ฒˆ์งธ๋ผ๋Š” ์˜๋ฏธ์—ฌ์„œ ๋‹ค์Œ ์ˆซ์ž๋กœ ๋„˜์–ด๊ฐ€๋ฉด ์•ˆ๋˜๋ฏ€๋กœ ๋ชซ์— -1์„ ํ•ด์ค€๋‹ค. ๊ทธ๊ฒŒ ์•„๋‹ˆ๋ผ๋ฉด 3์œผ๋กœ ๋‚˜๋ˆ ์ค€ ๊ฐ’์œผ๋กœ ๋ณ€๊ฒฝํ•œ๋‹ค. 3. ๋ฐฐ์—ด์— ์žˆ๋Š” ์ˆซ์ž๋ฅผ ๋’ค์ง‘๊ณ  ๋ฌธ์ž์—ด๋กœ ๋ณ€๊ฒฝํ•ด ๋ฐ˜ํ™˜ํ•œ๋‹ค. ๋ฐฐ์—ด์— ์Œ“์ธ ์ˆซ์ž๋Š” ๊ฑฐ๊พธ๋กœ ์ €์žฅ๋˜์–ด ์žˆ๋Š” ๊ฒƒ์ด๋ฏ€๋กœ revese() ๋ฉ”์„œ๋“œ๋ฅผ ์ด์šฉํ•ด ๋’ค์ง‘์–ด ์ฃผ๊ณ , ์ •๋‹ต์„ ๋ฌธ์ž์—ด๋กœ ๋ฐ˜.. 2022. 2. 14.
[JS] ํด๋ž˜์Šค(Class) ๊ธฐ๋ณธ ๋ฌธ๋ฒ•๊ณผ ์ƒ์† ์•ˆ๋…•ํ•˜์„ธ์š” Foma๐Ÿ’ป ์ž…๋‹ˆ๋‹ค! ์ด๋ฒˆ ๊ธ€๋„ ์—ญ์‹œ ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ฐฐ์šด 'ํด๋ž˜์Šค'๋ฅผ ์ œ๊ฐ€ ์ดํ•ดํ•œ ๋ฐฉ์‹์œผ๋กœ ๋ณต์Šตํ•˜๋Š” ์ฐจ์›์—์„œ ์ •๋ฆฌํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋ฐ”๋กœ ์‹œ์ž‘ํ• ๊ฒŒ์š”~ ํด๋ž˜์Šค๋ž€? ํด๋ž˜์Šค๋Š” ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์—์„œ ํŠน์ • ๊ฐ์ฒด๋ฅผ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๋ณ€์ˆ˜์™€ ๋ฉ”์†Œ๋“œ๋ฅผ ์ •์˜ํ•˜๋Š” ์ผ์ข…์˜ ํ‹€๋กœ, ๊ฐ์ฒด๋ฅผ ์ •์˜ํ•˜๊ธฐ ์œ„ํ•œ ์ƒํƒœ(๋ฉค๋ฒ„ ๋ณ€์ˆ˜)์™€ ๋ฉ”์„œ๋“œ(ํ•จ์ˆ˜)๋กœ ๊ตฌ์„ฑ๋œ๋‹ค. - ์œ„ํ‚ค ๋ฐฑ๊ณผ - ์ฆ‰, ํด๋ž˜์Šค๋Š” ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค๊ธฐ ์‰ฝ๊ฒŒ ๋ฏธ๋ฆฌ ํ‹€์„ ๋งŒ๋“ค์–ด ๋†“๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ํด๋ž˜์Šค ์ƒ์„ฑํ•˜๊ธฐ ์•ž์— ํด๋ž˜์Šค๋ฅผ ๋ถ™์—ฌ์ค€ ๋’ค constructor(์ƒ์„ฑ์ž)๋ฅผ ์ด์šฉํ•ด์„œ ์ดˆ๊ธฐํ™” ํ•ด์ค€๋‹ค. ๋ฉ”์„œ๋“œ๋‚˜ ํ”„๋กœํผํ‹ฐ๋ฅผ ์ƒ์„ฑํ•˜๊ฑฐ๋‚˜ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฒ•์€ ์ผ๋ฐ˜ ๊ฐ์ฒด๋ฅผ ๋งŒ๋“ค ๋•Œ์™€ ๋™์ผํ•˜๋‹ค. class Player { constructor(name) { this.height = 180 this.n.. 2022. 2. 12.
728x90
๋ฐ˜์‘ํ˜•