profile
๐Ÿ‘จโ€๐Ÿณ์š”๋ฆฌ์‚ฌ์˜ "์ฟ ํ‚น" ์Šคํ† ๋ฆฌ๊ฐ€ ์•„๋‹Œ "์ฝ”๋”ฉ" ์Šคํ† ๋ฆฌ๐Ÿ’ป
post-thumbnail

CORS

๋™์ผํ•œ ์ถœ์ฒ˜์—๋งŒ ๋ฆฌ์†Œ์Šค๋ฅผ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ๋‹ค.๋™์ผ ์ถœ์ฒ˜ ์ •์ฑ…์ด ์—†์„์‹œ ํ•ด์ปคํ•œํ…Œ CSRF๋‚˜ XSS๋“ฑ์˜ ๋ฐฉ๋ฒ•์œผ๋กœ ๊ฐœ์ธ์ •๋ณด๋ฅผ ํƒˆ์ทจ ๋‹นํ•  ์ˆ˜ ์žˆ๋‹ค.๊ฐ™์€ ์ถœ์ฒ˜์˜ ๊ธฐ์ค€ \- ๋‘ URL์˜ ๊ตฌ์„ฑ์š”์†Œ์ค‘ Origin๋งŒ ๊ฐ™์€๋ฉด ๋œ๋‹ค.์ถœ์ฒ˜๋น„๊ต์™€ ์ฐจ๋‹จ์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ ํ•œ๋‹ค. (server x)s

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

HTTPS ํ๋ฆ„

์„œ๋ฒ„์˜ public key ์™€ private key ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค. 1์—์„œ ๋ฐœ๊ธ‰๋ฐ›์€ public key์™€ ๊ฐ์ข… ์ •๋ณด๋ฅผ CA์— ๋„˜๊ธด๋‹ค.2์—์„œ ๋ฐ›์€ ์ •๋ณด๋กœ SSL์ธ์ฆ์„œ๋ฅผ ๋ฐœ๊ธ‰ํ•œ๋‹ค.3์—์„œ ๋งŒ๋“  ์ธ์ฆ์„œ๋ฅผ ์•”ํ˜ธํ™” ํ•˜๊ธฐ์œ„ํ•ด CA์˜ public key ์™€ private key๋ฅผ ์ƒ

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

Functional component ์™€ Class component

class component ์™€ Functional component ๋‘๊ฐ€์ง€ ์ฝ”๋“œ๋ฅผ ์ค€๋น„ํ•ด ๋ณด์•˜๋‹ค. const handleClick = () => { setTimeout(showMessage, 3000); }; return ( Follow );}

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

Redux-saga VS React-query

Reduxredux๋Š” ์ƒํƒœ๊ด€๋ฆฌ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋‹ค. ๋น„๋™๊ธฐ์ฒ˜๋ฆฌ๋ชฉ์ ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— redux-saga ,redux-thunk ๋“ฑ ๋ฏธ๋“ค์›จ์–ด๋ฅผ ์‚ฌ์šฉํ•ด์•ผํ•œ๋‹ค.๋น„๋™๊ธฐ ์ฒ˜๋ฆฌ์‹œ ์ƒํƒœ๊ด€๋ฆฌ(isLoading, error, success)์ƒํ™ฉ์„ ๊ด€๋ฆฌํ•ด์•ผํ•œ๋‹ค.React-query์ƒํƒœ๊ด€๋ฆฌ๋ฅผ ๊ธฐ๋ณธ

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Server"

web Architecture ํฌ๊ฒŒ ๋ณด๋ฉด ์ด๋Ÿฐ ๊ตฌ์กฐ์ด๋‹ค. ์„œ๋ฒ„ ์กฐ์ž‘์„ ์œ„ํ•œ ์šฉ์–ด Browser Server API HTTP Ajax CORS XSS 1. Browser & Server Browser - ์‚ฌ์šฉ์ž๊ฐ€ ์„ ํƒํ•œ ์ž์›(html, js, css)์„ ์„œ๋ฒ„์—

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"fetch"

fetch API - ๋น„๋™๊ธฐ ์š”์ฒญ์˜ ๊ฐ€์žฅ ๋Œ€ํ‘œ์ ์ธ ์‚ฌ๋ก€์˜ ์˜ˆ๋Š” ๋„คํŠธ์›Œํฌ ์š”์ฒญ์ด ์žˆ๋‹ค. ๋‹ค์–‘ํ•œ ๋„คํŠธ์›Œํฌ ์š”์ฒญ์ค‘ URL์„ ์š”์ฒญํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๊ฐ€์žฅ ํ”ํ•œ๋‹ค. ์ด๋ฅผ ๊ฐ€๋Šฅํ•˜๊ฒŒ ํ•ด์ฃผ๋Š” API๊ฐ€ ๋ฐ”๋กœ fetch API ์ด๋‹ค. ์ฃผ๋กœ ํฌํ„ธ ์‚ฌ์ดํŠธ์— ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ณ€ํ•˜๋Š” ์ •๋ณด, ๋‚ ์”จ , ์ฃผ์‹

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"๋น„๋™๊ธฐ"

