thumbnail
๐ŸŒฑ Spring Boot ์—๋Ÿฌ ์ฒ˜๋ฆฌ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ Thumbnail

๐ŸŒฑ Spring Boot ์—๋Ÿฌ ์ฒ˜๋ฆฌ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ

์Šคํ”„๋ง๋ถ€ํŠธ ์›น MVC ํ”„๋กœ์ ํŠธ์—์„œ ์ƒํƒœ ์ฝ”๋“œ์— ๋”ฐ๋ผ ์—๋Ÿฌ๋ฅผ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ทฐ์— ๊ฐ๊ฐ์˜ ์—๋Ÿฌ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. ๐ŸŒฑ ์›น ํŽ˜์ด์ง€ ์—๋Ÿฌ ์ฒ˜๋ฆฌ ๋งŒ์•ฝ Github์—์„œ ์กด์žฌํ•˜์ง€ ์•Š๋Š” ํŽ˜์ด์ง€๋กœ ์ ‘์†ํ•  ๊ฒฝ์šฐ ์˜ฅํ† ๋น„-์™„์ด ์—ฌ๋Ÿฌ๋ถ„์„ ๋งž์•„์ค๋‹ˆ๋‹ค. ์Šคํ”„๋ง ๋ถ€...

3์ผ ์ „2๊ฐœ์˜ ๋Œ“๊ธ€
Women Tech Makers 2019 ํ›„๊ธฐ - ์Šคํƒœํ”„๋Š” ์ฒ˜์Œ์ด๋ผ Thumbnail

Women Tech Makers 2019 ํ›„๊ธฐ - ์Šคํƒœํ”„๋Š” ์ฒ˜์Œ์ด๋ผ

์ง€๋‚œ ํ† ์š”์ผ ์‚ผ์„ฑ ์ฝ”์—‘์Šค์—์„œ ๊ฐœ์ตœ๋œ Women Tech Maker 2019 ์— ์ฐธ์—ฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ž‘๋…„ ๋ด„ WTM 2018์—๋Š” ์ฐธ๊ฐ€์ž๋กœ ๋ฐฉ๋ฌธํ–ˆ์ง€๋งŒ ์ด๋ฒˆ์—” ์Šคํƒœํ”„๋กœ ์ž์›ํ•˜์—ฌ ์ž‘๊ฒŒ๋‚˜๋งˆ ํ–‰์‚ฌ๋ฅผ ๋„์šธ ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์•ฝ๊ฐ„์€ ๋–จ๋ฆฌ๋Š” ๋งˆ์Œ์œผ๋กœ ์ฐธ์—ฌํ–ˆ๋˜ ์‚ฌ์ „ ๋ชจ์ž„๊ณผ, ์ € ๊ฐ™์ด ์ชผ๋ ™

2019๋…„ 4์›” 14์ผ2๊ฐœ์˜ ๋Œ“๊ธ€
Factory Method Pattern in JavaScript Thumbnail

Factory Method Pattern in JavaScript

์†Œํ”„ํŠธ์›จ์–ด ๋””์ž์ธ ํŒจํ„ด ์ค‘ ํŒฉํ† ๋ฆฌ ๋ฉ”์„œ๋“œ ํŒจํ„ด(Factory Method Pattern)์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. Factory? ๋จผ์ € ์ด ํŒจํ„ด์— ํŒฉํ† ๋ฆฌ(Factory) ๋ผ๋Š” ์ด๋ฆ„์ด ๋ถ™์€ ์ด์œ ๋Š” ๊ณต์žฅ์—์„œ ์ƒํ’ˆ์„ ์ƒ์‚ฐํ•˜๋“ฏ์ด, ํŒฉํ† ๋ฆฌ ๋ฉ”์„œ๋“œ๋กœ ๋น„์Šทํ•œ ๊ฐ์ฒด๋ฅผ ์ฐ์–ด๋‚ด๋Š”

2019๋…„ 3์›” 31์ผ3๊ฐœ์˜ ๋Œ“๊ธ€
TIL (March) Thumbnail

TIL (March)

3์›” Today I Learned - ๋กœ์ปฌ์— Pull Request ๋ธŒ๋žœ์น˜ ๊ฐ€์ ธ์˜ค๊ธฐ - ์—”๋””์–ธ Endianess - Internet Explorer ์›น ๋ธŒ๋ผ์šฐ์ € ๋ฒ„์ „ ๊ตฌ๋ถ„ํ•˜๊ธฐ ๋กœ์ปฌ์— Pull Request ๋ธŒ๋žœ์น˜ ๊ฐ€์ ธ์˜ค๊ธฐ --- Category : git O

