profile
๐Ÿ‹ https://ye-yo.github.io/ ๋กœ ๋ธ”๋กœ๊ทธ ์ด์ „ํ–ˆ์Šต๋‹ˆ๋‹ค
post-thumbnail

[CSS] CSS ์ž‘์„ฑ ์‹œ ์œ ์˜ํ•  ์ 

css selector ๋™์ž‘ ์›๋ฆฌ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋˜ ์ค‘ ์ด์— ๋Œ€ํ•œ ๋‚ด์šฉ ๋ฐ css ์ž‘์„ฑ ์‹œ ์œ ์˜ํ•  ์ ์— ๋Œ€ํ•ด ์ •๋ฆฌ๋œ ํฌ์ŠคํŒ…์„ ์ฝ๊ณ  ๊ธฐ์–ตํ•˜๊ณ ์ž ๋‚ด์šฉ์„ ์กฐ๊ธˆ ์ถ”๊ฐ€ํ•˜์—ฌ ์ •๋ฆฌํ•˜์˜€๋‹ค.

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

[TS] type vs interface

Typescript๋ฅผ ๊ณต๋ถ€ํ•˜๋‹ค๋ณด๋ฉด ํƒ€์ž… ์ •์˜ ์‹œ์— type๊ณผ interface ์ค‘ ์–ด๋–ค ๊ฒƒ์„ ์จ์•ผํ•˜๋Š”์ง€ ๊ณ ๋ฏผ์ด ๋  ๊ฒƒ์ด๋‹ค.

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

Typescript๋ž€?

๐Ÿ’ก Typescript ๋“ฑ์žฅ ๋ฐฐ๊ฒฝ ๋ฐ Typescript์— ๋Œ€ํ•ด์„œ

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

[ํšŒ๊ณ ๋ก] ๊ฐœ์ธ ๊ณผ์ œ

๐Ÿ’ก ์ฃผ์ œ : ์นดํŠธ๋ผ์ด๋” TMI ์„œ๋น„์Šค์˜ ๊ธฐ๋Šฅ ์ผ๋ถ€ ๊ตฌํ˜„๐Ÿ—“ ๊ธฐ๊ฐ„ : 03.21 ~ 03.25๐Ÿ”จ๊ธฐ์ˆ  ์Šคํƒ : React, Typescript, Redux, Redux Toolkit, styled-components๐Ÿ’ป ๋‹ด๋‹น : ์ „์ฒด ๊ธฐ๋Šฅ ๊ตฌํ˜„๐Ÿ‘ค ์ฐธ์—ฌ ์ธ์› : 1

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

Debounce & Throttle

๐Ÿ’ก ์ด๋ฒคํŠธ ํ˜ธ์ถœ์„ ์ตœ์ ํ™” ์‹œํ‚ค๋Š” ๋Œ€ํ‘œ์ ์ธ ๋ฐฉ๋ฒ•์ธ Debounce์™€ Throttle์— ๋Œ€ํ•ด ์ •๋ฆฌ

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

๋„คํŠธ์›ŒํŠธ ์„ฑ๋Šฅ ์ตœ์ ํ™”

์„ฑ๋Šฅ ์ตœ์ ํ™” ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์›ํ•˜๋Š” ๊ฒƒ์„ ์งง์€ ์‹œ๊ฐ„ ๋‚ด์— ์ œ๊ณตํ•˜๊ณ , ์ƒํ˜ธ ์ž‘์šฉํ•˜๋Š” ๋™์•ˆ์—๋Š” ์›ํ™œํ•œ ๊ฒฝํ—˜์„ ๋ณด์žฅํ•˜๋Š” ๊ฒƒ์„ ๋ชฉํ‘œ๋กœ ์•ฑ์„ ๊ตฌํ˜„ํ•ด์•ผ ํ•œ๋‹ค. > ์‹ค๋ก€๋กœ Pinterest์˜ ๊ฒฝ์šฐ ๊ธด ๋กœ๋”ฉ ์‹œ๊ฐ„์œผ๋กœ ์ธํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€๋ฅผ ์ดํƒˆํ•˜๋Š” ๋น„์œจ์ด

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

REST API vs GraphQL

