fsymbols
๊ธฐํ˜ธ ๋ถˆ๋Ÿฌ์˜ค๋Š” ์ค‘โ€ฆ
โ€บโ€บ
๐Ÿคฟ

๋‹ค์ด๋น™ ๋งˆ์Šคํฌ

๋‹ค์ด๋น™ ๋งˆ์Šคํฌ

23/27

๐Ÿคฟ๋Š” ์Šค๋…ธํด์ด ๋‹ฌ๋ฆฐ ๋‹ค์ด๋น™ ๋งˆ์Šคํฌ์˜ˆ์š”. ์Šค๋…ธํด๋ง, ์Šค์ฟ ๋ฒ„ ๋‹ค์ด๋น™์ฒ˜๋Ÿผ ๋ฌผ์†์—์„œ ๋ณด๋‚ด๋Š” ์‹œ๊ฐ„์„ ๋œปํ•˜๊ณ , ๋ฐ”๋‹ค ์—ฌํ–‰ ๊ณ„ํš์ด๋‚˜ ๋ฌผ๊ณ ๊ธฐยท๋ฐ”๋‹ค๊ฑฐ๋ถยท์‚ฐํ˜ธ์ดˆ ์‚ฌ์ง„์— ์ž์ฃผ ๋ถ™์–ด์š”. ์˜์–ด์˜ โ€˜deep dive(์‹ฌ์ธต ๋ถ„์„)โ€™๋ฅผ ๋‚˜ํƒ€๋‚ผ ๋•Œ๋„ ์“ฐ์—ฌ์š”.

์ด๋ชจ์ง€์ดํ›„ 2019

๐Ÿคฟ์˜ ์˜๋ฏธ

๋ฌผ์†์„ ๋ณด๊ธฐ ์œ„ํ•œ ๋งˆ์Šคํฌ์™€ ์ˆจ ์‰ฌ๋Š” ๊ด€์ด์—์š”. 2026๋…„ ๊ธฐ์ค€ ์ฃผ์š” ํ”Œ๋žซํผ ๋ชจ๋‘ ๋น„์Šทํ•˜๊ฒŒ, ํˆฌ๋ช…ํ•œ ๋ Œ์ฆˆ์™€ ๊ณ ๋ฌด ํ…Œ๋‘๋ฆฌ๊ฐ€ ์žˆ๋Š” ํŒŒ๋ž€์ƒ‰์ด๋‚˜ ์ฒญ๋ก์ƒ‰ ๋งˆ์Šคํฌ ์˜†์œผ๋กœ ์Šค๋…ธํด์ด ์˜ฌ๋ผ๊ฐ„ ๋ชจ์Šต์ด์—์š”. ๋ˆˆ๊ณผ ์ฝ”๋ฅผ ํ•จ๊ป˜ ๋ฎ๋Š”๋‹ค๋Š” ์ ์ด ์ˆ˜์˜ ๋ฌผ์•ˆ๊ฒฝ๊ณผ ๋‹ฌ๋ผ์š”. ์ฝ”๊ฐ€ ์•ˆ์— ์žˆ์–ด์„œ ์ˆจ์„ ๋‚ด์‰ฌ์–ด ๋ฌผ์„ ๋นผ๊ณ , ๊นŠ์ด ๋‚ด๋ ค๊ฐˆ ๋•Œ ์••๋ ฅ ํ‰ํ˜•(์ดํ€„๋ผ์ด์ง•)์„ ํ•  ์ˆ˜ ์žˆ์–ด์š”.

์Šค๋…ธํด์€ ์ž…์— ๋ฌผ๊ณ  ์—Ž๋“œ๋ ค ๋–  ์žˆ๋Š” ๋™์•ˆ ๋์„ ์ˆ˜๋ฉด ์œ„๋กœ ๋‚ด๋†“๊ณ  ์ˆจ ์‰ฌ๋Š” ๊ด€์ด์—์š”. ๋งˆ์Šคํฌ์™€ ์Šค๋…ธํด์€ ๊ต์œก ์—†์ด ์ฆ๊ธฐ๋Š” ์Šค๋…ธํด๋ง ์žฅ๋น„์˜ˆ์š”. ์Šค์ฟ ๋ฒ„ ๋‹ค์ด๋ฒ„๋„ ๊ฐ™์€ ๋งˆ์Šคํฌ๋ฅผ ์“ฐ์ง€๋งŒ ๊ณต๊ธฐํ†ต์—์„œ ํ˜ธํก๊ธฐ๋กœ ์ˆจ ์‰ฌ๊ณ , ํ”„๋ฆฌ๋‹ค์ด๋ฒ„๋Š” ์ˆจ์„ ์ฐธ๊ณ  ๋“ค์–ด๊ฐ€์š”. ๊ณต๊ธฐํ†ต์ด๋‚˜ ์˜ค๋ฆฌ๋ฐœ ์ด๋ชจ์ง€๋Š” ์—†์–ด์„œ ๐Ÿคฟ๊ฐ€ ์„ธ ๊ฐ€์ง€ ๋ชจ๋‘๋ฅผ ๋Œ€์‹ ํ•ด์š”.