2019๋…„ 3์›” 17์ผ1๊ฐœ์˜ ๋Œ“๊ธ€
velog ๋ฐฐ๋„ˆ ์ƒ์„ฑ๊ธฐ๋ฅผ ๋งŒ๋“ค์–ด ๋ด…์‹œ๋‹ค Thumbnail

velog ๋ฐฐ๋„ˆ ์ƒ์„ฑ๊ธฐ๋ฅผ ๋งŒ๋“ค์–ด ๋ด…์‹œ๋‹ค

velog๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ์—ฌ๋Ÿฌ๋ถ„์€ ์ธ๋„ค์ผ์šฉ ๋ฐฐ๋„ˆ๋ฅผ ์–ด๋–ป๊ฒŒ ๋งŒ๋“ค๊ณ  ๊ณ„์‹ ๊ฐ€์š”? ์ €๋Š” ๋งค๋ฒˆ ๋ฐฐ๋„ˆ ๋งŒ๋“ค๊ธฐ๊ฐ€ ๊ท€์ฐฎ์•„์„œ(...) ๊ฐ„๋‹จํ•œ ๋ฐฐ๋„ˆ ์ƒ์„ฑ๊ธฐ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. - Banner Maker React๋กœ ์Šคํƒœํ‹ฑ ๋ฐฐ๋„ˆ ์ƒ์„ฑ๊ธฐ๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ์‚ฝ์งˆํ–ˆ๋˜ ๋‚ด์šฉ์„ ๊ธฐ๋กํ•ด ๋ณด์•˜์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜์ 

2019๋…„ 3์›” 3์ผ14๊ฐœ์˜ ๋Œ“๊ธ€
Today I Learned (feat.Notion ํ…œํ”Œ๋ฆฟ) Thumbnail

Today I Learned (feat.Notion ํ…œํ”Œ๋ฆฟ)

TIL ์ž‘์„ฑ์„ ์œ„ํ•œ Notion ํ…œํ”Œ๋ฆฟ์„ ์‚ฌ์šฉํ•ด์„œ ํ•œ๋‹ฌ ์ •๋„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์„ ๋ชจ์•„๋ดค์Šต๋‹ˆ๋‹ค. ๐Ÿ“š TIL Notion ํ…œํ”Œ๋ฆฟ ๋งค์ผ ์“ฐ๋Š” ํ‚ฌ๋Ÿฌ ์•ฑ์ด๋‹ค ๋ณด๋‹ˆ TIL๋„ Notion์œผ๋กœ ์ž‘์„ฑํ•˜๋ฉด ์–ด๋–จ๊นŒ ํ–ˆ๋Š”๋ฐ ๊นƒํ—™์— ํ‘ธ์‹œํ•˜๋Š” ๊ฒƒ ๋ณด๋‹ค ์ž์ฃผ ์“ฐ๊ฒŒ ๋˜๊ณ  ๋‚ด์šฉ์— ๋” ์ถฉ์‹คํ•  ์ˆ˜ ์žˆ

2019๋…„ 2์›” 24์ผ4๊ฐœ์˜ ๋Œ“๊ธ€
DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€? Thumbnail

DOM์ด๋ž€ ๋ฌด์—‡์ธ๊ฐ€?

DOM MDN ์—์„œ ๋งํ•˜๋Š” DOM์˜ ์ •์˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ฌธ์„œ ๊ฐ์ฒด ๋ชจ๋ธ(The Document Object Model, DOM) ์€ HTML, XML ๋ฌธ์„œ์˜ ํ”„๋กœ๊ทธ๋ž˜๋ฐ interface์ด๋‹ค. ๊ทธ๋ž˜์„œ DOM์ด ์ •ํ™•ํžˆ ๋ญ๋ผ๊ณ ์š”? ์˜ณ์€ ๊ฒƒ์„ ๋ชจ๋‘ ๊ณจ๋ผ๋ณด์„ธ์š”....

2019๋…„ 2์›” 17์ผ0๊ฐœ์˜ ๋Œ“๊ธ€
JavaScript ์—”์ง„ ํ†บ์•„๋ณด๊ธฐ (2) Thumbnail

JavaScript ์—”์ง„ ํ†บ์•„๋ณด๊ธฐ (2)

