profile
Beyond Frontend Engineer ๐Ÿš€
post-thumbnail

[Webpack] Webpack์œผ๋กœ ํŒŒ์ผ, ์ด๋ฏธ์ง€ ๋ฒˆ๋“ค๋งํ•˜๊ธฐ ๐Ÿ˜ค

์ด์ „ ํฌ์ŠคํŒ…๊นŒ์ง€ CSS, ์Šคํƒ€์ผ ํŒŒ์ผ๊นŒ์ง€ Webpack์œผ๋กœ ๋ฒˆ๋“ค๋ง์„ ์ง„ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ํฌ์ŠคํŒ…์—์„œ๋Š” ํŒŒ๋น„์ฝ˜, ์ด๋ฏธ์ง€ ๋“ฑ asset ํŒŒ์ผ๋“ค์„ ๋ฒˆ๋“ค๋งํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿง 1. ์ด๋ฏธ์ง€ ์„ค์ • / file-loader, url-loader ์šฐ์„  ํ•„์š”ํ•œ loader ๋“ค์„ ์„ค์น˜

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

[Webpack] Webpack์œผ๋กœ CSS(SCSS) ๋ฒˆ๋“ค๋งํ•˜๊ธฐ ๐Ÿ˜ค

์ด์ „ ํฌ์ŠคํŒ… Webpack ์„ค์ •์—์„œ๋Š” ๋‹จ์ˆœํžˆ ์ฝ”๋“œ๋งŒ Webpack์œผ๋กœ ๋ฒˆ๋“ค๋งํ•˜๋Š” ๊ณผ์ •์—์„œ ๊ทธ์ณค์Šต๋‹ˆ๋‹ค.ํ•˜์ง€๋งŒ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์Šคํƒ€์ผ์ด ์—†์„ ์ˆ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค!์ด๋ฒˆ์—๋Š” CSS(SCSS) ๋˜ํ•œ ๋ฒˆ๋“ค๋ง์„ ํ•ด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜Žsass: node-sass๋Š” deprecated๋˜๋ฏ€๋กœ

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

[Webpack] Webpack์œผ๋กœ CRA ์—†์ด React(Typescript) ์‹œ์ž‘ํ•˜๊ธฐ ๐Ÿ˜ค

ํ•ญ์ƒ create-react-app ๋ฐฉ์‹์œผ๋กœ React ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋‹ค.CRA ์— ๋„ˆ๋ฌด ์˜์กดํ•˜๋ฉด ์ถ”ํ›„ Webpack, Babel ์— ๋Œ€ํ•œ์ถ”๊ฐ€์ ์ธ ์„ค์ •์„ ํ•ด์•ผ ํ•  ๋•Œ ์–ด๋ ค์›€์ด ๋ฐœ์ƒํ•  ๊ฒƒ ๊ฐ™์•„์„œ ๐Ÿฅฒ์ดˆ๊ธฐ ๊ตฌ์„ฑ์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ์ง„ํ–‰ํ•ด๋ดค์Šต๋‹ˆ๋‹ค.init: ํ”„๋กœ์ ํŠธ ํด๋” ์ดˆ๊ธฐํ™” p

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

[React] Redux Toolkit ์ด๋ž€? ๐Ÿ™„

Redux Toolkit? Redux Toolkit (RTK)์€ Redux์˜ ํŽธ๋ฆฌํ•œ ์‚ฌ์šฉ์„ ์œ„ํ•ด ๋ฌด๋ ค Redux์—์„œ ๊ณต์‹์ ์œผ๋กœ ์ œ๊ณต!ํ•˜๋Š” ๊ฐœ๋ฐœ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. > ์•ก์…˜ ํƒ€์ž… ์ •์˜ -> ์•ก์…˜ ํ•จ์ˆ˜ ์ •์˜ -> ํ•ด๋‹น ์•ก์…˜์˜ ๋ฆฌ๋“€์„œ ์ •์˜ ๊ธฐ์กด์˜ Redux์—์„œ ํ•˜๋‚˜์˜ ์•ก์…˜์ด ์ถ”

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๊ฑฐ๋ฆฌ๋‘๊ธฐ ํ™•์ธํ•˜๊ธฐ

