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

์Šคํ”„๋ง ๋ฉ”๋ชจ์žฅ

์Šคํ”„๋ง ๋ฉ”๋ชจ์žฅ

7/23

๐Ÿ—’๏ธ์€ ์Šคํ”„๋ง ๋ฉ”๋ชจ์žฅ์ž…๋‹ˆ๋‹ค. ์ข…์ด ๋ฌถ์Œ์„ ํ•œ์ชฝ ๋์˜ ์ฒ ์‚ฌ ์Šคํ”„๋ง์œผ๋กœ ์—ฎ์€ ๊ฒƒ์ด์ฃ . ๋ฉ”๋ชจ, ์•Œ๋ฆผ, ํ•  ์ผ ๋ชฉ๋ก, ๋˜๋Š” โ€œ์ ์–ด ๋‘˜๊ฒŒโ€๋ผ๋Š” ๋œป์œผ๋กœ ๋ณด๋ƒ…๋‹ˆ๋‹ค. ๋Œ€๋ถ€๋ถ„์ด ๋จผ์ € ๊ณ ๋ฅด๋Š” ์˜ ์กฐ์šฉํ•œ ์‚ฌ์ดŒ์œผ๋กœ, ๋ฉ”๋ชจ์žฅ ์ž์ฒด๋‚˜ ๊ธฐ์–ตํ•  ๋ชฉ๋ก์„ ๋งํ•  ๋•Œ ์ž˜ ์–ด์šธ๋ฆฝ๋‹ˆ๋‹ค.

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

๋ฒ„์ „ ์„ ํƒ

2๊ฐœ ๋ฒ„์ „
ํ…์ŠคํŠธ ๋ฐ ์ด๋ชจ์ง€ ํ‘œ์‹œ

๐Ÿ—’๏ธ์˜ ์˜๋ฏธ

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

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

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

์ ์–ด ๋‘๊ฑฐ๋‚˜ ๊ธฐ์–ตํ•  ๊ฒƒ์„ ํ‘œ์‹œํ•ฉ๋‹ˆ๋‹ค. ๋‹ต์žฅ์œผ๋กœ๋Š” โ€œ๋ฉ”๋ชจํ–ˆ์–ดโ€, โ€œ์•Œ๊ฒ ์–ด, ์ ์–ด ๋‘˜๊ฒŒโ€์ด๊ณ , ๋ฉ”์‹œ์ง€ ๋งจ ์•ž์— ๋‘๋ฉด ๋’ค ๋‚ด์šฉ์ด ๋ฉ”๋ชจยท๋ชฉ๋กยท์•Œ๋ฆผ์ด๋ผ๋Š” ํ‘œ์‹œ๊ฐ€ ๋ฉ๋‹ˆ๋‹ค. ์˜ˆ: ๐Ÿ—’๏ธ ๋ฉ”๋ชจ, ๐Ÿ—’๏ธ ํ•  ์ผ, ๐Ÿ—’๏ธ ์ค€๋น„๋ฌผ. ์ƒˆ ํ•™๊ธฐ ์ค€๋น„๋ฌผ์ฒ˜๋Ÿผ ์‹ค์ œ ๋ฉ”๋ชจ์žฅ์„ ๋œปํ•˜๊ธฐ๋„ ํ•ฉ๋‹ˆ๋‹ค.

โ€˜๋ฉ”๋ชจโ€™์—๋Š” ๋ณดํ†ต ์„ ์“ฐ์ง€๋งŒ ์–ด๋А ์ชฝ๋„ ์˜คํ•ด๋ฐ›์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์“ฐ๋Š” ๋™์ž‘๋ณด๋‹ค ๋ฉ”๋ชจ์žฅ์ด๋‚˜ ๋ชฉ๋ก ์ž์ฒด๋ฅผ ๋งํ•  ๋•Œ๋Š” ๐Ÿ—’๏ธ์ด ์ œ๊ฒฉ์ž…๋‹ˆ๋‹ค. ์ˆจ์€ ์€์–ด ๋œป์€ ์—†๊ณ , ๋ถ„์œ„๊ธฐ๋Š” ์ฃผ๋ณ€ ๋ง์ด ์ •ํ•ฉ๋‹ˆ๋‹ค.