์ด ํฌ์ŠคํŠธ์˜ ๋‚ด์šฉ์€ ๊ตฌ๊ธ€์˜ V8์—”์ง„ ์—”์ง€๋‹ˆ์–ด์ธ Benedikt Meurer์™€ Mathias Bynens ์˜ JavaScript Engines: The Good Parts ์„ธ์…˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ง€๋‚œ ํฌ์ŠคํŠธ์—์„œ๋Š” JS์—”์ง„์˜ ์ข…๋ฅ˜์™€ ์ตœ์ ํ™” ์ปดํŒŒ์ผ๋Ÿฌ์— ๋Œ€ํ•˜์—ฌ

2018๋…„ 12์›” 16์ผ1๊ฐœ์˜ ๋Œ“๊ธ€
Unity Shader ํŠœํ† ๋ฆฌ์–ผ Thumbnail

Unity Shader ํŠœํ† ๋ฆฌ์–ผ

์œ ๋‹ˆํ‹ฐ์—์„œ ์ง€์›ํ•˜๋Š” ์‰์ด๋”์˜ ์ข…๋ฅ˜์™€ ๊ตฌ์กฐ์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ณ , ์ƒ‰์ƒ์„ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐ„๋‹จํ•œ ์‰์ด๋” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•ด ๋ด…๋‹ˆ๋‹ค. ์‰์ด๋”(Shader)์˜ ์ข…๋ฅ˜ ์œ ๋‹ˆํ‹ฐ์˜ ์‰์ด๋”๋Š” 3๊ฐ€์ง€ ํƒ€์ž…์ด ์žˆ์Šต๋‹ˆ๋‹ค (1) Surface Shader ๋น›๊ณผ ๊ทธ๋ฆผ์ž์— ์˜ํ–ฅ์„ ๋ฐ›๋Š” ์‰์ด๋”...

2018๋…„ 12์›” 9์ผ2๊ฐœ์˜ ๋Œ“๊ธ€
Fixing Vulnerability in My Package Thumbnail

Fixing Vulnerability in My Package

I found vulnerability in my repository from the github notifications. til2-1.png According to this this tweet, the original maintainer transferred ...

2018๋…„ 12์›” 2์ผ2๊ฐœ์˜ ๋Œ“๊ธ€
JavaScript ์—”์ง„ ํ†บ์•„๋ณด๊ธฐ (1) Thumbnail

JavaScript ์—”์ง„ ํ†บ์•„๋ณด๊ธฐ (1)

์ด ํฌ์ŠคํŠธ์˜ ๋‚ด์šฉ์€ ๊ตฌ๊ธ€์˜ V8์—”์ง„ ์—”์ง€๋‹ˆ์–ด์ธ Benedikt Meurer์™€ Mathias Bynens ์˜ JavaScript Engines: The Good Parts ์„ธ์…˜์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ, ๊ทธ๋ฆฌ๊ณ  ๋‚ด๋ถ€์ ์œผ๋กœ V8 ์—”์ง„์„

2018๋…„ 11์›” 25์ผ8๊ฐœ์˜ ๋Œ“๊ธ€
Notion 1๋…„๊ฐ„์˜ ์‚ฌ์šฉ๊ธฐ Thumbnail

Notion 1๋…„๊ฐ„์˜ ์‚ฌ์šฉ๊ธฐ

์—ฌ๊ธฐ์„œ๋„ ๋ณผ ์ˆ˜ ์žˆ์–ด์š” ์ด๋ฒˆ ํฌ์ŠคํŠธ์—์„œ๋Š” ์ œ๊ฐ€ ์‚ฌ๋ž‘ํ•ด ๋งˆ์ง€์•Š๋Š” ์•ฑ์ธ ๋…ธ์…˜(Notion) ์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•ด๋ณผ๊นŒ ํ•ฉ๋‹ˆ๋‹ค. ์ด์ œ๊นŒ์ง€ ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ๊ธฐ๋ก์šฉ ์•ฑ๋“ค์„ ์‚ฌ์šฉํ•ด ์™”์ง€๋งŒ ๋…ธ์…˜๋งŒํผ 120% ๋งˆ์Œ์— ๋“ค์—ˆ๋˜ ๊ฒƒ์€ ์—†์—ˆ๊ฑฐ๋“ ์š”. ์ด์ „๊นŒ์ง€ ์ฃผ๋กœ ์‚ฌ์šฉํ–ˆ๋˜ ๊ฒƒ์€ ์—๋ฒ„๋…ธํŠธ์˜€์ง€๋งŒ, ๋…ธ...

2018๋…„ 11์›” 18์ผ30๊ฐœ์˜ ๋Œ“๊ธ€
Today I Learned (Oct) Thumbnail

