profile
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ปโœ๐Ÿป

[AWS] ์•„๋งˆ์กด ์›น ์„œ๋น„์Šค, EC2(ํด๋ผ์šฐ๋“œ ์„œ๋ฒ„ ํ˜ธ์ŠคํŒ…)

AWS(์•„๋งˆ์กด ์›น ์„œ๋น„์Šค)๋ž€? ์—ฌ๋Ÿฌ๊ฐ€์ง€ ์›น์„œ๋น„์Šค๋ฅผ ํ•ด์ฃผ๋Š” ์—…์ฒด EC2 AWS ๋Œ€ํ‘œ ์„œ๋น„์Šค ์„œ๋ฒ„, ์ฆ‰ ์ปดํ“จํ„ฐ๋ฅผ ๋นŒ๋ ค์„œ ์›๊ฒฉ์ œ์–ด๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Œ ์ด๊ฒƒ์„ Cloud computing์ด๋ผ๊ณ  ํ•œ๋‹ค(ํƒ€์ธ์˜ ์ปดํ“จํ„ฐ๋Š” โ˜๏ธ) ๊ฐ•๋ ฅํ•œ CPU, ๋žจ ๋“ฑ์ด ํฌํ•จ๋˜์–ด ๋งŽ์€ ์‚ฌ

2022๋…„ 3์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ๋ฐ”๋ฒจ(Babel) & ์›นํŒฉ(WebPack)

๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•  ๋•Œ npm create-react-app์œผ๋กœ ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•ด์„œ ๋ฐ”๋ฒจ์™€ ์›นํŒฉ์€ ์กด์žฌ์— ๋Œ€ํ•ด์„œ๋งŒ ์•Œ๊ณ  ์žˆ์—ˆ๋Š”๋ฐ, ์ด๊ฒƒ์— ๋Œ€ํ•ด ๋”ฐ๋กœ ๊ณต๋ถ€ํ•ด์•ผํ•  ๋•Œ๊ฐ€ ์™”๋‹ค.CRA(create-react-app):๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋Š”๋ฐ ํ•„์š”ํ•œ ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์„ธํŒ…

2022๋…„ 2์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[CSS] ๊ฐ€์ƒ์š”์†Œ before after ์˜ˆ์ œ

์˜๋ฏธ ์—†๋Š” ํƒœ๊ทธ๋ฅผ ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  ๊ฐ€์ƒ์œผ๋กœ ์ฒ˜๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•œ ๊ธฐ๋Šฅcontent:""; : ๊ฐ€์ƒ์„ ํƒ์ž์— ํ•„์ˆ˜๋กœ ๋“ค์–ด๊ฐ€๋Š” ์š”์†Œ.ํ…์ŠคํŠธ ๋‚ด์šฉ์ด ์žˆ์œผ๋ฉด ๋”ฐ์˜ดํ‘œ ์•ˆ์— ๋‚ด์šฉ์„ ๋„ฃ๊ณ  ์•„๋‹ˆ๋ผ๋ฉด ๋”ฐ์˜ดํ‘œ๋งŒ ๋„ฃ๊ธฐ.๊ฐ€์ƒ์„ ํƒ์ž๋Š” ๋ถ€ํ”ผ๊ฐ€ ์—†๊ธฐ ๋•Œ๋ฌธ์— ํ•„์š”ํ•œ ๋งŒํผ ๋„ˆ๋น„์™€ ๋†’์ด๋ฅผ ๊ผญ ์ง€์ •.

2022๋…„ 2์›” 24์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[CSS] ์ „์ฒ˜๋ฆฌ๊ธฐ, ํ”„๋ ˆ์ž„์›Œํฌ ์ •๋ฆฌ

CSS ์ „์ฒ˜๋ฆฌ๊ธฐ๊ณผ ํ”„๋ ˆ์ž„์›Œํฌ ๊ฐ๊ฐ์˜ ํŠน์ง•๊ณผ ๋‹จ์  ์ •๋ฆฌ

2022๋…„ 2์›” 23์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ๋ฆฌ์•กํŠธ์—์„œ RESTful API ์‚ฌ์šฉํ•ด๋ณด๊ธฐ