๋ˆ„๊ฐ€ ๐Ÿคฟ๋ฅผ ๋ณด๋‚ด๋ฉด ๋ฌด์Šจ ๋œป์ธ๊ฐ€์š”?

๋Œ€๊ฐœ โ€˜๋ฌผ์— ๋“ค์–ด๊ฐˆ ๊ฑฐ์•ผโ€™ ์•„๋‹ˆ๋ฉด โ€˜๋ฐฉ๊ธˆ ๋“ค์–ด๊ฐ”๋‹ค ์™”์–ดโ€™์˜ˆ์š”. ๋‚ ์งœ ์˜†์ด๋ฉด ์—ฌํ–‰ ๊ณ„ํš(โ€˜์ œ์ฃผ๊นŒ์ง€ 12์ผ ๐Ÿคฟโ€™), ๋ฐ”๋‹ค๊ฑฐ๋ถ์ด๋‚˜ ์‚ฐํ˜ธ ์‚ฌ์ง„์ด๋ฉด ๋ณธ ๊ฒƒ์„ ์ž๋ž‘ํ•˜๋Š” ๊ฑฐ์˜ˆ์š”. ์ž๊ฒฉ์ฆ ์ทจ๋“์ด๋‚˜ ๋‹ค์ด๋น™ ์—ฌํ–‰ ์†Œ์‹์—๋„ ๋ถ™์–ด์š”. ๋ฐ”๋‹ท๊ฐ€ ๊ณ„ํš ์ด์•ผ๊ธฐ ์ค‘์— ํ˜ผ์ž ์˜ค๋ฉด โ€˜์Šค๋…ธํด๋ง ๊ฐ€์žโ€™๋Š” ๋œป์ด์—์š”.

์˜์–ด๊ถŒ์—์„œ๋Š” โ€˜deep diveโ€™๊ฐ€ โ€˜๊นŠ์ด ํŒŒ๊ณ ๋“œ๋Š” ๋ถ„์„โ€™์„ ๋œปํ•ด์„œ ๊ทธ ์˜†์— ๋งˆ์Šคํฌ๋ฅผ ๋ถ™์ด๊ธฐ๋„ ํ•ด์š”. ๊ทธ๋Ÿด ๋• ๋ฐ”๋‹ค๊ฐ€ ์•„๋‹ˆ๋ผ ์ž์„ธํ•œ ๋‚ด์šฉ์ด๋ผ๋Š” ์‹ ํ˜ธ์˜ˆ์š”. ์ฃผ๋ณ€ ๋ง์„ ๋ณด๋ฉด ์•Œ ์ˆ˜ ์žˆ์–ด์š”.

๊ฐ€๋ณ๊ณ  ๋ฐ์€ ํœด๊ฐ€ ์ด๋ชจ์ง€์˜ˆ์š”. ์นœ๊ตฌ ๋‹จํ†ก๋ฐฉ๋ถ€ํ„ฐ ์—…๋ฌด ๊ฒŒ์‹œ๋ฌผ๊นŒ์ง€ ๋ˆ„๊ตฌ์—๊ฒŒ๋‚˜ ๊ดœ์ฐฎ์•„์š”.

๋‚ ์งœ ์˜†์˜ ๋งˆ์Šคํฌ๋Š” ๊ณ„ํš์ด์ง€, ๋ฉ”์‹œ์ง€์— ๋‹น์‹ ์ด ํฌํ•จ๋˜์ง€ ์•Š์•˜๋‹ค๋ฉด ์ดˆ๋Œ€๊ฐ€ ์•„๋‹ˆ์—์š”.

ํฌํ•จ๋œ ์ปฌ๋ ‰์…˜

