profile
๐Ÿ™Œ Hello World

[์—ฌ๋‹ด] ํŒŒ์ผ ์—…๋กœ๋“œ ์–ด๋ ต๋‹ค ๐Ÿคง

์š”๊ทผ๋ž˜ ํŒŒ์ผ ์—…๋กœ๋“œ ๊ธฐ๋Šฅ์„ ๊ตฌํ˜„ํ–ˆ๋Š”๋ฐ, ์ •๋ง ์ •๋ง ์ •๋ง ์ƒ๊ฐํ–ˆ๋˜ ๊ฒƒ๋ณด๋‹ค ํ›จ์”ฌ ๋” ์–ด๋ ค์› ๋‹ค. ์šฐ์„  ๋ฆฌ์•กํŠธ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ฐœ๋…์„ ์˜จ์ „ํžˆ ์ดํ•ดํ•˜์ง€ ๋ชปํ•œ ์ƒํƒœ์—์„œ ํŒŒ์ผ ์—…๋กœ๋“œ๊นŒ์ง€ ์ง„ํ–‰ํ•˜๋ ค๋‹ˆ ใ…‹ใ…Žใ…‹...

15๋ถ„ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] Typescript ๊ธฐ๋ฐ˜ ํ™˜๊ฒฝ์—์„œ slick ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•

Typescript ๊ธฐ๋ฐ˜์œผ๋กœ react ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ๋‹ค. ๋งก์€ ๊ธฐ๋Šฅ ์ค‘ ์Šฌ๋ผ์ด๋“œ๋ฅผ ๊ตฌํ˜„ํ•ด์•ผ ํ–ˆ๋Š”๋ฐ, Slick ์ด๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.

30๋ถ„ ์ „
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[Ajax] Ajax๊ฐ€ ๋ฌด์—‡์ผ๊นŒ?

Asynchronous JavaScript And XML, ์„œ๋ฒ„์™€ ๋น„๋™๊ธฐ์ ์œผ๋กœ ๋ฐ์ดํ„ฐ ์ฃผ๊ณ  ๋ฐ›๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ˆ  ์„œ๋ฒ„๋ž€ ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•ด ์ดํ•ดํ•˜๊ณ  ์žˆ์–ด์•ผ ํ•œ๋‹ค. ์„œ๋ฒ„๋ž€, ๋ฐ์ดํ„ฐ๋ฅผ ์š”๊ตฌํ•˜๋ฉด ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด์ฃผ๋Š” ํ”„๋กœ๊ทธ๋žจ์ด๋‹ค.

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

[Javascript] Array.prototype.concat()

concat() ๋ฉ”์„œ๋“œ๋Š” ์ธ์ž๋กœ ์ฃผ์–ด์ง„ ๋ฐฐ์—ด์ด๋‚˜ ๊ฐ’๋“ค์„ ๊ธฐ์กด ๋ฐฐ์—ด์— ํ•ฉ์ณ์„œ ์ƒˆ ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

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

[Javascript] Array.prototype.unshift()

๋ฆฌ์•กํŠธ ๊ด€๋ จ ๊ฐ•์˜๋ฅผ ๋ณด๋‹ค๊ฐ€ ์ƒˆ๋กœ ์•Œ๊ฒŒ ๋œ ๋ฉ”์„œ๋“œ๋ฅผ ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•œ๋‹ค. unshift() ๋ฉ”์„œ๋“œ๋Š” ์ƒˆ๋กœ์šด ์š”์†Œ๋ฅผ ๋ฐฐ์—ด์˜ ๋งจ ์•ž์ชฝ์— ์ถ”๊ฐ€ํ•˜๊ณ , ์ƒˆ๋กœ์šด ๊ธธ์ด๋ฅผ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

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

[Intellij] ๋ถˆํ•„์š”ํ•œ import ์ •๋ฆฌ ๋‹จ์ถ•ํ‚ค (for mac)

