profile
๐ŸŒฟ ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค! ๋ถ€์กฑํ•˜๊ฑฐ๋‚˜ ์ž˜๋ชป๋œ ์ •๋ณด๊ฐ€ ์žˆ๋‹ค๋ฉด ์•Œ๋ ค์ฃผ์„ธ์š”:)
post-thumbnail

Slack ํด๋ก  ์ฝ”๋”ฉ[์‹ค์‹œ๊ฐ„ ์ฑ„ํŒ… with React] - Section 0. ํ”„๋ก ํŠธ์—”๋“œ ์ดˆ๊ธฐ ์„ธํŒ…ํ•˜๊ธฐ

์ œ๋กœ์ดˆ๋‹˜์˜ Slack ํด๋ก  ์ฝ”๋”ฉ ๊ฐ•์˜๋ฅผ ์ˆ˜๊ฐ•ํ•˜๋ฉด์„œ ํ•™์Šตํ•œ ๋‚ด์šฉ์„ ์ •๋ฆฌํ•˜๋Š” ๊ธ€์ž…๋‹ˆ๋‹ค.

์–ด์ œ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

CI/CD ํŒŒ์ดํ”„๋ผ์ธ / Github Action

CI/CD CI/CD์˜ ๋œป์„ ํ•œ๋ฒˆ ์‚ดํŽด๋ณด๋ฉด CI(Continuous Integration): ์ง€์†์ ์ธ ํ†ตํ•ฉ์„ ์˜๋ฏธํ•œ๋‹ค.

2023๋…„ 8์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

HTTPS ์‚ฌ์šฉ์ž ์ง€์ • Domain์„ ์‚ฌ์šฉํ•˜์—ฌ CloudFront์— React App ๋ฐฐํฌํ•˜๊ธฐ

http๋Š” ๋ณด์•ˆ์— ์ทจ์•ฝํ•˜์—ฌ https๋ฅผ ํ†ตํ•ด ๋ณด์•ˆ์„ฑ์„ ์˜ฌ๋ฆฌ๊ณ , https ๋ฐฐํฌ ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. S3, Route 53, CloudFront, Certificate Manager, SSL ์ธ์ฆ์„œ ๋ฐœ๊ธ‰, ๋„๋ฉ”์ธ์„ ์ ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด์„œ ์ž์„ธํ•˜๊ฒŒ ์ •๋ฆฌํ•˜์˜€์Šต๋‹ˆ๋‹ค.

2023๋…„ 8์›” 4์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Vite ์—์„œ Proxy ์„ค์ •ํ•˜๋Š” ๋ฒ•

2023๋…„ 7์›” 10์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Deploy CI/CD

์„œ๋น„์Šค์˜ ๊ทœ๋ชจ๊ฐ€ ๋ณต์žกํ•ด์ง€๊ณ  ์ปค์งˆ์ˆ˜๋ก ์„œ๋น„์Šค๋ฅผ ๋ฐฐํฌํ•˜๋Š” ๊ณผ์ •์ด ๋ณต์žกํ•ด์ง€๊ณ  ์†Œ์š”๋˜๋Š” ์‹œ๊ฐ„์ด ๋Š˜์–ด๋‚˜๊ฒŒ ๋˜๋Š”๋ฐ ์„œ๋น„์Šค์˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ์ด ์ƒ๊ธธ ๋•Œ ๋งˆ๋‹ค ๋ฐฐํฌ ๊ณผ์ •์„ ๋งค๋ฒˆ ์ˆ˜๋™์œผ๋กœ ์ง„ํ–‰ํ•œ๋‹ค๋ฉด ๋ฐฐํฌ ๊ณผ์ •์— ๋งŽ์€ ์‹œ๊ฐ„์ด ํ—ˆ๋น„ ๋  ๊ฒƒ์ด๋‹ค. ์ „์ฒด ๋ฐฐํฌ ๊ณผ์ •์„ ์ž๋™์œผ๋กœ ์ง„ํ–‰๋˜๊ธฐ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด

2023๋…„ 6์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

EC2

EC2 ์ธ์Šคํ„ด์Šค ์ƒ์„ฑ ํ›„ ํ„ฐ๋ฏธ๋„์„ ํ†ตํ•ด ์—ฐ๊ฒฐ ์ƒํƒœ๋ฅผ ํ™•์ธํ•˜๊ณ , EC2 ์ธ์Šคํ„ด์Šค๋ฅผ ์ด์šฉํ•˜์—ฌ ์„œ๋ฒ„๋ฅผ ์‹คํ–‰ํ•ด๋ณด๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.ย  EC2 ์ธ์Šคํ„ด์Šค๋ฅผ ์ƒ์„ฑํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์ƒ PC ํ•œ ๋Œ€๋ฅผ ์ž„๋Œ€ํ•˜๋Š” ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ•˜๋ฉฐ ๋œ๋‹ค. ์ปดํ“จํ„ฐ๋ฅผ ๊ตฌ์ž…ํ•˜๋ฉด ํ•„์š”ํ•œ ํ”„๋กœ๊ทธ๋žจ์„ ์„ค์น˜ํ•ด์•ผ ํ•˜๋“ฏ์ด EC2 ์ธ์Šค

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

