์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ฐ์ดํ„ฐ์˜ ๋ถˆ๋ณ€์„ฑ

๋ณ€์ˆ˜์™€ ์ƒ์ˆ˜๋ฅผ ๊ตฌ๋ถ„์ง“๋Š” ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ณ€์ˆ˜ ์˜์—ญ ๋ฉ”๋ชจ๋ฆฌ,๋ถˆ๋ณ€์„ฑ ์—ฌ๋ถ€๋ฅผ ๊ตฌ๋ถ„ํ• ๋•Œ์˜ ๋ณ€๊ฒฝ ๊ฐ€๋Šฅ์„ฑ์˜ ๋Œ€์ƒ์€ ๋ฐ์ดํ„ฐ ์˜์—ญ์˜ ๋ฉ”๋ชจ๋ฆฌ์ด๋‹ค.๊ธฐ๋ณธํ˜• ๋ฐ์ดํ„ฐ(์ˆซ์ž, ๋ฌธ์ž์—ด, boolean, null, undefined, symbol)์€ ๋ถˆ๋ณ€๊ฐ’์ด๊ณ ์ฐธ์กฐํ˜• ๋ฐ์ดํ„ฐ(๊ฐ์ฒด, ๋ฐฐ์—ด)์€ ๊ธฐ

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

ROCKA ํ”„๋กœ์ ํŠธ ๋ฆฌ๋ทฐ

์Šคํฌ๋กค์— ๋”ฐ๋ฅธ ์Šคํƒ€์ผ๋ง ์ ์šฉ ์‹ ์ƒํ’ˆ tab ๊ตฌํ˜„ PRODUCTํŽ˜์ด์ง€ ์ œํ’ˆ ์ธ๋„ค์ผ ๊ตฌํ˜„ ๋ฐฑ์—”๋“œ API๋กœ ๋ถˆ๋Ÿฌ์˜จ ์ œํ’ˆ๋“ค์˜ ๋ฐ์ดํ„ฐ jsonํ˜•์‹์€ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๋“ค์–ด์˜จ๋‹ค. STOREํŽ˜์ด์ง€

6์ผ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

HTTPS?

HTTPS๋Š” HTTP์˜ ๋ณด์•ˆ(secured)๋ฒ„์ „์ด๋‹ค.HTTP๋Š” ๋ธŒ๋ผ์šฐ์ € ๋ฐ ์„œ๋ฒ„๊ฐ€ ์ •๋ณด๋ฅผ ๊ตํ™˜ํ•˜๊ณ  ์†Œํ†ตํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœํ† ์ฝœ์ด๋‹ค.http๋Š” ํ…์ŠคํŠธ ๊ตํ™˜์ด๋‹ค. htmlํŽ˜์ด์ง€๋„ ํ…์ŠคํŠธ๋‹ค. ๋ฐ”์ด๋„ˆ๋ฆฌ ๋ฐ์ดํ„ฐ๋กœ ๋˜์–ด์žˆ๋Š” ๊ฒƒ๋„ ์•„๋‹ˆ๊ณ  ๋‹จ์ˆœ ํ…์ŠคํŠธ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์— ๋ˆ„๊ตฐ๊ฐ€

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

[node ์—๋Ÿฌ ๐Ÿ”จ] Error: listen EADDRINUSE

์ด๋ฏธ ํฌํŠธ๋ฅผ ์‚ฌ์šฉ ์ค‘์ด๋ผ๋Š” ๊ฒƒ์ด๋‹ค. ํ•ด๋‹น ํฌํŠธ๋ฅผ ์ฐพ๊ณ  ์ฃฝ์ด์ž ๐Ÿ”จ

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

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ - ๋ฐ์ดํ„ฐ ํƒ€์ž… & ๋ณ€์ˆ˜์™€ ํ˜ธ์ด์ŠคํŒ…

numberstringbooleannullundefinedsymbol (ES6 ์ถ”๊ฐ€)๊ฐ์ฒด (object) ๋ฐฐ์—ด (Array)ํ•จ์ˆ˜ (Function)๋‚ ์งœ (Date)์ •๊ทœํ‘œํ˜„์‹ (RegExp)Map, WeakMap (ES6 ์ถ”๊ฐ€)Set, WeakSet (ES6 ์ถ”๊ฐ€)ํ• ๋‹น์ด

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