๋ˆ„๊ตฐ๊ฐ€ ๋ณด๋‚ด๋ฉด ๋ฌด์Šจ ๋œป์ธ๊ฐ€์š”

ํ•ด์„: 5๊ฐœ

๋ฐ”๋‹ค๋‚˜ ๋‹ค์ด๋น™ ์—ฌํ–‰ ๊ณ„ํš. ๋ฌผ์— ๋“ค์–ด๊ฐˆ ์ƒ๊ฐ์— ๋“ค๋–  ์žˆ์–ด์š”.

๋‹ค์Œ๊ณผ ํ˜ผ๋™ํ•˜์ง€ ๋งˆ์„ธ์š”

2

์กฐํ•ฉ ์•„์ด๋””์–ด

3
๋ฌผ๊ณ ๊ธฐ, ๊ฑฐ๋ถ์ด์™€ ์Šค๋…ธํด๋ง, ์‚ฐํ˜ธ์ดˆ ์—ฌํ–‰
์„ฌ์œผ๋กœ ๋‚ ์•„๊ฐ€ ๋‹ค์ด๋น™
์ˆซ์ž๋ฅผ ๊นŠ์ด ํŒŒ๊ณ ๋“œ๋Š” ๋ถ„์„

์•Œ์•„ ๋‘๋ฉด ์ข‹์€ ์ 

  • ์˜ค๋ฆฌ๋ฐœ, ๊ณต๊ธฐํ†ต, ์ž ์ˆ˜๋ณต ์ด๋ชจ์ง€๋Š” ์—†์–ด์„œ ๐Ÿคฟ ํ•˜๋‚˜๊ฐ€ ๋‹ค์ด๋น™ ์ „์ฒด๋ฅผ ๋งก๊ณ  ์žˆ์–ด์š”.
  • ๋งˆ์Šคํฌ์— ๊น€์ด ์„œ๋ฆฌ์ง€ ์•Š๊ฒŒ ๋‹ค์ด๋น™ ์ „์— ์นจ์„ ๋ฐ”๋ฅด๊ณ  ํ—น๊ตฌ๋Š” ๊ฑด ๋‹ค์ด๋ฒ„๋“ค์˜ ์˜ค๋ž˜๋œ ์š”๋ น์ด์—์š”.

์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

3

๐Ÿคฟ๋Š” ์Šค์ฟ ๋ฒ„์˜ˆ์š”, ์Šค๋…ธํด๋ง์ด์—์š”?

๋‘˜ ๋‹ค์˜ˆ์š”. ๊ทธ๋ฆผ์€ ์Šค๋…ธํด๋ง ์žฅ๋น„์ง€๋งŒ ๊ณต๊ธฐํ†ต ์ด๋ชจ์ง€๊ฐ€ ์—†์–ด์„œ ์Šค์ฟ ๋ฒ„์™€ ํ”„๋ฆฌ๋‹ค์ด๋น™์—๋„ ์จ์š”. โ€˜์ž๊ฒฉ์ฆโ€™, โ€˜์ˆ˜์‹ฌ 30mโ€™ ๊ฐ™์€ ๋ง์ด ์žˆ์œผ๋ฉด ์Šค์ฟ ๋ฒ„์˜ˆ์š”.

์ˆ˜์˜ ๋ฌผ์•ˆ๊ฒฝ ์ด๋ชจ์ง€๊ฐ€ ์žˆ๋‚˜์š”?

๋”ฐ๋กœ๋Š” ์—†์–ด์š”. ๐Ÿคฟ๊ฐ€ ๊ฐ€์žฅ ๊ฐ€๊น๊ณ  ์ˆ˜์˜์žฅ์—๋„ ์จ์š”. ๋Š” ๋ณด์•ˆ๊ฒฝ์ด๋‚˜ VR ๊ณ ๊ธ€์ด์—์š”.

๋ฐ”๋‹ค์™€ ์ƒ๊ด€์—†๋Š” ๊ธ€์— ๐Ÿคฟ๊ฐ€ ์™œ ์žˆ๋‚˜์š”?

์˜์–ด โ€˜deep dive(์‹ฌ์ธต ๋ถ„์„)โ€™๋ฅผ ๊ทธ๋ฆผ์œผ๋กœ ํ‘œํ˜„ํ•œ ๊ฑฐ์˜ˆ์š”. ์ž์„ธํ•œ ๋‚ด์šฉ์ด ๋‚˜์˜จ๋‹ค๋Š” ์‹ ํ˜ธ์˜ˆ์š”.