TypeScript 2

TypeScript์˜ ์—ด๊ฑฐํ˜• - Enum TypeScript์˜ Interface TypeScript์˜ ํƒ€์ž… ๋ณ„์นญ - Type Aliases TypeScript์˜ ํƒ€์ž… ์ถ”๋ก  - Type Interface TypeScript์˜ ํด๋ž˜์Šค - Class

2023๋…„ 5์›” 31์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TypeScript 1

TypeScript๋Š” JavaScript์˜ ํ•œ๊ณ„๋ฅผ TypeScript๊ฐ€ ๋ณด์™„ํ•œ ์ƒ์œ„ ์ง‘ํ•ฉ(Superset) ์–ธ์–ด์ด๋‹ค.

2023๋…„ 5์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

HTTP & network 2

OSI 7 ๊ณ„์ธต๊ณผ TCP/IP 4๊ณ„์ธต ๋„คํŠธ์›Œํฌ๋Š” OSI 7 ๊ณ„์ธต ๋˜๋Š” TCP/IP 4๊ณ„์ธต์œผ๋กœ ๊ตฌ๋ถ„ํ•œ๋‹ค. ๋„คํŠธ์›Œํฌ์˜ ์‹œ์ž‘ ARPANET ์ธํ„ฐ๋„ท ํ”„๋กœํ† ์ฝœ, ์ฆ‰ IP ๊ธฐ๋ฐ˜์˜ ๋„คํŠธ์›Œํฌ๋Š” ์•„ํŒŒ๋„ท(ARPAnet) - ๋ฏธ๊ตญ ๊ตญ๋ฐฉ๋ถ€์˜ ๊ณ ๋“ฑ ์—ฐ๊ตฌ ๊ณ„ํš๊ตญ์˜ ์ฃผ๋„ํ•˜์— ๋งŒ๋“ค์–ด์ง„ ์„ธ๊ณ„ ์ตœ

2023๋…„ 5์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Web Server basic - CORS & SOP

mdn ๋™์ผ ์ถœ์ฒ˜ ์ •์ฑ… - ์›น ๋ณด์•ˆmdn CORSconsole ์ฐฝ์—์„œ CORS ๊ด€๋ จ ์—๋Ÿฌ๋ฅผ ๋งŒ๋‚˜๊ฒŒ ๋  ๋•Œ๊ฐ€ ์žˆ๋Š”๋ฐ CORS๊ฐ€ ๋ฌด์—‡์ด๊ณ , ์ด๋Ÿฐ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ์ง€ ์•Œ์•„๋ณด๊ธฐ ์ „์— CORS๊ฐ€ ํ•„์š”ํ•˜๊ฒŒ ๋œ ๋ฐฐ๊ฒฝ์ธ SOP์— ๋Œ€ํ•ด์„œ ๋จผ์ € ์•Œ์•„๋ณผ ๊ฒƒ์ด๋‹ค.

2023๋…„ 4์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

HTTP & network 1

HTTP ๊ฐœ์š” HTTP ์š”์ฒญ ๋ฉ”์„œ๋“œURLํด๋ผ์ด์–ธํŠธ - ์„œ๋ฒ„ ์•„ํ‚คํ…์ฒ˜๋Š” ๋‹ค๋ฅธ ๋ง๋กœ๋Š” 2 Tier Architecture๋ผ๊ณ ๋„ ๋ถˆ๋ฆฌ๋Š” ์„ค๊ณ„ ๋ฐฉ์‹์ด๋‹ค.

2023๋…„ 4์›” 21์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

TS Redux devtools ํ™•์žฅ ์˜ค๋ฅ˜

react + typescript ํ™˜๊ฒฝ์œผ๋กœ ์„ค์ •ํ•œ ํ”„๋กœ์ ํŠธ์—์„œ ๋ฆฌ๋•์Šค devtools๋ฅผ ์„ค์ •ํ•  ๋•Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค.TypeScript ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ 'REDUX_DEVTOOLS_EXTENSION' ์†์„ฑ์ด Window or globalThis ํƒ€์ž…์— ์กด์žฌํ•˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์„

2023๋…„ 4์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

์‚ฌ์šฉ์ž ์นœํ™” ์›น UX/UX

UI๋Š” ์‚ฌ๋žŒ๋“ค์ด ์ปดํ“จํ„ฐ์™€ ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ์‹œ์Šคํ…œ์„ ์˜๋ฏธํ•œ๋‹ค. ํœด๋Œ€ํฐ, ๋ชจ๋‹ˆํ„ฐ ํ™”๋ฉด์ƒ์˜ ๊ทธ๋ž˜ํ”ฝ ์š”์†Œ ์™ธ์—๋„ ํ‚ค๋ณด๋“œ, ๋งˆ์šฐ์Šค ๋“ฑ์˜ ๋ฌผ๋ฆฌ์  ์š”์†Œ๋„ ์ปดํ“จํ„ฐ์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๊ธฐ ์œ„ํ•œ ์‹œ์Šคํ…œ์ด๋ฏ€๋กœ UI๋ผ๊ณ  ๋ณผ ์ˆ˜ ์žˆ๋‹ค.