https://programmers.co.kr/learn/courses/30/lessons/81302๋ฌธ์ œ๊ฐ€ ๊ธธ์–ด์„œ ๋งํฌ๋กœ ๋Œ€์ฒดํ•ฉ๋‹ˆ๋‹ค.๋งจํ•ดํŠผ ๊ฑฐ๋ฆฌ๋ฅผ ๊ธฐ์ค€์œผ๋กœ 2 ์ดํ•˜๋ฅผ ์•ˆ๋œ๋‹ค๋Š” ์กฐ๊ฑด์ด ์žˆ๊ธฐ ๋•Œ๋ฌธ์—๋‹ค๋ฅธ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์—†์ด ๋‹จ์ˆœํ•œ Brute force๋กœ ๋ฐฐ์—ด์˜ ์ •์ ์„ ๋Œ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ํŠœํ”Œ

์…€์ˆ˜์žˆ๋Š” ์ˆ˜๋Ÿ‰์˜ ์ˆœ์„œ์žˆ๋Š” ์—ด๊ฑฐ ๋˜๋Š” ์–ด๋–ค ์ˆœ์„œ๋ฅผ ๋”ฐ๋ฅด๋Š” ์š”์†Œ๋“ค์˜ ๋ชจ์Œ์„ ํŠœํ”Œ(tuple)์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. n๊ฐœ์˜ ์š”์†Œ๋ฅผ ๊ฐ€์ง„ ํŠœํ”Œ์„ n-ํŠœํ”Œ(n-tuple)์ด๋ผ๊ณ  ํ•˜๋ฉฐ, ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.(a1, a2, a3, ..., an)ํŠœํ”Œ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์„ฑ์งˆ์„ ๊ฐ€์ง€

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๊ด‘๊ณ  ์‚ฝ์ž…

์นด์นด์˜คTV์—์„œ ์œ ๋ช…ํ•œ ํฌ๋ฆฌ์—์ดํ„ฐ๋กœ ํ™œ๋™ ์ค‘์ธ ์ฃ ๋ฅด๋””๋Š” ํ™˜๊ฒฝ ๋‹จ์ฒด๋กœ๋ถ€ํ„ฐ ์ž์‹ ์˜ ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” ๋™์˜์ƒ์— ์ง€๊ตฌ์˜จ๋‚œํ™”์˜ ์‹ฌ๊ฐ์„ฑ์„ ์•Œ๋ฆฌ๊ธฐ ์œ„ํ•œ ๊ณต์ต๊ด‘๊ณ ๋ฅผ ๋„ฃ์–ด ๋‹ฌ๋ผ๋Š” ์š”์ฒญ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. ํ‰์†Œ์— ํ™˜๊ฒฝ ๋ฌธ์ œ์— ๊ด€์‹ฌ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋˜ "์ฃ ๋ฅด๋””"๋Š” ์š”์ฒญ์„ ๋ฐ›์•„๋“ค์˜€๊ณ  ๊ด‘๊ณ ํšจ๊ณผ๋ฅผ ๋†’์ด๊ธฐ ์œ„ํ•ด

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ์ˆซ์ž ๋ฌธ์ž์—ด๊ณผ ์˜๋‹จ์–ด