๐Ÿคฟ์ด(๊ฐ€) ํฌํ•จ๋œ ์ปฌ๋ ‰์…˜

5

๐Ÿคฟ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ์ฐพ๋Š” ๋ฒ•

๋‹ค๋ฅธ ์ด๋ฆ„
์Šค๋…ธํด ์ด๋ชจ์ง€ ยท ๋‹ค์ด๋น™ ์ด๋ชจ์ง€ ยท ์ž ์ˆ˜ ๋งˆ์Šคํฌ
๋‹ค์Œ์œผ๋กœ ๊ฒ€์ƒ‰
์Šค๋…ธํด ยท ์Šค๋…ธํด๋ง ยท ์Šค์ฟ ๋ฒ„ ๋‹ค์ด๋น™ ยท ํ”„๋ฆฌ๋‹ค์ด๋น™ ยท ์ˆ˜์ค‘ ยท ๋ฐ”๋‹ค
๋‹ค์Œ์œผ๋กœ ์ž…๋ ฅ
:diving_mask:
๋“ฑ์žฅ ์‹œ๊ธฐ
2019 ยท ์ด๋ชจ์ง€ 12.0
ํ‘œ์‹œ๋˜๋Š” ๊ธฐ๊ธฐ
๋ชจ๋“  ํœด๋Œ€์ „ํ™” ยท iPhone, Android, Windows, Mac, Linux
Windows
โŠžWin+.์ด๋ชจ์ง€ ์„ ํƒ๊ธฐ๋ฅผ ์—ด๊ณ  โ€œdiving maskโ€์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”.
macOS
โŒƒControl+โŒ˜Command+โฃSpace๋ฌธ์ž ๋ทฐ์–ด๋ฅผ ์—ฝ๋‹ˆ๋‹ค.
iOS / Android
์ด๋ชจ์ง€ ํ‚ค๋ณด๋“œ โ€œdiving maskโ€ ๊ฒ€์ƒ‰.
์ฑ„ํŒ… ์•ฑ
:diving_mask:Slack, GitHub, Discord, Mattermost ๋“ฑ ์ฑ„ํŒ… ์•ฑ์—์„œ ์“ฐ๋Š” ์ผ๋ฐ˜์ ์ธ ๋‹จ์ถ• ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์ผ๋ถ€ ์•ฑ์€ ๋‹ค๋ฅธ ์ด๋ฆ„์„ ์”๋‹ˆ๋‹ค.
HTML
🤿
์ฝ”๋“œ์™€ ์ธ์ฝ”๋”ฉ์ฝ”๋“œ ํฌ์ธํŠธ: 1๊ฐœ
HTML ์‹ญ์ง„์ˆ˜
🤿
HTML ์‹ญ์œก์ง„์ˆ˜
🤿
CSS ๋‚ด์šฉ
content: "\1F93F";
๊ฐ ์ด์Šค์ผ€์ดํ”„๋Š” ๋‹ค์Œ ์—ญ์Šฌ๋ž˜์‹œ์—์„œ ๋๋‚ฉ๋‹ˆ๋‹ค. ๋’ค์— ์‹ญ์œก์ง„์ˆ˜ ๋ฌธ์ž๋ฅผ ๊ทธ๋Œ€๋กœ ์“ฐ๋ ค๋ฉด ๊ณต๋ฐฑ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
URL ์ธ์ฝ”๋”ฉ
%F0%9F%A4%BF
1
ํ™”๋ฉด์ƒ
1
์ฝ”๋“œ ํฌ์ธํŠธ
2
JS .length
4
UTF-8 ๋ฐ”์ดํŠธ

ํ™”๋ฉด์— ๋ณด์ด๋Š” ๊ธฐํ˜ธ๋Š” ์—ฌ๋Ÿฌ ์ฝ”๋“œ ํฌ์ธํŠธ๋ฅผ ํฌํ•จํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. JS .length๋Š” UTF-16 ๋‹จ์œ„๋ฅผ ์„ธ๋ฉฐ UTF-8์€ ๋ฐ”์ดํŠธ๋ฅผ ์…‰๋‹ˆ๋‹ค.

์ด ๊ธฐํ˜ธ์˜ ๊ทธ๋ฃน

1

์Šคํฌ์ธ ์™€ ๊ฒŒ์ž„๊ธฐํ˜ธ 420๊ฐœ