[gatsby ์—๋Ÿฌ] sharp: Command failed

sharp๋ผ๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์ด developํ• ๋•Œ ์—๋Ÿฌ๋‚˜๊ณ  deployํ• ๋•Œ๋„ ์—๋Ÿฌ๋‚˜๊ณ ๋ช‡์‹œ๊ฐ„์„ ํ—ค๋งธ๋‹ค.node ๋ฒ„์ „๋„ ๋ฐ”๊ฟ”๋ณด๊ณ  ํ”„๋กœ์ ํŠธ๋ฅผ ์•„์˜ˆ ์ง€์šฐ๊ณ  ๋‹ค์‹œ์„ค์น˜ํ•˜๊ณ ๋…ธ๋“œ๋ชจ๋“ˆ์„ ๋ช‡๋ฒˆ์ด๋‚˜ ์‚ญ์ œํ•˜๊ณ  ์ธ์Šคํ†จํ–ˆ๋Š”์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค..์‚ฝ์งˆ ๋ช‡์‹œ๊ฐ„ํ›„ ์ฐพ์€ ํ•ด๊ฒฐ์ฑ…์€

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

[jest ์—๋Ÿฌ๐Ÿ”จ ] testing Animated.View for React-Native app

์• ๋‹ˆ๋ฉ”์ด์…˜์ด ๋“ค์–ด๊ฐ„ View ์ปดํฌ๋„ŒํŠธ๋ฅผ ํ…Œ์ŠคํŒ…ํ•˜๋Š”๋ฐ ์ž๊พธ ์ด ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒ..ํ•ด๊ฒฐ๋ฐฉ๋ฒ•์€ ๊ฐ„๋‹จํ•˜๋‹ค.we enable fake timers by calling jest.useFakeTimers();. This mocks out setTimeout and other timer

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ - ์˜ค๋ฒ„๋กœ๋“œ(Overloads)

์˜ค๋ฒ„๋กœ๋“œ(Overloads)ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ์˜ โ€˜ํ•จ์ˆ˜ ์˜ค๋ฒ„๋กœ๋“œ(Overloads)โ€™๋Š” ์ด๋ฆ„์€ ๊ฐ™์ง€๋งŒ ๋งค๊ฐœ๋ณ€์ˆ˜ ํƒ€์ž…๊ณผ ๋ฐ˜ํ™˜ ํƒ€์ž…์ด ๋‹ค๋ฅธ ์—ฌ๋Ÿฌ ํ•จ์ˆ˜๋ฅผ ๊ฐ€์งˆ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.ํ•จ์ˆ˜ ์˜ค๋ฒ„๋กœ๋“œ๋ฅผ ํ†ตํ•ด ๋‹ค์–‘ํ•œ ๊ตฌ์กฐ์˜ ํ•จ์ˆ˜๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์•„๋ž˜ ์˜ˆ์ œ์—์„œ add ํ•จ์ˆ˜๋Š”

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

[react-native] expo ์ดˆ๊ธฐ์„ธํŒ…

expo๋กœ ์ดˆ๊ธฐ ์„ธํŒ…ํ•˜๊ธฐ

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

ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ดˆ ๋ฌธ๋ฒ• โœ๏ธ

ํ”„๋กœ์ ํŠธ ๋‚ด์— ์„ค์น˜ํ•œ typescript ํŒจํ‚ค์ง€๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปดํŒŒ์ผ ํ•˜๊ณ  ์‹ถ์„ ๋• ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ž‘์—…์„ ๋”ฐ๋ผ์ฃผ์–ด์•ผ ํ•œ๋‹ค.typescript๋ฅผ ๋กœ์ปฌ ํŒจํ‚ค์ง€๋กœ ์„ค์น˜ํ•˜๊ธฐ๋‹ค์Œ์—๋Š” package.json ํŒŒ์ผ์„ ์—ด์–ด์„œ ๋‹ค์Œ๊ณผ ๊ฐ™์ด build ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŒ๋“ค๊ณ ์ถ”ํ›„ ๋นŒ๋“œ๋ฅผ ํ•  ๋•Œ ya

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