commit ์ „์— ์•ˆ์“ฐ๋Š” import๋ฅผ ์‚ญ์ œํ•ด์ฃผ๋Š” ๊ฒƒ์€ ๊ธฐ๋ณธ ์ค‘์˜ ๊ธฐ๋ณธ! ์ธํ…”๋ฆฌ์ œ์ด์—์„œ ๋ถˆํ•„์š”ํ•œ import ์ •๋ฆฌํ•˜๊ธฐ ์œ„ํ•œ ๋‹จ์ถ•ํ‚ค๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™๋‹ค.

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

[TypeScript] ์˜ต์…”๋„ ์ฒด์ด๋‹(Optional Chaining)

ํ˜„์žฌ ํšŒ์‚ฌ์—์„œ TypeScript ๊ธฐ๋ฐ˜์˜ ๋ฆฌ์•กํŠธ ์›น ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ๋‹ค. ์‚ฌ์‹ค ๋‚˜๋Š” TypeScript์˜ ๊ฐœ๋…๋งŒ ์•Œ๊ณ  ์žˆ์—ˆ๊ณ , ์‹ค์ œ๋กœ TypeScript๋ฅผ ์‚ฌ์šฉํ•ด๋ณธ ์ ์ด ์—†์—ˆ๋‹ค. ๊ทธ๋ž˜์„œ ํ—ท๊ฐˆ๋ฆฌ๋Š” ๋ถ€๋ถ„์ด ๋„ˆ๋ฌด ๋งŽ์•˜๋‹ค ๐Ÿคฏ๐Ÿคฏ .. ๊ทธ ์ค‘์—์„œ๋„ TypeScript์˜

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

[React] react-router-dom์˜ NavLink

react-router-dom์˜ NavLink์— ๋Œ€ํ•ด ์•Œ์•„๋ณด์ž.

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

[TIL] html a ํƒœ๊ทธ target ์‚ฌ์šฉ๋ฒ•

a ํƒœ๊ทธ์˜ ์†์„ฑ์ค‘ target์ด ์–ด๋–ค ๋œป์ธ์ง€ ๊ถ๊ธˆํ–ˆ๋‹ค! target์€ ๋งํฌ๋ฅผ ํด๋ฆญํ•  ๋•Œ ์ฐฝ์„ ์–ด๋–ป๊ฒŒ ์—ด์ง€ ๊ฒฐ์ •ํ•ด์ค€๋‹ค.

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

[TIL]JSON.stringify()

JSON.stringify() ๋ฉ”์„œ๋“œ๋Š” JavaScript ๊ฐ’์ด๋‚˜ ๊ฐ์ฒด๋ฅผ JSON ๋ฌธ์ž์—ด๋กœ ๋ณ€ํ™˜ํ•œ๋‹ค. ์„ ํƒ์ ์œผ๋กœ, replacer๋ฅผ ํ•จ์ˆ˜๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ ๋ณ€ํ™˜ ์ „ ๊ฐ’์„ ๋ณ€ํ˜•ํ•  ์ˆ˜ ์žˆ๊ณ , ๋ฐฐ์—ด๋กœ ์ „๋‹ฌํ•  ๊ฒฝ์šฐ ์ง€์ •ํ•œ ์†์„ฑ๋งŒ ๊ฒฐ๊ณผ์— ํฌํ•จํ•œ๋‹ค.

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

[TIL] Array.prototype.reduce()

reduce() ๋ฉ”์„œ๋“œ๋Š” ๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— ๋Œ€ํ•ด ์ฃผ์–ด์ง„ ๋ฆฌ๋“€์„œ(reducer) ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ํ•˜๊ณ , ํ•˜๋‚˜์˜ ๊ฒฐ๊ณผ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

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

[TIL] jquery ์„ ํƒ์ž ์—ฌ๋Ÿฌ๊ฐœ ์„ ํƒํ•˜๊ธฐ