2023๋…„ 4์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

RESTful API

RESTful API๋ž€ ๋ฌด์—‡์ธ๊ฐ€์š”? aws API๋ž€? API: Application Programming Interface ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ธํ„ฐํŽ˜์ด์Šค๋Š” ๋‹ค๋ฅธ ์†Œํ”„ํŠธ์›จ์–ด ์‹œ์Šคํ…œ๊ณผ ํ†ต์‹ ํ•˜๊ธฐ ์œ„ํ•ด ๋”ฐ๋ผ์•ผ ํ•˜๋Š” ๊ทœ์น™์„ ์ •์˜ํ•ฉ๋‹ˆ๋‹ค.

2023๋…„ 3์›” 29์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ part3. ํ”„๋กœํ† ํƒ€์ž…๊ณผ ํด๋ž˜์Šค & ํ”„๋กœํ† ํƒ€์ž… ์ฒด์ธ

JavaScript๋Š” ํ”ํžˆ ํ”„๋กœํ† ํƒ€์ž… ๊ธฐ๋ฐ˜ ์–ธ์–ด(prototype-based language)๋ผ๊ณ  ์–˜๊ธฐ๋œ๋‹ค.์ด ๋ง์€ ๋ชจ๋“  ๊ฐ์ฒด๋“ค์€ ๋ฉ”์†Œ๋“œ์™€ ์†์„ฑ๋“ค์„ ์ƒ์† ๋ฐ›๊ธฐ ์œ„ํ•œ ํ…œํ”Œ๋ฆฟ์œผ๋กœ์จ ํ”„๋กœํ† ํƒ€์ž… ๊ฐ์ฒด(prototype object)๋ฅผ ๊ฐ€์ง„๋‹ค๋Š” ์˜๋ฏธ์ด๋‹ค.

2023๋…„ 3์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ part2. ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ

์ ˆ์ฐจ ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ vs ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ, ๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ 4๊ฐ€์ง€ ์ฃผ์š” ๊ฐœ๋…์—๋Š” ์บก์Аํ™”(Encapsulation), ์ถ”์ƒํ™”(Abstraction), ์ƒ์†(Inheritance), ๋‹คํ˜•์„ฑ(Polymorphism)์ด ์žˆ์Šต๋‹ˆ๋‹ค.

2023๋…„ 3์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๊ฐ์ฒด์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ part1. ํด๋ž˜์Šค์™€ ์ธ์Šคํ„ด์Šค

๊ฐ์ฒด ์ง€ํ–ฅ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์˜ ํด๋ž˜์Šค์™€ ์ธ์Šคํ„ด์Šค์— ๋Œ€ํ•ด์„œ ํ•™์Šตํ•˜์˜€์Šต๋‹ˆ๋‹ค.

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

๋ณ€์ˆ˜ ์„ ์–ธ ํ•  ๋•Œ ํ•œ๊ธ€๋กœ ํ•˜์ง€ ๋งˆ์„ธ์š”. `Uncaught SyntaxError: Invalid or unexpected token`

๊ดœํžˆ ํ•œ ๋ฒˆ๋„ ์•ˆํ•˜๋˜ ํ•œ๊ธ€๋กœ ๋ณ€์ˆ˜๋ฅผ ์„ ์–ธํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋‹ค๊ฐ€ (์ด๊ฑด ์—ญ์‹œ ์•„๋‹Œ ๊ฑฐ ๊ฐ™์•„..) ๋‹ค์‹œ ์˜์–ด๋กœ ๋ณ€์ˆ˜๋ช…์„ ๋ฐ”๊พธ๊ณ  ์ฝ”๋“œ ์‹คํ–‰์„ ํ•˜๋Š” ์ˆœ๊ฐ„๋งŒ๋‚œ ์—๋Ÿฌ `Uncaught SyntaxError: Invalid or unexpected token`

2023๋…„ 3์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

let, const, (var), block level scope, TDZ, Closure

let, const, var, block level scope, TDZ, Closure์— ๋Œ€ํ•œ ๊ฐœ๋…ํ•™์Šต ๋ฐ ๊ฐ„๋‹จํ•œ ์˜ˆ์ œ๋ฅผ ํ†ตํ•œ ๋ณต์Šต

2023๋…„ 3์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

.gitignore์— ์„ค์ •ํ–ˆ๋Š”๋ฐ๋„ ignore ์ฒ˜๋ฆฌํ•œ ํŒŒ์ผ๋“ค์ด changes file๋กœ ๋‚˜์˜ฌ ๋•Œ ํ•ด๊ฒฐ ๋ฐฉ์•ˆ

git์— ์˜ฌ๋ฆฌ๋ฉด ์•ˆ๋˜๋Š” ํŒŒ์ผ์„ .gitignore์— ์„ค์ •ํ–ˆ๋Š”๋ฐ๋„ ignore ์ฒ˜๋ฆฌํ•œ ํŒŒ์ผ๋“ค์ด changes file๋กœ ๋‚˜์˜ฌ ๋•Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

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