์นดํ”„๋„ค์˜ค์™€ ํ”„๋กœ๋„๊ฐ€ ์ˆซ์ž๋†€์ด๋ฅผ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋„ค์˜ค๊ฐ€ ํ”„๋กœ๋„์—๊ฒŒ ์ˆซ์ž๋ฅผ ๊ฑด๋„ฌ ๋•Œ ์ผ๋ถ€ ์ž๋ฆฟ์ˆ˜๋ฅผ ์˜๋‹จ์–ด๋กœ ๋ฐ”๊พผ ์นด๋“œ๋ฅผ ๊ฑด๋„ค์ฃผ๋ฉด ํ”„๋กœ๋„๋Š” ์›๋ž˜ ์ˆซ์ž๋ฅผ ์ฐพ๋Š” ๊ฒŒ์ž„์ž…๋‹ˆ๋‹ค.๋‹ค์Œ์€ ์ˆซ์ž์˜ ์ผ๋ถ€ ์ž๋ฆฟ์ˆ˜๋ฅผ ์˜๋‹จ์–ด๋กœ ๋ฐ”๊พธ๋Š” ์˜ˆ์‹œ์ž…๋‹ˆ๋‹ค.์ด๋ ‡๊ฒŒ ์ˆซ์ž์˜ ์ผ๋ถ€ ์ž๋ฆฟ์ˆ˜๊ฐ€ ์˜๋‹จ์–ด๋กœ ๋ฐ”๋€Œ์–ด์กŒ๊ฑฐ๋‚˜,

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๋กœ๋˜์˜ ์ตœ๊ณ  ์ˆœ์œ„์™€ ์ตœ์ € ์ˆœ์œ„

๋กœ๋˜ 6/45(์ดํ•˜ '๋กœ๋˜'๋กœ ํ‘œ๊ธฐ)๋Š” 1๋ถ€ํ„ฐ 45๊นŒ์ง€์˜ ์ˆซ์ž ์ค‘ 6๊ฐœ๋ฅผ ์ฐ์–ด์„œ ๋งžํžˆ๋Š” ๋Œ€ํ‘œ์ ์ธ ๋ณต๊ถŒ์ž…๋‹ˆ๋‹ค. ์•„๋ž˜๋Š” ๋กœ๋˜์˜ ์ˆœ์œ„๋ฅผ ์ •ํ•˜๋Š” ๋ฐฉ์‹์ž…๋‹ˆ๋‹ค. 1์ˆœ์œ„ ๋‹น์ฒจ ๋‚ด์šฉ1 6๊ฐœ ๋ฒˆํ˜ธ๊ฐ€ ๋ชจ๋‘ ์ผ์น˜2 5๊ฐœ ๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜3 4๊ฐœ ๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜4 3๊ฐœ ๋ฒˆํ˜ธ๊ฐ€ ์ผ์น˜5 2๊ฐœ ๋ฒˆํ˜ธ๊ฐ€ ์ผ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๋ฉ€์ฉกํ•œ ์‚ฌ๊ฐํ˜•

๊ฐ€๋กœ ๊ธธ์ด๊ฐ€ Wcm, ์„ธ๋กœ ๊ธธ์ด๊ฐ€ Hcm์ธ ์ง์‚ฌ๊ฐํ˜• ์ข…์ด๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ข…์ด์—๋Š” ๊ฐ€๋กœ, ์„ธ๋กœ ๋ฐฉํ–ฅ๊ณผ ํ‰ํ–‰ํ•˜๊ฒŒ ๊ฒฉ์ž ํ˜•ํƒœ๋กœ ์„ ์ด ๊ทธ์–ด์ ธ ์žˆ์œผ๋ฉฐ, ๋ชจ๋“  ๊ฒฉ์ž์นธ์€ 1cm x 1cm ํฌ๊ธฐ์ž…๋‹ˆ๋‹ค. ์ด ์ข…์ด๋ฅผ ๊ฒฉ์ž ์„ ์„ ๋”ฐ๋ผ 1cm ร— 1cm์˜ ์ •์‚ฌ๊ฐํ˜•์œผ๋กœ ์ž˜๋ผ ์‚ฌ์šฉํ•  ์˜ˆ์ •์ด์—ˆ๋Š”๋ฐ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๊ด„ํ˜ธ ๋ณ€ํ™˜