๋™์ผํ•œ ์„ ํƒ์ž์—๊ฒŒ ํ•จ์ˆ˜๋ฅผ ์ ์šฉ์‹œ์ผœ์•ผ ํ–ˆ๋‹ค. (์ฝ”๋“œ์˜ ๋น„ํšจ์œจ์„ฑ์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๐Ÿ˜€)

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

[TIL]ES6 ๋ฌธ๋ฒ•์„ ES5 ๋ฌธ๋ฒ•์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ

IE์—์„œ๋Š” ์ ์šฉ๋˜์ง€ ์•Š๋Š” ES6๋ฌธ๋ฒ•๋“ค์ด ์ข…์ข… ์žˆ๋‹ค. ์ด๋•Œ ํ…Œ์ŠคํŠธ๋กœ ์‚ฌ์šฉํ•ด๋ณผ ์ˆ˜ ์žˆ๋Š” ์‚ฌ์ดํŠธ๋ฅผ ์†Œ๊ฐœํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ECMAScript 6 ๋ฌธ๋ฒ•์œผ๋กœ ์ž‘์„ฑํ•œ ์ฝ”๋“œ๋ฅผ ECMAScript 5 ๋ฌธ๋ฒ•์œผ๋กœ ๋ณ€ํ™˜ํ•ด์ฃผ๋Š” ์‚ฌ์ดํŠธ์ด๋‹ค.

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

[TIL] CSS์—์„œ tooltip์„ ๊ตฌํ˜„ํ•˜๋Š” ๋ฐฉ๋ฒ• with jQuery

UI์— ๋ฐ์ดํ„ฐ ๋ชฉ๋ก์„ ํ‘œ์‹œํ•˜๋˜ ๋„์ค‘ ๊ธ€์ž์ˆ˜๊ฐ€ ๊ธด ์ปฌ๋Ÿผ์— ๋Œ€ํ•ด '...' ์ฒ˜๋ฆฌ(tooltip)๋ฅผ ํ•ด์•ผ ํ–ˆ๋‹ค.

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

[TIL] javascript ์ƒˆ๋กœ๊ณ ์นจ

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•ด ํŽ˜์ด์ง€๋ฅผ ์ƒˆ๋กœ ๊ณ ์นจ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•˜์ž. ํ™”๋ฉด ๊ฐœ๋ฐœ์„ ํ•˜๋‹ค ๋ณด๋ฉด ํŽ˜์ด์ง€ ์ „์ฒด๋ฅผ ๋‹ค์‹œ ๋ถˆ๋Ÿฌ์™€์•ผ ํ•˜๊ฑฐ๋‚˜ ํŠน์ • ์˜์—ญ์„ ๊ฐฑ์‹ ํ•ด์•ผ ํ•˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋ฐœ์ƒํ•˜๋Š”๋ฐ ์ด๋Ÿฐ ๊ฒฝ์šฐ ์ผ๋ฐ˜์ ์œผ๋กœ๋Š” location์„ ์‚ฌ์šฉํ•œ๋‹ค. https://develop

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

[TIL] ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง, ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์ด๋ž€?

์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง๊ณผ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์˜ ์ฐจ์ด๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๋ฌผ์–ด๋ณด๋Š” ์งˆ๋ฌธ์„ ๋ฐ›์•˜์ง€๋งŒ, ์ด ์งˆ๋ฌธ์— ์žฌ๋Œ€๋กœ ๋Œ€๋‹ต์„ ํ•˜์ง€ ๋ชปํ–ˆ๋‹ค. ๐Ÿ˜ข ์ œ๋Œ€๋กœ ์งš๊ณ  ๋„˜์–ด๊ฐ€๊ธฐ ์œ„ํ•ด์„œ ํฌ์ŠคํŒ…์„ ํ•˜๋„๋ก ํ•˜์ž! ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง์€ ์ •๋ณด๋ฅผ ํ™”๋ฉด์— ํ‘œ์‹œํ•˜๋Š” ๊ฐ€์žฅ ์ผ๋ฐ˜์ ์ธ ๋ฐฉ๋ฒ•์ด๋‹ค. ์„œ

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