์†Œ์…œ ๋กœ๊ทธ์ธ

Oauth ๊ธฐ๋Šฅ์€ ๊ฐ„๋‹จํžˆ ์„ค๋ช…ํ•ด๋ณด๋ฉด ์•„๋ž˜์™€ ๊ฐ™๋‹ค.์–ด๋–ค ์‚ฌ์šฉ์ž๊ฐ€ ์šฐ๋ฆฌ์˜ ์„œ๋น„์Šค๋ฅผ ์ด์šฉํ•˜๋ ค ํ•œ๋‹ค.๊ทธ๋Ÿฐ๋ฐ ์ด ์‚ฌ์šฉ์ž๊ฐ€ ์ •๋ง ์˜ฌ๋ฐ”๋ฅธ ๊ถŒํ•œ์„ ๊ฐ€์กŒ๋Š”์ง€ ํ™•์ธํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.์ด ๋•Œ ๊ตฌ๊ธ€ ๋“ฑ ์ด๋ฏธ ์ด ์‚ฌ์šฉ์ž๊ฐ€ ํšŒ์›๊ฐ€์ž…ํ•œ ์„œ๋น„์Šค์—์„œ โ€œ์ด ๊ณ ๊ฐ์€ ์šฐ๋ฆฌ๊ฐ€ ์‹ ์›์„ ๋ณด์ฆํ•˜๋‹ˆ ํ†ต๊ณผ์‹œ์ผœ๋„ ๋ฉ๋‹ˆ๋‹ค.

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

(memo) react - ์—ฌ๋Ÿฌ๊ฐœ์˜ input ์ƒํƒœ ๊ด€๋ฆฌํ•˜๊ธฐ

input ์˜ ๊ฐœ์ˆ˜๊ฐ€ ์—ฌ๋Ÿฌ๊ฐœ๊ฐ€ ๋์„๋•Œ๋Š”, ๋‹จ์ˆœํžˆ useState ๋ฅผ ์—ฌ๋Ÿฌ๋ฒˆ ์‚ฌ์šฉํ•˜๊ณ  onChange ๋„ ์—ฌ๋Ÿฌ๊ฐœ ๋งŒ๋“ค์–ด์„œ ๊ตฌํ˜„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ ๋ฐฉ๋ฒ•์€ ๊ฐ€์žฅ ์ข‹์€ ๋ฐฉ๋ฒ•์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋” ์ข‹์€ ๋ฐฉ๋ฒ•์€, input ์— name ์„ ์„ค์ •ํ•˜๊ณ  ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์ด

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

(memo) ๋ฆฌ์•กํŠธ

mock ๋ฐ์ดํ„ฐ ๊ฐ€๋ฐ์ดํ„ฐ. ํ™”๋ฉด๊ตฌํ˜„์„ ์œ„ํ•ด ์ง์ ‘ ๋ฐ์ดํ„ฐ๋ฅผ ๋งŒ๋“ ๊ฒƒState๋ณด์—ฌ์ฃผ๊ณ ์‹ถ์€ ์ด๋ฒคํŠธ์˜ ์ €์žฅ์†Œ ๋ฉ”์†Œ๋“œ๋ฅผ ์ด์šฉํ•˜์—ฌ ๋ณ€ํ™”๋ฅผ ์ค„์ˆ˜์žˆ๋‹คsetState๋กœ ์—…๋ฐ์ดํŠธํ•ด์•ผ ๋ Œ๋”ํ•จ์ˆ˜๋ฅผ ๋ถˆ๋Ÿฌ์„œ returnํ•  ์ˆ˜ ์žˆ๋‹ค.state๊ฐ€ ๋ณ€ํ™”๊ฐ€ ๋ฐœ์ƒ๋˜๋ฉด ๋ฌด์กฐ๊ฑด render๊ฐ€ ๋ฐœ์ƒ๋œ๋‹ค.re

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

[Data Structure] #3. Stack & Queue [์ž‘์„ฑ์ค‘]