Today I Learned (Oct)

Banner made by Banner Maker Develop Log 2018.10.19 - 2018.10.28 ๊ณต๋ถ€ํ–ˆ๊ฑฐ๋‚˜ ์•Œ๊ฒŒ ๋œ ๋‚ด์šฉ์„ ๋ชจ์•„์„œ ์ •๋ฆฌํ•˜๋Š” ๊ธ€์„ ์ข…์ข… ์“ฐ๋ ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ์˜๋ฌธ ์ž‘์„ฑ ์—ฐ์Šต์„ ๊ฒธํ•˜๊ณ  ์žˆ์œผ๋‹ˆ ํ‹€๋ฆฐ ํ‘œํ˜„์ด๋‚˜ ์˜คํƒ€๊ฐ€ ์žˆ๋‹ค๋ฉด ํŽธํ•˜๊ฒŒ ์•Œ๋ ค์ฃผ์„ธ์š”...

2018๋…„ 10์›” 28์ผ5๊ฐœ์˜ ๋Œ“๊ธ€
JavaScript ํ”„๋กœ๊ทธ๋žจ ์„ฑ๋Šฅ ํ–ฅ์ƒ Thumbnail

JavaScript ํ”„๋กœ๊ทธ๋žจ ์„ฑ๋Šฅ ํ–ฅ์ƒ

์ฑ… You Donโ€™t Know JS : this์™€ ๊ฐ์ฒด ํ”„๋กœํ† ํƒ€์ž…, ๋น„๋™๊ธฐ์™€ ์„ฑ๋Šฅ ์Šคํ„ฐ๋””์—์„œ ์ง„ํ–‰ํ•œ [PART II ๋น„๋™๊ธฐ์™€ ์„ฑ๋Šฅ - 5์žฅ ํ”„๋กœ๊ทธ๋žจ ์„ฑ๋Šฅ] ๊ด€๋ จ ์ •๋ฆฌ์ž…๋‹ˆ๋‹ค. ์„œ๋ก  JS์—์„œ ๋น„๋™๊ธฐ์„ฑ์ด ์ค‘์š”ํ•œ ์ด์œ ? ์„ฑ๋Šฅ..์„ฑ๋Šฅ..์„ฑ๋Šฅ! - ๋…๋ฆฝ์ ์ธ 2๊ฐœ์˜ AJA...

2018๋…„ 10์›” 21์ผ5๊ฐœ์˜ ๋Œ“๊ธ€
ํ”„๋ผ๋ฏธ์Šค(Promise) Thumbnail

ํ”„๋ผ๋ฏธ์Šค(Promise)

๐ŸŒฑ Background Story JavaScript๋Š” ๋‹จ์ผ ์Šค๋ ˆ๋“œ ๊ธฐ๋ฐ˜์œผ๋กœ, ๋‘ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋™์‹œ์— ์‹คํ–‰ํ•  ์ˆ˜ ์—†์œผ๋ฉฐ ์ฐจ๋ก€๋กœ ์‹คํ–‰ํ•ด์•ผ ํ•œ๋‹ค. JS์—์„œ ์‹คํ–‰๋  ์ค€๋น„๊ฐ€ ๋œ ์ฝ”๋“œ ์กฐ๊ฐ์€ Job Queue(์ž‘์—… ๋Œ€๊ธฐ์—ด)์— ๋ณด๊ด€๋œ๋‹ค. ์ฝ”๋“œ ์‹คํ–‰์ด ๋๋‚˜๋ฉด, ์ด ๋Œ€๊ธฐ์—ด์„ ๊ด€

2018๋…„ 10์›” 14์ผ0๊ฐœ์˜ ๋Œ“๊ธ€
ES6 ์ •๋ฆฌ Thumbnail

ES6 ์ •๋ฆฌ

ES6 ๋ฌธ๋ฒ•์„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. Scope --- ๋ณ€์ˆ˜ ์„ ์–ธ ๋‹ค์Œ ์„ธ ๊ฐ€์ง€๋ฅผ ๊ธฐ์–ตํ•˜์ž 1. const๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ์‚ฌ์šฉํ•œ๋‹ค. 2. ๋ณ€๊ฒฝ์ด ๋  ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜๋Š” let์„ ์‚ฌ์šฉํ•œ๋‹ค. 3. var๋Š” ์‚ฌ์šฉํ•˜์ง€ ์•Š๋Š”๋‹ค. let block (function

2018๋…„ 10์›” 2์ผ8๊ฐœ์˜ ๋Œ“๊ธ€