โœ“ fs.readFile(filename\[,option],callback) ์ด ๋ฉ”์†Œ๋“œ๋Š” ํŒŒ์ผ์„ ์ฝ๋Š” ๋ฉ”์†Œ๋“œ๋กœ node.js์˜ ๋‚ด์žฅ๋ชจ๋“ˆ์ด๋‹ค. ์ฐธ๊ณ (https://nodejs.org/dist/latest-v14.x/docs/api/fs.htmlโœ“ ์ฝœ๋ฐฑํ•จ์ˆ˜๋ฅผ ์‚ฌ

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Inheritance"

Inheritance(์ƒ์†)

2020๋…„ 10์›” 28์ผ
ยท
3๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Object Oriented Programming(OOP)"

Machine Languages 0๊ณผ 1๋กœ ์ด๋ฃจ์–ด์ง„ ์–ธ์–ด์‚ฌ๋žŒ์ด ์ฝ๊ธฐ ํž˜๋“ค๋‹คAssembly Languages๊ธฐ๊ณ„์–ด์™€ ์ผ๋Œ€์ผ ๋Œ€์‘์ด ๋˜๋Š” ์ €๊ธ‰์–ธ์–ดcpu์— ๋”ฐ๋ผ ์ง€์›ํ•˜๋Š” operation(์กฐ์ž‘)์ด ๋‹ค๋ฅด๋‹ค.cpu ํŠน์„ฑ์— ๋”ฐ๋ฅด๋‹ค ๋ณด๋‹ˆ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ํ™˜๊ฒฝ์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.High

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Binary Search Tree"

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

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Tree"

insertNode(value) - ํŠธ๋ฆฌ์— ๋…ธ๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.contains(value) - ํŠธ๋ฆฌ์— ํ•ด๋‹น ๋…ธ๋“œ๊ฐ€ ์กด์žฌํ•˜๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Graph"

Graph : ๋…ธ๋“œ ๊ทธ๋ฆฌ๊ณ  ๋…ธ๋“œ์™€ ๋…ธ๋“œ๋ฅผ ์—ฐ๊ฒฐํ•˜๋Š” edge์˜ ๊ตฌ์„ฑ โœ“tip ๊ทธ๋ž˜ํ”„๋Š” ๋ฌด๋ฐฉํ–ฅ(undirected)๊ณผ ๋ฐฉํ–ฅ(directed) ์ผ์ˆ˜์žˆ๋‹ค. "๋ฌด๋ฐฉํ–ฅ"์€ ์—ฐ๊ฒฐ๋œ ๋…ธ๋“œ๊ฐ€ ๋Œ€์นญ, ์ฆ‰ ์„œ๋กœ๋ฅผ ๊ฐ€๋ฆฌํ‚จ๋‹ค๊ณ  ๋ณผ์ˆ˜ ์žˆ๊ณ  "๋ฐฉํ–ฅ"์€ ๋…ธ๋“œ์˜ ๋น„๋Œ€์นญ, ์ฆ‰ ํ•œ์ชฝ์—์„œ๋งŒ ๊ฐ€๋ฆฌํ‚จ๋‹ค๊ณ 

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Hash Table"

๊ฐ’์ด ๋“ค์–ด์˜ค๋ฉด hash function ์„ ๊ฑฐ์ณ storage์— ์žˆ๋Š” bucket ์— ๊ฐ์ฒด์™€ ๋น„์Šทํ•œ ํ˜•ํƒœ๋กœ key ์™€ value(tuples) ๋กœ ์ €์žฅ์ด ๋œ๋‹ค. ๊ทธ๋ž˜์„œ key ๋ฅผ ์ž…๋ ฅ ํ•˜๊ฒŒ ๋˜๋ฉด value ๊ฐ€ ์ถœ๋ ฅ ๋˜๋Š” ํ˜•ํƒœ์ด๋‹ค.hash table ์€ ๋ฏธ๋ฆฌ storag

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Linked list"

linked list ๋Š” ๋ฐฐ์—ด๊ณผ ๋น„๊ตํ–ˆ์„๋•Œ ํŠน์ • ๋ฐ์ดํ„ฐ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๋Š” ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ์†Œ์œ ๋œ๋‹ค. index ๋ฅผ ํ†ตํ•ด์„œ ์ฐพ๋Š” ๋ฐฐ์—ด๊ณผ ๋‹ฌ๋ฆฌ ํ•˜๋‚˜ ํ•˜๋‚˜ ์ฐพ์•„๋ด์•ผ ํ•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค.โœ“ ๋…ธ๋“œ ์ถ”๊ฐ€โœ“ ๋…ธ๋“œ ์‚ญ์ œ๋‘ ์ž๋ฃŒ๋ฅผ ๋ณด๋ฉด ๋‹ค์Œ ์š”์†Œ์˜ ์ฃผ์†Œ๋ฅผ ์•Œ๊ธฐ ๋•Œ๋ฌธ์— ๋ฐฐ์—ด๋ณด๋‹ค ์š”์†Œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์‚ญ์ œ

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Stack , Queue"

push(element) : stack์˜ ๋งจ ๋’ค์— ๊ฐ’์„ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.pop() : stack์˜ ๋งจ ๋’ค์˜ ๊ฐ’์„ ์‚ญ์ œํ•ด์ค€๋‹ค.peek() : stack์˜ ๋งจ ๋’ค์˜ ๊ฐ’์„ ๋ฆฌํ„ดํ•ด์ค€๋‹ค.size() : stack ์— ๋“ค์–ด์žˆ๋Š” ๋ฐ์ดํ„ฐ์˜ ์ด์ˆ˜๋ฅผ ๋ฆฌํ„ดํ•ด์ค€๋‹ค.isEmpty() : stack

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Data Structure Intro"

์›์‹œ ํƒ€์ž…(primitive type)์ •์ˆ˜, ์‹ค์ˆ˜๋ฌธ์ž๋…ผ๋ฆฌ(์ฐธ, ๊ฑฐ์ง“)์‚ฌ์šฉ์ž ํƒ€์ž…(custom type)๊ตฌ์กฐ์ฒด, ํด๋ž˜์Šค ๋“ฑ๋ฐ์ดํ„ฐ ํƒ€์ž… vs ์ž๋ฃŒ๊ตฌ์กฐ ๋ฐ์ดํ„ฐ ํƒ€์ž… : ํ•˜๋‚˜์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์–ด๋–ป๊ฒŒ ํ•ด์„ํ•  ์ง€ ์ •์˜ ํ•œ ๊ฒƒ์ž๋ฃŒ๊ตฌ์กฐ : ์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ์˜ ๋ฌถ์Œ์„ ์–ด๋–ป๊ฒŒ ์ €์žฅํ•˜๊ณ  ์‚ฌ์šฉํ• ์ง€ ์ •

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"bind"

๐Ÿšซ์œ„์™€ ๊ฐ™์ด ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋ฉด, ๋™์ ์œผ๋กœ ์ƒ์„ฑ๋˜๋Š” ๊ฐ๊ฐ์˜ ๋ฒ„ํŠผ์„ ํด๋ฆญํ•˜๋ฉด button ์—˜๋ฆฌ๋จผํŠธ ์ž์ฒด๊ฐ€ ์ฝ˜์†”์— ํ‘œ์‹œ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค. ์ด ๋•Œ bind๋ฅผ ์ด์šฉํ•ด ์ถœ๋ ฅํ•˜๊ณ  ์‹ถ์€ ๊ฐ’์„ this๋กœ ๋„˜๊ธฐ๊ฑฐ๋‚˜, ํ˜น์€ ์ธ์ž๋กœ ๋ณด๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"call,apply"

๋ฉ”์†Œ๋“œ๋ฅผ ์‚ฌ์šฉํ•œ ํ•จ์ˆ˜์˜ ์‹คํ–‰์„ ๋ณด์ž. >js Math.max.apply (null ,[5,4,3,2,1]) //5 //apply ๋Š” ์ˆซ์ž๋“ค์˜ ์ง‘ํ•ฉ์œผ๋กœ ๋งŒ๋“ค์–ด ์ค€๋‹ค. >js Math.max(...[5,4,3,2,1])//5 ์˜ˆ์ œ .call Prototype ์„ ๋นŒ๋ ค

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"this"

console.log(this)foo()obj.foo()new foo()foo.call() , foo.apply์—ฌ๋Ÿฌ๊ฐœ์˜ ์นด์šดํ„ฐ๋ฅผ ๋งŒ๋“ค๋ ค๋ฉด??

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

ํ•˜๋ฃจ5๋ถ„์ฝ”๋”ฉ"Arrow Function"

โœ“ ์ฆ‰, "function" ๋Œ€์‹  "=>"๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด๋‹ค.tip. ํ•จ์ˆ˜์•ˆ์— ํ‘œํ˜„์‹์ด ๋‘์ค„์ด์ƒ์ผ ๊ฒฝ์šฐ return ๊ณผ ์ค‘๊ด„ํ˜ธ๋กœ ํ‘œํ˜„ํ•ด์ฃผ๋Š” ๊ฒƒ์ด ์ข‹๋‹ค.

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