๋จผ์ € npx create-react-app react_api_practice ๋ช…๋ น์–ด๋กœ ์ƒˆ ๋ฆฌ์•กํŠธ ํ”„๋กœ์ ํŠธ๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์—ˆ๋‹ค.1\. index.html์˜ head์•ˆ์— Bootstrap ์Šคํƒ€์ผ์‹œํŠธ ์ ์šฉApp.js ์ˆ˜์ •srcํด๋”์— ํ•˜์œ„ ํด๋” components๋ฅผ ๋งŒ๋“ค๊ณ  cont

2022๋…„ 2์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

๋‚˜์˜ ํ”„๋ก ํŠธ์—”๋“œ ๋…ํ•™ ๋ฐฉ๋ฒ•

๊ฒ€์ •๊ณ ์‹œ ์กธ์—…์ƒ, ๋…ํ•™์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ๊ณต๋ถ€ํ•œ ๋ฐฉ๋ฒ•

2022๋…„ 2์›” 10์ผ
ยท
4๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์•ˆ๋…•ํ•˜์„ธ์š”, ํ”„๋ก ํŠธ์—”๋“œ ์‹ ์ž…์— ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋ ค๊ณ  ๊ฒฐ์‹ฌํ•œ ์ด์œ  ๊ทธ๋ฆฌ๊ณ  ์‹ ์ž… ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ทจ์—…์„ ์ค€๋น„ํ•˜๋ฉฐ ๋ฉด์ ‘์—์„œ ๋ฐ›์€ ์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€ ์ด์ •๋ฆฌ

2022๋…„ 2์›” 10์ผ
ยท
22๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[Flutter] SDK is not found ํ•ด๊ฒฐ(์žฌ์„ค์น˜)

์•„๋‹ˆ ๋ฉฐ์น  ์ „๊นŒ์ง€๋งŒ๋„ ์ž˜ ์‹คํ–‰์ด ๋˜๋‹ค๊ฐ€ ๊ฐ‘์ž๊ธฐ SDK๊ฒฝ๋กœ๋ฅผ ๋ชป ์ฐพ๊ฒ ๋‹ค๋Š” ์—๋Ÿฌ๋ฉ”์„ธ์ง€๊ฐ€ ๋–ด๋‹ค. SDK๋Š” ์ด๋ฏธ ์„ค์น˜๊ฐ€ ๋˜์–ด์žˆ๋Š”๋ฐ๋„ Path๋ฅผ ์ฐพ์ง€ ๋ชปํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ๊ณ„์† ๋ฐœ์ƒ. ์ด๋ฅผ ํ•ด๊ฒฐํ•˜๋ ค๊ณ  ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๋ด๋ณด์•˜์ง€๋งŒ ๋‹ต๋‹ตํ•˜๊ฒŒ๋„ ํ•ด๊ฒฐ์ด ์•ˆ ๋จ. ์ž˜ ์ˆ˜ํ–‰๋˜๋˜ Flutter ๋ช…๋ น์–ด

2022๋…„ 2์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[JavaScript] ๋™๊ธฐ & ๋น„๋™๊ธฐ ์ดํ•ด

๋™๊ธฐ, ์‹ฑ๊ธ€ ์Šค๋ ˆ๋“œ : Synchronous(๋™์‹œ์— ์ผ์–ด๋‚˜๋Š”) JavaScript๋Š” ๋™๊ธฐ์‹ ์–ธ์–ด ๋™๊ธฐ ๋ฐฉ์‹์€ ์„œ๋ฒ„์—์„œ ์š”์ฒญ์„ ๋ณด๋ƒˆ์„ ๋•Œ ์‘๋‹ต์ด ๋Œ์•„์™€์•ผ ๋‹ค์Œ ๋™์ž‘์„ ์ˆ˜ํ–‰ํ•  ์‹œ๊ฐ„์ด ์–ผ๋งˆ๋‚˜ ๊ฑธ๋ฆฌ๋˜์ง€ ์š”์ฒญํ•œ ์ž๋ฆฌ์—์„œ ๊ฒฐ๊ณผ๊ฐ€ ์ฃผ์–ด์ ธ์•ผ ํ•˜๋Š” ๊ฒƒ ๋™๊ธฐ๋ฐฉ์‹์€ ์„ค๊ณ„๊ฐ€ ๋งค์šฐ ๊ฐ„๋‹จ

2022๋…„ 2์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

[React] ๋ผ์ดํ”„์‚ฌ์ดํด(Life Cycle) ์ดํ•ด