๊ฑฐ์˜ ๋ชจ๋“  ๋ฉ”์‹œ์ง€์—์„œ ์‹ค์šฉ์ ์ด๊ณ  ์ค‘๋ฆฝ์ ์ด๋ฉฐ, ๋ถ„์œ„๊ธฐ๋Š” ์ฃผ๋ณ€ ๋ง์ด ์ •ํ•ฉ๋‹ˆ๋‹ค. ๋†€๋ฆฌ๋Š” ๋ง๊ณผ ํ•จ๊ป˜๋ฉด โ€œ๋ฐ›์•„ ์ ์–ดโ€๊ฐ€ ๋†๋‹ด์ฒ˜๋Ÿผ ๋“ค๋ฆฌ์ง€๋งŒ, ์ด๋ชจ์ง€ ํ•˜๋‚˜๋งŒ์œผ๋กœ ๋น„๊ผฌ๋Š” ๋œป์€ ์—†์Šต๋‹ˆ๋‹ค.

๋ง๋‹คํˆผ ๋’ค์— ์ด๊ฒƒ๋งŒ ๋ณด๋‚ด๋ฉด โ€œ์ด๊ฑฐ ๊ธฐ๋กํ•ด ๋‘”๋‹คโ€์ฒ˜๋Ÿผ ๋“ค๋ฆด ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

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

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

ํ•ด์„: 4๊ฐœ

๋ฉ”๋ชจํ–ˆ์–ด, ๊ธฐ์–ตํ•ด ๋‘˜๊ฒŒ.

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

4

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

3
ํ•„๊ธฐ ์ค‘, ์ ์–ด ๋‘๋Š” ์ค‘.
๋ชฉ๋ก ํ•ญ๋ชฉ ์™„๋ฃŒ ์ฒดํฌ.
๋ˆˆ์— ๋„๊ฒŒ ๋ถ™์—ฌ ๋‘˜ ๋ฉ”๋ชจ.

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

  • ๐Ÿ—’๏ธ์€ ํœด๋Œ€ํฐ์šฉ์œผ๋กœ ๊ทธ๋ ค์ง„ ์ด๋ชจ์ง€๊ฐ€ ์•„๋‹™๋‹ˆ๋‹ค. 2014๋…„ ๋งˆ์ดํฌ๋กœ์†Œํ”„ํŠธ WingdingsยทWebdings ๊ธ€๊ผด์˜ ์‚ฌ๋ฌด์šฉํ’ˆ ๊ทธ๋ฆผ์œผ๋กœ ์œ ๋‹ˆ์ฝ”๋“œ์— ๋“ค์–ด์™€ , , ๊ณผ ํ•จ๊ป˜ ๋“ฑ์žฅํ–ˆ์Šต๋‹ˆ๋‹ค.

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

3

๐Ÿ—’๏ธ์€ ์ผ์„ ๋๋ƒˆ๋‹ค๋Š” ๋œป์ธ๊ฐ€์š”?

์•„๋‹ˆ์š”, ์ด๊ฒƒ๋งŒ์œผ๋กœ๋Š” ์•„๋‹™๋‹ˆ๋‹ค. ํ•  ์ผ์„ ์ ์—ˆ๊ฑฐ๋‚˜ ๋ชฉ๋ก์— ๋„ฃ์—ˆ๋‹ค๋Š” ๋œป์ž…๋‹ˆ๋‹ค. ๋๋‚ฌ๋‹ค๊ณ  ๋งํ•˜๋ ค๋ฉด ์„ ๋ถ™์ด๊ฑฐ๋‚˜ ๋ง๋กœ ์“ฐ์„ธ์š”.

๐Ÿ—’์ด ์ปฌ๋Ÿฌ๊ฐ€ ์•„๋‹ˆ๋ผ ์„ ๋งŒ ์žˆ๋Š” ๊ธฐํ˜ธ๋กœ ๋ณด์ด๋Š” ์ด์œ ๋Š”?

์ด ๋ฌธ์ž์—๋Š” ํ…์ŠคํŠธ ํ˜•ํƒœ์™€ ์ด๋ชจ์ง€ ํ˜•ํƒœ๊ฐ€ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋ณด์ด์ง€ ์•Š๋Š” ์ด๋ชจ์ง€ ์„ ํƒ์ž ์—†์ด ๐Ÿ—’๋กœ ์“ฐ๋ฉด ์ผ๋ถ€ ์•ฑ์€ ๊ฐ€๋Š” ํ‘๋ฐฑ ๊ธฐํ˜ธ๋ฅผ ๋ณด์—ฌ ์ค๋‹ˆ๋‹ค. ์™„์ „ํ•œ ๐Ÿ—’๏ธ์€ ์ปฌ๋Ÿฌ ๊ทธ๋ฆผ์„ ์š”์ฒญํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ—’๏ธ๊ณผ ์€ ๋‹ค๋ฅธ๊ฐ€์š”?