Server API Server API(Application Programming Interface) > ์„œ๋ฒ„์— ์ ์ ˆํ•œ ์š”์ฒญ์„ ํ•˜์˜€์„ ๋•Œ, ๊ทธ์— ๋งž๋Š” ์‘๋‹ต์„ ๋˜๋Œ๋ ค์ฃผ๋Š” ์ฐฝ๊ตฌ(interface)๋ฅผ ์›น์„ ํ†ตํ•ด ๋…ธ์ถœํ•œ ๊ฒƒ ํ”„๋ก ํŠธ ๊ฐœ๋ฐœ์ž๊ฐ€ Server API๋ฅผ ์•Œ์•„์•ผ ํ•˜๋Š”

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

OAuth

OAuth 2.0 OAuth๋Š” ์ธ์ฆ์„ ์œ„ํ•œ ํ‘œ์ค€ ํ”„๋กœํ† ์ฝœ์˜ ํ•œ ์ข…๋ฅ˜๋กœ, ๋ณด์•ˆ๋œ ๋ฆฌ์†Œ์Šค์— ์•ก์„ธ์Šคํ•˜๊ธฐ ์œ„ํ•ด ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ ๊ถŒํ•œ์„ ๋ถ€์—ฌํ•˜๋Š” ํ”„๋กœ์„ธ์Šค๋ฅผ ๋‹จ์ˆœํ™”ํ•œ ํ”„๋กœํ† ์ฝœ์ด๋‹ค. ์ฃผ์š” ์šฉ์–ด Resource Owner: ์•ก์„ธ์Šค ์ค‘์ธ ๋ฆฌ์†Œ์Šค์˜ ์†Œ์œ ์ž Client: Resource

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 8

๐Ÿ’ก 8๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 7

๐Ÿ’ก 7๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 6

๐Ÿ’ก ์—ฌ์„ฏ ๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

CORS ์—๋Ÿฌ & SOP

๐Ÿ˜ฑ ์™ธ๋ถ€ API ์‚ฌ์šฉํ•˜๋‹ค๋ณด๋ฉด ์ž์ฃผ ๋ณด๋Š” ์—๋Ÿฌ CORS! ์‚ฌ์‹ค CORS ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ SOP ๋ฌธ์ œ์ด๋ฉฐ SOP ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์ด ๋ฐ”๋กœ CORS์ด๋‹ค! SOP(Same-Origin Policy) Same-Origin Policy(๋™์ผ ์ถœ์ฒ˜ ์ •์ฑ…)์ด๋ž€ ๋‹ค๋ฅธ ์ถœ์ฒ˜

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

[Git] Git ์‚ฌ์šฉ ์‹œ ์ฐพ๊ฒŒ ๋˜๋Š” ๋ช…๋ น์–ด ๋ชจ์Œ

staged ์ƒํƒœ ๋˜๋Œ๋ฆฌ๊ธฐ ์ปค๋ฐ‹ ๋˜๋Œ๋ฆฌ๊ธฐ ์ปค๋ฐ‹ํ•œ ์‚ฌํ•ญ staged ์ƒํƒœ๋กœ ๋˜๋Œ๋ฆฌ๊ธฐ ์ˆซ์ž์— ๋”ฐ๋ผ ์ด์ „ ์ปค๋ฐ‹ 1๊ฐœ ํ˜น์€ ์—ฌ๋Ÿฌ๊ฐœ ๋˜๋Œ๋ฆฌ๊ธฐ ๊ฐ€๋Šฅ ์ด์ „ ์ปค๋ฐ‹์œผ๋กœ ๋˜๋Œ๋ฆฌ๊ธฐ 1) ์ปค๋ฐ‹ ID ํ™•์ธ 2) ๋˜๋Œ๋ฆฌ๊ธฐ reset --hard ํ•œ ์ปค๋ฐ‹์œผ๋กœ ๋˜๋Œ๋ฆฌ๊ธฐ ๋ชฉ๋ก์—์„œ com

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 5

๐Ÿ’ก 5๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

[TIL] ๋ธŒ๋ผ์šฐ์ € & ๋ Œ๋”๋ง