์นด์นด์˜ค์— ์‹ ์ž… ๊ฐœ๋ฐœ์ž๋กœ ์ž…์‚ฌํ•œ "์ฝ˜"์€ ์„ ๋ฐฐ ๊ฐœ๋ฐœ์ž๋กœ๋ถ€ํ„ฐ ๊ฐœ๋ฐœ์—ญ๋Ÿ‰ ๊ฐ•ํ™”๋ฅผ ์œ„ํ•ด ๋‹ค๋ฅธ ๊ฐœ๋ฐœ์ž๊ฐ€ ์ž‘์„ฑํ•œ ์†Œ์Šค ์ฝ”๋“œ๋ฅผ ๋ถ„์„ํ•˜์—ฌ ๋ฌธ์ œ์ ์„ ๋ฐœ๊ฒฌํ•˜๊ณ  ์ˆ˜์ •ํ•˜๋ผ๋Š” ์—…๋ฌด ๊ณผ์ œ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค. ์†Œ์Šค๋ฅผ ์ปดํŒŒ์ผํ•˜์—ฌ ๋กœ๊ทธ๋ฅผ ๋ณด๋‹ˆ ๋Œ€๋ถ€๋ถ„ ์†Œ์Šค ์ฝ”๋“œ ๋‚ด ์ž‘์„ฑ๋œ ๊ด„ํ˜ธ๊ฐ€ ๊ฐœ์ˆ˜๋Š” ๋งž์ง€๋งŒ ์ง์ด ๋งž์ง€ ์•Š

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ์‹ ๊ทœ ์•„์ด๋”” ์ถ”์ฒœ

์นด์นด์˜ค์— ์ž…์‚ฌํ•œ ์‹ ์ž… ๊ฐœ๋ฐœ์ž ๋„ค์˜ค๋Š” "์นด์นด์˜ค๊ณ„์ •๊ฐœ๋ฐœํŒ€"์— ๋ฐฐ์น˜๋˜์–ด, ์นด์นด์˜ค ์„œ๋น„์Šค์— ๊ฐ€์ž…ํ•˜๋Š” ์œ ์ €๋“ค์˜ ์•„์ด๋””๋ฅผ ์ƒ์„ฑํ•˜๋Š” ์—…๋ฌด๋ฅผ ๋‹ด๋‹นํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. "๋„ค์˜ค"์—๊ฒŒ ์ฃผ์–ด์ง„ ์ฒซ ์—…๋ฌด๋Š” ์ƒˆ๋กœ ๊ฐ€์ž…ํ•˜๋Š” ์œ ์ €๋“ค์ด ์นด์นด์˜ค ์•„์ด๋”” ๊ทœ์น™์— ๋งž์ง€ ์•Š๋Š” ์•„์ด๋””๋ฅผ ์ž…๋ ฅํ–ˆ์„ ๋•Œ, ์ž…๋ ฅ๋œ ์•„์ด

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ์กฐ์ด์Šคํ‹ฑ

์กฐ์ด์Šคํ‹ฑ์œผ๋กœ ์•ŒํŒŒ๋ฒณ ์ด๋ฆ„์„ ์™„์„ฑํ•˜์„ธ์š”. ๋งจ ์ฒ˜์Œ์—” A๋กœ๋งŒ ์ด๋ฃจ์–ด์ ธ ์žˆ์Šต๋‹ˆ๋‹ค.ex) ์™„์„ฑํ•ด์•ผ ํ•˜๋Š” ์ด๋ฆ„์ด ์„ธ ๊ธ€์ž๋ฉด AAA, ๋„ค ๊ธ€์ž๋ฉด AAAA์กฐ์ด์Šคํ‹ฑ์„ ๊ฐ ๋ฐฉํ–ฅ์œผ๋กœ ์›€์ง์ด๋ฉด ์•„๋ž˜์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค.โ–ฒ - ๋‹ค์Œ ์•ŒํŒŒ๋ฒณโ–ผ - ์ด์ „ ์•ŒํŒŒ๋ฒณ (A์—์„œ ์•„๋ž˜์ชฝ์œผ๋กœ ์ด๋™ํ•˜๋ฉด Z๋กœ)โ—€ -

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

