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

Deploy CI/CD

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

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๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Netlify github ์—ฐ๋™

create react app Netlify๋กœ ๋ฐฐํฌํ•˜๊ธฐ & CD (์ง€์†์ ์ธ ๋ฐฐํฌ) ํ•ด๋ณด๊ธฐ

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

Error: styled-components tried to access react-is (a peer dependency) ...

yarn create react-app ์„ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์„ค์ • ํ›„ styled-components ์‚ฌ์šฉํ•˜๋ ค๋‹ค ๋ถ€๋”ชํžŒ ์˜ค๋ฅ˜, ์ข…์†์„ฑ ์„ค์ •์„ ํ†ตํ•œ ์˜ค๋ฅ˜ ํ•ด๊ฒฐ์— ๋Œ€ํ•ด ์ •๋ฆฌํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.

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

primitive type & reference type

JavaScript์—์„œ ์ž๋ฃŒํ˜•(type)์ด๋ž€ ๊ฐ’(value)์˜ ์ข…๋ฅ˜๋ฅผ ๋งํ•˜๋Š”๋ฐ ๊ฐ๊ฐ์˜ ์ž๋ฃŒํ˜•์—๋Š” ๊ณ ์œ ํ•œ ์†์„ฑ๊ณผ ๋ฉ”์„œ๋“œ๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค. ์ž๋ฃŒํ˜•์€ ํฌ๊ฒŒ ๋‘ ๊ฐ€์ง€๋กœ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ๋Š”๋ฐ ์›์‹œ ์ž๋ฃŒํ˜•(primitive type)๊ณผ ์ฐธ์กฐ ์ž๋ฃŒํ˜•(reference type)์ด ์žˆ๋‹ค.

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

๊ณ„์‚ฐ๊ธฐ ๋ชฉ์—… ๋งŒ๋“ค๊ธฐ

HTML, CSS๋กœ ๊ณ„์‚ฐ๊ธฐ ๋ชฉ์—… ๋งŒ๋“œ๋Š” ์—ฐ์Šต์„ ํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค.๋งฅ๋ถ ๊ณ„์‚ฐ๊ธฐ, ๋˜ ๋‹ค๋ฅธ ๊ณ„์‚ฐ๊ธฐ ๋””์ž์ธ์„ ๋”ฐ๋ผ ๋งŒ๋“ค์–ด๋ณด์•˜๋Š”๋ฐ์š”.๋งจ ์ฒซ๋ฒˆ์งธ๋กœ ๋งŒ๋“ค์—ˆ๋˜ ๊ณ„์‚ฐ๊ธฐ์˜ ๋ฒ„ํŠผ๋“ค์€ width๋ฅผ ์ ์šฉํ•˜์—ฌ ํฌ๊ธฐ๋ฅผ ์žก์•˜๊ณ , ๋‘์„ธ๋ฒˆ์งธ์— ์ง„ํ–‰ํ•œ ๊ณ„์‚ฐ๊ธฐ๋Š” flex๋“ค๋กœ ํฌ๊ธฐ๋ฅผ ์žก๊ณ  ๊ตฌ์กฐ๋ฅผ ๋งž์ท„์Šต๋‹ˆ๋‹ค.

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