์›น ๋ธŒ๋ผ์šฐ์ €(=์›นํƒ์ƒ‰๊ธฐ). ์›น ์„œ๋ฒ„์—์„œ ์–‘๋ฐฉํ–ฅ์œผ๋กœ ํ†ต์‹ ํ•˜๋ฉฐ HTML๋ฌธ์„œ, ๊ทธ๋ฆผ, ๋ฉ€ํ‹ฐ๋ฏธ๋””์–ด ๋“ฑ์˜ ์ปจํ…์ธ ๋ฅผ ์—ด๋žŒํ•˜๊ธฐ ์œ„ํ•œ GUI ๊ธฐ๋ฐ˜ SW ํ”„๋กœ๊ทธ๋žจ.์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ํŽ˜์ด์ง€๋ฅผ ๋‹ค์šด๋กœ๋“œํ•˜๊ธฐ ์œ„ํ•ด HTTP๋ฅผ ํ†ตํ•ด ์†ก์ˆ˜์‹ ํ•œ๋‹ค.์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ resource๋ฅผ ์„œ๋ฒ„์— ์š”์ฒญํ•˜๊ณ  ์„œ๋ฒ„

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 4

๐Ÿ’ก 4๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

[ํšŒ๊ณ ๋ก] ๊ธฐ์—… ๊ณผ์ œ 3

๐Ÿ’ก 3๋ฒˆ์งธ ๊ธฐ์—… ๊ณผ์ œ ํšŒ๊ณ ๋ก

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

[TIL] React ์ตœ์ ํ™”

์ฝ”๋“œ์Šคํ…Œ์ด์ธ  X ์›ํ‹ฐ๋“œ ํ”„๋ฆฌ์˜จ๋ณด๋”ฉ FE ์ฝ”์Šค Study ๋‚ด์šฉ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค.useEffect, useCallback, useMemo, React.memo ๋“ฑ์„ ์–ธ์ œ ์–ด๋–ป๊ฒŒ ์‚ฌ์šฉํ•ด์•ผํ•˜๋Š” ๊ฒƒ์ผ๊นŒ?props๊ฐ€ ๋ณ€๊ฒฝ๋˜์—ˆ์„ ๋•Œstate๊ฐ€ ๋ณ€๊ฒฝ๋˜์—ˆ์„ ๋•ŒforceUpda

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

[TIL] data fetching & filtering

์ปดํฌ๋„ŒํŠธ ๋‚ด์—์„œ ํ•„ํ„ฐ๋ง : ์ „์ฒด ๋ชฉ๋ก ๋ฐ์ดํ„ฐ๋ฅผ ๋ถˆ๋Ÿฌ์˜ค๊ณ , ๋ชฉ๋ก์„ ๊ฒ€์ƒ‰์–ด๋กœ filterํ•˜๋Š” ๋ฐฉ๋ฒ•์ปดํฌ๋„ŒํŠธ ์™ธ๋ถ€์—์„œ ํ•„ํ„ฐ๋ง : ์ปดํฌ๋„ŒํŠธ ์™ธ๋ถ€๋กœ API ์š”์ฒญ์„ ํ•  ๋•Œ, ํ•„ํ„ฐ๋งํ•œ ๊ฒฐ๊ณผ๋ฅผ ๋ฐ›์•„์˜ค๋Š” ๋ฐฉ๋ฒ•์ฒ˜์Œ ํ•œ ๋ฒˆ, ์™ธ๋ถ€ API๋กœ๋ถ€ํ„ฐ ๋ฐ์ดํ„ฐ ๋ชฉ๋ก์„ ๋ฐ›์•„์˜ค๊ณ  filter ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉ

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

[TIL] React

React์—์„œ ๋ฐ์ดํ„ฐ ํ๋ฆ„ react ๊ฐœ๋ฐœ ๋ฐฉ์‹์˜ ๊ฐ€์žฅ ํฐ ํŠน์ง• : ํŽ˜์ด์ง€ ๋‹จ์œ„๊ฐ€ ์•„๋‹Œ ์ปดํฌ๋„ŒํŠธ ๋‹จ์œ„๋กœ ์‹œ์ž‘ํ•œ๋‹ค๋Š” ์ ! ๋จผ์ € ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ณ  ์ด๋ฅผ ์กฐ๋ฆฝํ•ด ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค์–ด๋‚˜๊ฐ€๋Š” bottom-up(์ƒํ–ฅ์‹) ๊ฐœ๋ฐœ ๋ฐฉ์‹ bottom-up ๋ฐฉ์‹์˜ ์žฅ์  ํ…Œ์ŠคํŠธ๊ฐ€ ์šฉ์ด ํ™•์žฅ์„ฑ

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