[JavaScript] ์ˆœ์—ด, ์กฐํ•ฉ ๊ตฌํ˜„ํ•˜๊ธฐ

ํŒŒ์ด์ฌ์—์„œ ๊ธฐ๋ณธ์œผ๋กœ ๋ชจ๋“ˆ๋กœ ์กด์žฌํ•˜๋˜ ์ˆœ์—ด, ์กฐํ•ฉ์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ์‚ฌ์šฉํ•˜๊ธฐ ์œ„ํ•ด์„  ์‚ฌ์šฉ์ž๊ฐ€ ์ง์ ‘ ๊ตฌํ˜„ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ˜‚ ์กฐํ•ฉ / Combination ์ผ๋‹จ ํ•จ์ˆ˜์˜ ๋งค๊ฐœ๋ณ€์ˆ˜๋Š” [์กฐํ•ฉ์„ ๊ตฌํ•  ๋ฐฐ์—ด, ์กฐํ•ฉ์ด ๊ตฌ์„ฑ๋  ์ˆ˜] ๋กœ ๊ตฌ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์กฐํ•ฉ์„ ๊ตฌํ˜„ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ์ˆœ์—ด /

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๋ฉ”๋‰ด ๋ฆฌ๋‰ด์–ผ

๋ ˆ์Šคํ† ๋ž‘์„ ์šด์˜ํ•˜๋˜ ์Šค์นดํ”ผ๋Š” ์ฝ”๋กœ๋‚˜19๋กœ ์ธํ•œ ๋ถˆ๊ฒฝ๊ธฐ๋ฅผ ๊ทน๋ณตํ•˜๊ณ ์ž ๋ฉ”๋‰ด๋ฅผ ์ƒˆ๋กœ ๊ตฌ์„ฑํ•˜๋ ค๊ณ  ๊ณ ๋ฏผํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.๊ธฐ์กด์—๋Š” ๋‹จํ’ˆ์œผ๋กœ๋งŒ ์ œ๊ณตํ•˜๋˜ ๋ฉ”๋‰ด๋ฅผ ์กฐํ•ฉํ•ด์„œ ์ฝ”์Šค์š”๋ฆฌ ํ˜•ํƒœ๋กœ ์žฌ๊ตฌ์„ฑํ•ด์„œ ์ƒˆ๋กœ์šด ๋ฉ”๋‰ด๋ฅผ ์ œ๊ณตํ•˜๊ธฐ๋กœ ๊ฒฐ์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ๋‹จํ’ˆ๋ฉ”๋‰ด๋“ค์„ ์กฐํ•ฉํ•ด์„œ ์ฝ”์Šค์š”๋ฆฌ ๋ฉ”๋‰ด๋กœ ๊ตฌ์„ฑํ•˜๋ฉด

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๋ฌธ์ž์—ด ์••์ถ•

๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ ์ „๋ฌธ๊ฐ€๊ฐ€ ๋˜๊ณ  ์‹ถ์€ "์–ดํ”ผ์น˜"๋Š” ๋ฌธ์ž์—ด์„ ์••์ถ•ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ณต๋ถ€๋ฅผ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ๊ทผ์— ๋Œ€๋Ÿ‰์˜ ๋ฐ์ดํ„ฐ ์ฒ˜๋ฆฌ๋ฅผ ์œ„ํ•œ ๊ฐ„๋‹จํ•œ ๋น„์†์‹ค ์••์ถ• ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ๊ณต๋ถ€๋ฅผ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๋ฌธ์ž์—ด์—์„œ ๊ฐ™์€ ๊ฐ’์ด ์—ฐ์†ํ•ด์„œ ๋‚˜ํƒ€๋‚˜๋Š” ๊ฒƒ์„ ๊ทธ ๋ฌธ์ž์˜ ๊ฐœ์ˆ˜์™€ ๋ฐ˜๋ณต๋˜๋Š” ๊ฐ’์œผ๋กœ ํ‘œํ˜„

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

