profile
#๐Ÿ’ป#โœจ#Front-end
post-thumbnail

CSR(Client Side Rendering) / SSR(Server Side Rendering)

CSR(Client Side Rendering) ์™€ SSR(Server Side Rendering)

์•ฝ 16์‹œ๊ฐ„ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
post-thumbnail

HTTP GET๊ณผ POST์˜ ๋ฐฉ์‹ ๋ฐ ์ฐจ์ด

HTTP GET๊ณผ POST์˜ ๋ฐฉ์‹ ๋ฐ ์ฐจ์ด

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

TIL | Sass(SCSS) VSCode์—์„œ ์ปดํŒŒ์ผ ๋ฐฉ๋ฒ•

TIL | Sass(SCSS) VSCode์—์„œ ์ปดํŒŒ์ผ ๋ฐฉ๋ฒ•

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ EP.01 | ์†Œ๊ฐœ

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ EP.01 | ์†Œ๊ฐœ

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

TIL | CSS ์„ ํƒ์ž ์šฐ์„  ์ˆœ์œ„

ํŠน์ • ํƒœ๊ทธ์— ์Šคํƒ€์ผ ์†์„ฑ์ด ์ค‘๋ณต๋˜๋Š” ๊ฒฝ์šฐ, CSS๋Š” ์„ ํƒ์ž ์šฐ์„ ์ˆœ์œ„๋กœ ์†์„ฑ์ด ์ ์šฉ๋œ๋‹ค.!important > inline style > id Selector > class Selector > tag Selector > universal Selector!important

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

๐Ÿ’ก Level 1 | ๋ฌธ์ž์—ด ๋‚ด ๋งˆ์Œ๋Œ€๋กœ ์ •๋ ฌํ•˜๊ธฐ (JavaScript)

Level 1 | ๋ฌธ์ž์—ด ๋‚ด ๋งˆ์Œ๋Œ€๋กœ ์ •๋ ฌํ•˜๊ธฐ (JavaScript)

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

2022 | ์ •๋ณด์ฒ˜๋ฆฌ๊ธฐ์‚ฌ ์‹ค๊ธฐ 1ํšŒ ๋ฌธ์ œ (๋‹จ๋‹ตํ˜•/์•ฝ์ˆ ํ˜•)

โœ” ๋‹ค์Œ ์„ค๋ช…์— ๋งž๋Š” RAID ๋‹จ๊ณ„Striping(์ŠคํŠธ๋ผ์ดํ•‘) ๊ตฌํ˜„ ๋ฐฉ์‹I/O ๋กœ๋“œ์˜ ๋ถ„์‚ฐ์œผ๋กœ ๋งค์šฐ ๋น ๋ฅธ ์†๋„๋ฐ์ดํ„ฐ๋ฅผ ๋ธ”๋Ÿญ์œผ๋กœ ๋ถ„ํ•  ์ €์žฅํ•˜๋ฉฐ, ๊ฐ ๋ธ”๋Ÿญ์€ ๋‹ค๋ฅธ ๋””์Šคํฌ๋กœ ๋‚˜๋‰˜์–ด ์ €์žฅ&โœ” DB ํŠธ๋žœ์žญ์…˜ ์—ฐ์‚ฐ( ) : ์žฅ์•  ๋ฐœ์ƒ ์ „ ๋กœ๊ทธ(log)๋กœ ๊ธฐ๋กํ•ด ๋†“๊ณ , ์ด์ „ ์ƒํƒœ๋กœ

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

HTTP vs HTTPS ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž

HTTP vs HTTPS ๐Ÿค”

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

๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive EP.01 | ํ”„๋กœ๊ทธ๋ž˜๋ฐ

๐Ÿ“– ๋ชจ๋˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ Deep Dive EP.01 | ํ”„๋กœ๊ทธ๋ž˜๋ฐ

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

๋ธŒ๋ผ์šฐ์ €์˜ ๋ Œ๋”๋ง (Browser Rendering) ๊ณผ์ •

๐Ÿ’ป ๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •

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

๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€ (LocalStorage)์™€ ์„ธ์…˜์Šคํ† ๋ฆฌ์ง€ (SessionStorage)

๐Ÿ“ ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€(LocalStorage)์™€ ์„ธ์…˜์Šคํ† ๋ฆฌ์ง€ (SessionStorage)

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

๐Ÿ’ก Level 1 | ๊ฐ€์šด๋ฐ ๊ธ€์ž ๊ฐ€์ ธ์˜ค๊ธฐ (JavaScript)

Level 1 | ๊ฐ€์šด๋ฐ ๊ธ€์ž ๊ฐ€์ ธ์˜ค๊ธฐ (JavaScript)

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

์ฟ ํ‚ค(Cookie)์™€ ์„ธ์…˜(Session)

๐Ÿช ์ฟ ํ‚ค(Cookie), ์„ธ์…˜(Session) ํŠน์ง• ๋ฐ ์ฐจ์ด

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

React Error | Array.map is not a function

์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜จ ๋ฐ์ดํ„ฐ๋ฅผ map ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ถœ๋ ฅํ•  ๊ฒฝ์šฐ ์ข…์ข… ๋ฐœ์ƒํ•˜๋Š” ์—๋Ÿฌ์ด๋‹ค.map() ํ•จ์ˆ˜๋Š” ๋ฐฐ์—ด์—๋งŒ ์‚ฌ์šฉ์ด ๊ฐ€๋Šฅํ•˜๋‹ค.Array.prototype.map()map() ๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด ๋‚ด์˜ ๋ชจ๋“  ์š”์†Œ ๊ฐ๊ฐ์— ๋Œ€ํ•˜์—ฌ ์ฃผ์–ด์ง„ ํ•จ์ˆ˜๋ฅผ ํ˜ธ์ถœํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ชจ์•„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„

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

Warning | <div> cannot appear as a descendant of <p>

React์—์„œ UI ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ˆ˜์ •ํ•˜๋˜ ์ค‘์— ๋ฐœ๊ฒฌํ•œ ๊ฒฝ๊ณ  ๋ฉ”์„ธ์ง€&&์•„๋ž˜์™€ &HTML ์›น ํ‘œ์ค€์— ์œ„๋ฐ˜๋˜๋Š” ํ–‰์œ„๋กœ ๊ฒฝ๊ณ ๋ฉ”์„ธ์ง€๋ฅผ ์ถœ๋ ฅํ•ด์ค€๋‹ค.์นœ์ ˆํžˆ ๋ฉ”์„ธ์ง€์˜ ๊ฒฝ๊ณ  ์œ„์น˜๋„ ์•Œ๋ ค์ค˜์„œ ํ•ด๋‹น ํŒŒ์ผ์˜ element ํƒœ๊ทธ๋ฅผ ์ˆ˜์ •ํ•ด์ฃผ๋ฉด ๋œ๋‹ค.&- ๋ฐ˜๋ฉด์— &HTML ํƒœ๊ทธ๋Š” ํฌ๊ฒŒ ๋ธ”๋ก ์š”์†Œ

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

Warning | Each child in a list should have a unique "key" prop.

์„œ๋ฒ„์—์„œ ๋ฐ›์•„์˜จ ๋ฐ์ดํ„ฐ๋ฅผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ map ํ•จ์ˆ˜ ์‚ฌ์šฉํ•ด JSX ๋ฆฌ์ŠคํŠธ๋ฅผ ๊ตฌํ˜„ ํ•  ๊ฒฝ์šฐ ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒฝ๊ณ  ๋ฉ”์„ธ์ง€๋ฅผ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค.list ๋‚ด์˜ ๊ฐ child๋Š” ๊ณ ์œ ํ•œ "key" ๊ฐ’์„ ๊ฐ€์ ธ์•ผ ํ•œ๋‹ค.React๋Š” key Prop์„ ์‚ฌ์šฉํ•˜์—ฌ ๊ตฌ์„ฑ ์š”์†Œ์™€ DOM ์š”์†Œ ๊ฐ„์˜ ๊ด€

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