๋งˆ์ง€๋ง‰์œผ๋กœ ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ๊ฐ€ ์ฒ˜์Œ์œผ๋กœ ์ฝํžŒ๋‹ค.์˜์–ด๋กœ ํ•˜๋ฉด LIFO(Last In First Out)Stack์—์„œ ๋ฐ์ดํ„ฐ ์ €์žฅ์€ย pushย ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ์–ด๋“ค์ด๋Š” ๊ฑดย popย ๋‹ค๋งŒย pop์€ ์ฝ์–ด๋“ค์ž„๊ณผ ๋™์‹œ์— stack์—์„œ ์‚ญ์ œํ•œ๋‹ค.์›น๋ธŒ๋ผ์šฐ์ € ๋ฐฉ๋ฌธ๊ธฐ๋ก(๋’ค๋กœ๊ฐ€๊ธฐ) ๋ฐ ์‹คํ–‰์ทจ์†Œ๋ฏธ๋กœ์ฐพ๊ธฐ

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

Git์œผ๋กœ ํ˜‘์—…ํ•˜๊ธฐ

์ดˆ๊ธฐ์„ธํŒ…์ดˆ๊ธฐ์„ธํŒ… ์ž‘์—…(ํด๋”๊ตฌ์„ฑ,sass์„ค์น˜,๋ผ์šฐํ„ฐ์„ค์น˜ ๋“ฑ)ํ›„ github repo์— remote, pushgit branch feature/pagename git checkout feature/pagename ๋ธŒ๋žœ์น˜์—์„œ ์ž‘์—…ํ•œ ๋‚ด์šฉ์€ commitํ›„ PRํ•ด์„œ ๋งˆ์Šคํ„ฐ์— m

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

ES6 - arrow function (implicit return & 'this' & Default Value )

name์ด๋ผ๋Š” ๋ฐฐ์—ด์— "๐Ÿ˜"๋ฅผ ๋”ํ•œ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋งŒ๋“œ๋Š” ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด๋ณธ๋‹ค๋ฉด,๊ธฐ์กด ๋ฐฉ์‹์œผ๋กœ๋Š” ์ด๋ ‡๊ฒŒ ์ž‘์„ฑํ•  ์ˆ˜ ์žˆ๋‹ค.ES6์˜ arrow function์œผ๋กœ ์ž‘์„ฑํ•œ๋‹ค๋ฉด,item์ด๋ผ๋Š” argument๋ฅผ ๊ฐ€์ง€๊ณ  implicit returnํ•˜๋Š” ํ•จ์ˆ˜์ด๋‹ค.implicit re

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

fetchํ•จ์ˆ˜๋กœ ๋กœ๊ทธ์ธ, ๋Œ“๊ธ€ ๊ตฌํ˜„ํ•˜๊ธฐ

ํšŒ์›๊ฐ€์ž…

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

(memo) ๋ฐฐ์—ด์—์„œ ์ค‘๋ณต๊ฐ’ ์ œ๊ฑฐํ•˜๊ธฐ

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

์ธ์Šคํƒ€ํด๋ก  - react ์„ธํŒ…

CRAsrc ํด๋”components ํด๋”Sign.scssNavFeedStorystyles ํด๋”reset.scsscommon.scsspages ํด๋”signin.jsSignup.jsMain.jsindex.jsRouter.js (์›๋ž˜ App.js)imagespublic ํด๋”

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

Data Structure #2. Set, Dictionary, Hash (๋ฏธ์™„)

array๋‚˜ list ์ฒ˜๋Ÿผ ์ˆœ์—ด ์ž๋ฃŒ๊ตฌ์กฐ (collection) ์ด์ง€๋งŒ ์ˆœ์„œ๋ผ๋Š” ๊ฐœ๋…์ด ์กด์žฌํ•˜์ง€ ์•Š๋Š”๋‹ค.๋ฐ์ดํ„ฐ๋ฅผ ๋น„์ˆœ์ฐจ์ (unordered)์œผ๋กœ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ์ˆœ์—ด ์ž๋ฃŒ๊ตฌ์กฐ -> indexing์ด ์—†๋‹ค์‚ฝ์ž…(insertion) ์ˆœ์„œ๋Œ€๋กœ ์ €์žฅ๋˜์ง€ ์•Š๋Š”๋‹ค. ์ˆ˜์ • ๊ฐ€๋Šฅํ•˜๋‹ค

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