[HTML/CSS] CSS position ์ •๋ฆฌ

ํ•ญ์ƒ CSS๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ํ—ท๊ฐˆ๋ฆฌ๋˜ position์„ ์ •๋ฆฌํ–ˆ์Šต๋‹ˆ๋‹ค. position์€ HTML ์š”์†Œ๋“ค์„ ๋ฐฐ์น˜ํ•˜๋Š” ๊ธฐ์ค€์„ ์ง€์ •ํ•ฉ๋‹ˆ๋‹ค. ์ด 5๊ฐœ๋กœ (static, relative, absolute, fixed, sticky) ๊ตฌ์„ฑ์ด ๋ฉ๋‹ˆ๋‹ค. static HTML ์š”์†Œ๋ฅผ

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

[TypeScript] ํƒ€์ž… ๊ฐ€๋“œ / Type Guard

ํƒ€์ž… ๊ฐ€๋“œ / Type Guard ? TypeScript์—์„œ ์œ ๋‹ˆ์–ธ ํƒ€์ž…์„ ์‚ฌ์šฉํ•˜๋ฉด ๋‹ค์–‘ํ•œ ํƒ€์ž…์„ ์ง€์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ, ๋‹ค์–‘ํ•œ ํƒ€์ž…๋“ค ์ค‘ ์–ด๋Š ํƒ€์ž…์„ ์‚ฌ์šฉํ• ์ง€ ํ™•์‹คํžˆ ์ •ํ•ด์ค˜์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์œ„์™€ ๊ฐ™์€ ํ•จ์ˆ˜๊ฐ€ ์กด์žฌํ•  ๋•Œ ์ธ์ž๋Š” 2๊ฐœ์˜ ํƒ€์ž…์„ ๊ฐ€์ง€๊ณ  ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์–ด

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] H-Index / ์ •๋ ฌ

๐Ÿ“ ๋ฌธ์ œ ์„ค๋ช… H-Index๋Š” ๊ณผํ•™์ž์˜ ์ƒ์‚ฐ์„ฑ๊ณผ ์˜ํ–ฅ๋ ฅ์„ ๋‚˜ํƒ€๋‚ด๋Š” ์ง€ํ‘œ์ž…๋‹ˆ๋‹ค. ์–ด๋Š ๊ณผํ•™์ž์˜ H-Index๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” ๊ฐ’์ธ h๋ฅผ ๊ตฌํ•˜๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์œ„ํ‚ค๋ฐฑ๊ณผ1์— ๋”ฐ๋ฅด๋ฉด, H-Index๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์ด ๊ตฌํ•ฉ๋‹ˆ๋‹ค. ์–ด๋–ค ๊ณผํ•™์ž๊ฐ€ ๋ฐœํ‘œํ•œ ๋…ผ๋ฌธ nํŽธ ์ค‘, h๋ฒˆ ์ด์ƒ ์ธ์šฉ๋œ ๋…ผ

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

[ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค/์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(JavaScript)] ๊ฐ€์žฅ ํฐ ์ˆ˜ / ์ •๋ ฌ

0 ๋˜๋Š” ์–‘์˜ ์ •์ˆ˜๊ฐ€ ์ฃผ์–ด์กŒ์„ ๋•Œ, ์ •์ˆ˜๋ฅผ ์ด์–ด ๋ถ™์—ฌ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๊ฐ€์žฅ ํฐ ์ˆ˜๋ฅผ ์•Œ์•„๋‚ด ์ฃผ์„ธ์š”.์˜ˆ๋ฅผ ๋“ค์–ด, ์ฃผ์–ด์ง„ ์ •์ˆ˜๊ฐ€ 6, 10, 2๋ผ๋ฉด 6102, 6210, 1062, 1026, 2610, 2106๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ณ , ์ด์ค‘ ๊ฐ€์žฅ ํฐ ์ˆ˜๋Š” 6210์ž…๋‹ˆ๋‹ค.0 ๋˜๋Š” ์–‘

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