๋ฆฌ์•กํŠธ๋Š” ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜์˜ View๋ฅผ ์ค‘์‹ฌ์œผ๋กœ ํ•œ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ด๋ฉฐ๊ฐ๊ฐ์˜ ์ปดํฌ๋„ŒํŠธ์—๋Š” ๋ผ์ดํ”„์‚ฌ์ดํด ์ฆ‰, ์ปดํฌ๋„ŒํŠธ์˜ ์ƒ๋ช… ์ฃผ๊ธฐ๊ฐ€ ์กด์žฌํ•œ๋‹ค.์ด๊ฒƒ์€ ํ”„๋กœ๊ทธ๋žจ์ด ์‹คํ–‰๋˜๊ณ  ์ข…๋ฃŒ๋˜๋Š” ๊ณผ์ •์„ ๋งํ•œ๋‹ค.Mount(ํƒ„์ƒ) > Update, Re-render(๋ณ€ํ™”) > Unmount(์ฃฝ์Œ)DO

2022๋…„ 2์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[JavaScript] ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ณ€์ˆ˜์™€ ๋ณ€์ˆ˜๋ช… ๋ช…๋ช… ๊ทœ์น™

์ปดํ“จํ„ฐ ๋ฉ”๋ชจ๋ฆฌ์— ์–ด๋–ค ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•œ ์ด๋ฆ„(๋ณ€์ˆ˜๋ช…)์„ ๊ฐ€์ง„ ๊ณต๊ฐ„๋ณ€ํ•˜๋Š” ๊ฒƒ์— ์ด๋ฆ„์„ ๋ถ™์ธ ๊ฒƒ์ด ๋ณ€์ˆ˜๋ช…ํ”„๋กœ๊ทธ๋žจ์ด ์‹คํ–‰๋  ๋•Œ ์ž ์žฌ์ ์œผ๋กœ ๋ณ€๊ฒฝ ๋  ์ˆ˜์žˆ๋Š” ๋ช…๋ช… ๋œ ๊ฐ’๋ณ€์ˆ˜ ์„ ์–ธ์—๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ const๋ฅผ ์‚ฌ์šฉํ•˜๊ณ , ์žฌํ• ๋‹น์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ์— ํ•œ์ •ํ•ด let์„ ์‚ฌ์šฉ์•„๋ž˜ ์ฝ”๋“œ์˜

2022๋…„ 2์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์™€ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ

TypeScript๋ž€? ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์— ํƒ€์ž…์„ ๋ถ€์—ฌํ•œ ์–ธ์–ด JavaScript์˜ ์ƒ์œ„ ์ง‘ํ•ฉ์œผ๋กœ JavaScript์˜ ๋ชจ๋“  ๊ธฐ๋Šฅ์ด ์žˆ์Œ

2022๋…„ 2์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ๋ฆฌ์•กํŠธ ๋ฐฐํฌ ํ›„ ๋ฐฐ๊ฒฝ๋งŒ ๋‚˜์˜ค๋Š” ์—๋Ÿฌ ํ•ด๊ฒฐ

๋ฆฌ์•กํŠธ ๋ฐฐํฌ ํ›„ ๋ฐฐ๊ฒฝ์ปฌ๋Ÿฌ๋Š” ๋œจ๋Š”๋ฐ ์ •์ž‘ ์ค‘์š”ํ•œ App.js๊ฐ€ ๋นŒ๋“œ๋˜์ง€ ์•Š๋Š” ์—๋Ÿฌ ํ•ด๊ฒฐ

2022๋…„ 1์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

์‹ ์ž… ํ”„๋ก ํŠธ์—”๋“œ ํฌํŠธํด๋ฆฌ์˜ค ์ œ์ž‘๊ธฐ

๋””์ž์ธ๋ถ€ํ„ฐ ๊ธฐํš, ๊ฐœ๋ฐœ, ๋ฐฐํฌ๊นŒ์ง€ <์‹ ์ž… ํ”„๋ก ํŠธ์—”๋“œ ํฌํŠธํด๋ฆฌ์˜ค ์ œ์ž‘๊ธฐ>

2022๋…„ 1์›” 20์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€

[GitHub] ๊นƒํ—ˆ๋ธŒ ์ž”๋”” ์‹ฌ๊ธฐ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ

ํ•˜๋ฃจํ•˜๋ฃจ ์ž˜ ์‹ฌ์–ด์ง€๋˜ ์ž”๋””๊ฐ€ ๊ฐ‘์ž๊ธฐ ์‹ฌ์–ด์ง€์ง€ ์•Š์•˜๋‹ค. git config --list ๋ช…๋ น์–ด๋กœ ํ™•์ธํ•ด๋ณด๋‹ˆ ๋‚ด ์ด๋ฉ”์ผ๊ณผ ๋‹‰๋„ค์ž„์ด ์•„๋‹Œ ๋‹ค๋ฅธ ๊ฐœ๋ฐœ์ž์˜ ์ด๋ฉ”์ผ๊ณผ ๋‹‰๋„ค์ž„์œผ๋กœ ์„ค์ •์ด ๋˜์–ด์žˆ์—ˆ๋Š”๋ฐ ๋ฉฐ์น  ์ „ ๋‹ค๋ฅธ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋‚˜์˜ ๋งฅ๋ถ์—์„œ ์•„๋งˆ๋„ git config๋ฅผ Global๋กœ

2022๋…„ 1์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[GitHub] The requested URL returned error: 403 ํ•ด๊ฒฐ

๋กœ์ปฌ์— ์ฒ˜๋ฐ•์•„๋‘” ํ”„๋กœ์ ํŠธ๋ฅผ ๊นƒํ—™์— ์—…๋กœ๋“œํ•˜๊ณ ์ž ํ–ˆ๋Š”๋ฐ The requested URL returned error: 403 ์ด๋Ÿฐ ์˜ค๋ฅ˜๋ฉ”์„ธ์ง€๊ฐ€ ๋‚˜์™”๋‹ค.git remote -v ์ฒดํฌ๋ฅผ ํ•ด๋ณด๋‹ˆ ๋ฌธ์ œ๊ฐ€ ์—†์—ˆ๊ณ ํŒจํ‚ค์ง€๋ฅผ ์žฌ์„ค์น˜ํ•ด๋ด๋„ ์˜ค๋ฅ˜๊ฐ€ ํ•ด๊ฒฐ์ด ๋˜์ง€ ์•Š์•„์„œ๋ ˆํŒŒ์ง€ํ† ๋ฆฌ๋ฅผ ์ƒˆ๋กœ ๋งŒ๋“ค์–ด

2022๋…„ 1์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[CSS] justify-content ์ ์šฉ ์•ˆ ๋  ๋•Œ

display: flex ์ ์šฉ๋˜์–ด ์žˆ๋Š”์ง€ ํ™•์ธwidth ๋˜๋Š” height ๊ฐ’ ํ™•์ธCSS ์ฝ”๋“œ ๊ฒŒ์ž„ FLEXBOX FROGGY

2022๋…„ 1์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ๋ฒ„์ „ ๋‚ฎ์ถ”๋Š” ๋ฐฉ๋ฒ•

react-reveal๋ฅผ ์„ค์น˜ํ•˜๋ ค๊ณ  ํ•˜๋‹ค ๋งŒ๋‚œ ์—๋Ÿฌ ์—๋Ÿฌ ๋œจ์ž๋งˆ์ž ํ„ฐ๋ฏธ๋„์„ ์ฝ์„ ์ƒ๊ฐ๋„ ์—†์ด ์—‰๋šฑํ•˜๊ฒŒ ๊ฒ€์ƒ‰ํ•˜๊ณ  ์‚ฝ์งˆํ•˜๋‹ค๊ฐ€ ํ„ฐ๋ฏธ๋„์„ ๋‹ค์‹œ ๋ณด๋‹ˆ ๋ฒ„์ „์œผ๋กœ ์ธํ•œ ์—๋Ÿฌ์ž„์„ ์นœ์ ˆํ•˜๊ฒŒ ๋ณด์—ฌ์ฃผ๊ณ  ์žˆ์—ˆ๋‹คใ…Ž_ใ…Ž ์œ„ ์ฝ”๋“œ๋กœ ๋ฒ„์ „์„ ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ•˜๊ณ  ํ•ด๊ฒฐ

2022๋…„ 1์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[CSS] ๋ฐ˜์‘ํ˜• ์›น media queries @media ์‚ฌ์šฉ๋ฒ•

width๊ฐ€ 768px ์ดํ•˜๊ฐ€ ๋  ์‹œ ํ”Œ๋ ‰์Šค ์ปจํ…Œ์ด๋„ˆ ๋‚ด์˜ ์•„์ดํ…œ์„ column ์ •๋ ฌ

2021๋…„ 12์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€