๋‰˜์•™์Šค๋งŒ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ์€ ์“ฐ๋Š” ์ค‘์ธ ๊ทธ๋ฆผ์ด๋ผ โ€˜๋ฉ”๋ชจโ€™๋กœ ํ›จ์”ฌ ํ”ํ•˜๊ณ , ๐Ÿ—’๏ธ์€ ๋ฉ”๋ชจ์žฅ ์ž์ฒด๋ผ ๋ชฉ๋ก, ์•Œ๋ฆผ, ์‹ค์ œ ๋ฌผ๊ฑด์— ์–ด์šธ๋ฆฝ๋‹ˆ๋‹ค. ๋‘˜ ๋‹ค ์ž˜ ํ†ตํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ—’๏ธ์ด(๊ฐ€) ํฌํ•จ๋œ ์ปฌ๋ ‰์…˜

6

๐Ÿ—’๏ธ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ์ฐพ๋Š” ๋ฒ•

๋‹ค๋ฅธ ์ด๋ฆ„
์Šคํ”„๋ง ๋…ธํŠธ ยท ๋ฉ”๋ชจ์žฅ ยท ์Šคํ”„๋ง ์ˆ˜์ฒฉ
๋‹ค์Œ์œผ๋กœ ๊ฒ€์ƒ‰
๋ฉ”๋ชจ ยท ๋…ธํŠธ ยท ์ˆ˜์ฒฉ ยท ๊ธฐ๋ก ยท ์•Œ๋ฆผ ยท ํ•  ์ผ ๋ชฉ๋ก ยท ํˆฌ๋‘
๋‹ค์Œ์œผ๋กœ ์ž…๋ ฅ
:spiral_note_pad:
๋“ฑ์žฅ ์‹œ๊ธฐ
2014 ยท ์ด๋ชจ์ง€ 0.7
ํ‘œ์‹œ๋˜๋Š” ๊ธฐ๊ธฐ
๋ชจ๋“  ํœด๋Œ€์ „ํ™” ยท iPhone, Android, Windows, Mac, Linux
Windows
โŠžWin+.์ด๋ชจ์ง€ ์„ ํƒ๊ธฐ๋ฅผ ์—ด๊ณ  โ€œspiral notepadโ€์„ ๊ฒ€์ƒ‰ํ•˜์„ธ์š”.
macOS
โŒƒControl+โŒ˜Command+โฃSpace๋ฌธ์ž ๋ทฐ์–ด๋ฅผ ์—ฝ๋‹ˆ๋‹ค.
iOS / Android
์ด๋ชจ์ง€ ํ‚ค๋ณด๋“œ โ€œspiral notepadโ€ ๊ฒ€์ƒ‰.
์ฑ„ํŒ… ์•ฑ
:spiral_note_pad:Slack, GitHub, Discord, Mattermost ๋“ฑ ์ฑ„ํŒ… ์•ฑ์—์„œ ์“ฐ๋Š” ์ผ๋ฐ˜์ ์ธ ๋‹จ์ถ• ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค. ์ผ๋ถ€ ์•ฑ์€ ๋‹ค๋ฅธ ์ด๋ฆ„์„ ์”๋‹ˆ๋‹ค.
HTML
🗒️
์ฝ”๋“œ์™€ ์ธ์ฝ”๋”ฉ์ฝ”๋“œ ํฌ์ธํŠธ: 2๊ฐœ
HTML ์‹ญ์ง„์ˆ˜
🗒️
HTML ์‹ญ์œก์ง„์ˆ˜
🗒️
CSS ๋‚ด์šฉ
content: "\1F5D2\FE0F";
๊ฐ ์ด์Šค์ผ€์ดํ”„๋Š” ๋‹ค์Œ ์—ญ์Šฌ๋ž˜์‹œ์—์„œ ๋๋‚ฉ๋‹ˆ๋‹ค. ๋’ค์— ์‹ญ์œก์ง„์ˆ˜ ๋ฌธ์ž๋ฅผ ๊ทธ๋Œ€๋กœ ์“ฐ๋ ค๋ฉด ๊ณต๋ฐฑ์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.
URL ์ธ์ฝ”๋”ฉ
%F0%9F%97%92%EF%B8%8F
1
ํ™”๋ฉด์ƒ
2
์ฝ”๋“œ ํฌ์ธํŠธ
3
JS .length
7
UTF-8 ๋ฐ”์ดํŠธ

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

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

1