[TIL] input ์—์„œ ์ž…๋ ฅ ๊ธ€์ž์ˆ˜ ์ œํ•œํ•˜๋Š” 2๊ฐ€์ง€ ๋ฐฉ๋ฒ•

input ์— ๋Œ€ํ•œ ๊ธ€์ž์ˆ˜ validation ๋ฅผ ์„ค์ •ํ•ด์•ผ ํ–ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด input ์— ๊ฒ€์ƒ‰ํ•  ์ˆ˜ ์žˆ๋Š” ์ตœ๋Œ€ ๊ธ€์ž๋ฅผ 50์ด๋ผ๊ณ  ๊ฐ€์ •ํ–ˆ์„ ๋•Œ 50์ด์ƒ์˜ ๊ธ€์ž๊ฐ€ ์ž…๋ ฅ๋  ๊ฒฝ์šฐ ์ œํ•œํ•˜๋Š” ๊ฒƒ์ด๋‹ค. Javascript์˜ input ํผ์— ์ž…๋ ฅ๋˜๋Š” ์ตœ๋Œ€ ๊ธ€์ž์ˆ˜๋ฅผ ์ œํ•œํ•˜๋Š” ๋ฐฉ๋ฒ• 2

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

[TIL]HTML ํŽ˜์ด์ง€ ๋กœ๋”ฉ์‹œ input์— ์ปค์„œ ์œ„์น˜ ์ž๋™์œผ๋กœ ์„ค์ •ํ•˜๋Š” ๋ฐฉ๋ฒ• (+IE ๋ธŒ๋ผ์šฐ์ €)

๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋Š” ํŽ˜์ด์ง€ ์ค‘ ๊ฒ€์ƒ‰ํ•˜๊ณ ์ž ํ•˜๋Š” text๋ฅผ input์œผ๋กœ ๋ฐ›๊ณ  ์žˆ๋Š” ๋ถ€๋ถ„์ด ์žˆ์—ˆ๋‹ค. ํŽ˜์ด์ง€์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›๋› ๋„์ค‘ input์— ์‚ฌ์šฉ์„ฑ์˜ ๊ณ ๋ คํ•˜์—ฌ ์ž๋™ ํฌ์ปค์‹ฑ์„ ์ฃผ๋Š” ๊ฒƒ์ด ์–ด๋– ๋ƒ๋Š” ์˜๊ฒฌ์ด ๋‚˜์™”๋‹ค. ์ƒ๊ฐํ•ด๋ณด๋‹ˆ ์‚ฌ์šฉ์ž๊ฐ€ ๋งˆ์šฐ์Šค ์ปค์„œ๋ฅผ ํ•œ๋ฒˆ ํด๋ฆญํ•˜์ง€ ์•Š์•„๋„ ๋˜๋ฏ€๋กœ

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

[Javascript] value, textContent, innerHTML, innerText ์ฐจ์ด

View ์—์„œ ๊ฐ€์ ธ์˜จ data ๋ฅผ ํ‘œ๊ธฐํ•˜๋Š” ๊ณผ์ •์—์„œ ๋ฌธ๋“ value, textContent, innerHTML, innerText์˜ ์ฐจ์ด์— ๋Œ€ํ•ด ๊ถ๊ธˆํ•ด์กŒ๋‹ค.

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

[Express] Express ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ƒ์„ฑํ•˜๊ธฐ (+ view ์—”์ง„์œผ๋กœ html ์‚ฌ์šฉ)

express ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ค์–ด๋ณด๋„๋ก ํ•˜์ž. view ์—”์ง„์€ html ์„ ์‚ฌ์šฉํ•ด๋ณผ ๊ฒƒ์ด๋‹ค.

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