threejs-journey 08-fullscreen and resizing

2021-05-15

three.js๋ฅผ ์ด์šฉํ•œ ์ „์ฒด ํ™”๋ฉด ๋ฐ ํฌ๊ธฐ์กฐ์ •์„ ํ•ด๋ณด์ž

#three.js

threejs-journey 09-geometries

2021-05-15

three.js๋ฅผ ์ด์šฉํ•œ ๊ธฐํ•˜ํ•™์„ ๊ณต๋ถ€ํ•ด๋ณด์ž!

#three.js

threejs-journey 07-camera

2021-05-12

three.js๋ฅผ ์ด์šฉํ•œ ๋‹ค์–‘ํ•œ ์นด๋ฉ”๋ผ์™€ ์ปจํŠธ๋กค๋“ค์„ ๋‹ค๋ค„๋ณด์ž!

#three.js

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ํฌ์ผ“๋ชฌ

2021-05-10

๊ฐ€์žฅ ๋งŽ์€ ์ข…๋ฅ˜์˜ ํฐ์ผ“๋ชฌ์„ ์„ ํƒํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ฐพ์•„, ๊ทธ๋•Œ์˜ ํฐ์ผ“๋ชฌ ์ข…๋ฅ˜ ๋ฒˆํ˜ธ์˜ ๊ฐœ์ˆ˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ๋‚ด์ 

2021-05-10

๊ธธ์ด๊ฐ€ ๊ฐ™์€ ๋‘ 1์ฐจ์› ์ •์ˆ˜ ๋ฐฐ์—ด a, b๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. a์™€ b์˜ ๋‚ด์ ์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

threejs-journey 06-Animation

2021-05-06

three.js๋ฅผ ์ด์šฉํ•œ ์• ๋‹ˆ๋ฉ”์ด์…˜ํšจ๊ณผ ์ ์šฉ

#three.js

์ด์ค‘์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ

2021-05-05

๊ธฐ๋ณธ์ ์œผ๋กœ ์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ์™€ ๊ฐ™์ด ๋–จ์–ด์ ธ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์—ฐ๊ฒฐํ•ด์„œ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ์ดํ„ฐ๊ตฌ์กฐ, ์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ์™€ ๋‹ค๋ฅด๊ฒŒ ์–‘๋ฐฉํ–ฅ์œผ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์„œ ๋…ธ๋“œ ํƒ์ƒ‰ ๋ฐ ์ถ”๊ฐ€/์‚ญ์ œ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋‹ค.

#JS#dataStructure

์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ

2021-05-05

๋–จ์–ด์ ธ์žˆ๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ์—ฐ๊ฒฐํ•ด์„œ ๊ด€๋ฆฌํ•˜๋Š” ๋ฐ์ดํ„ฐ ๊ตฌ์กฐ Linked List์˜ ๊ฒฝ์šฐ ๋‹ค๋ฅธ ์ž๋ฃŒ๊ตฌ์กฐ๋ฅผ ํ‘œํ˜„ํ•  ๋•Œ ๋งŽ์ด ์‚ฌ์šฉ๋œ๋‹ค.

#JS#dataStructure

threejs-journey 05-transform-objects

2021-05-02

three.js๋ฅผ ์ด์šฉํ•œ ๋ฌผ์ฒด์˜ ์ด๋™, ํฌ๊ธฐ๋ณ€ํ™”, ๊ทธ๋ฃนํ™”๋ฅผ ๊ณต๋ถ€ํ•ด๋ณด์ž!

#three.js

ํ”„๋ก ํŠธ์—”๋“œ ๋ฉด์ ‘ ์งˆ๋ฌธ ๋ฆฌ์ŠคํŠธ

2021-05-02

ํ”„๋ก ํŠธ์—”๋“œ ๋ฉด์ ‘์‹œ ์ž์ฃผ ๋ฌผ์–ด๋ณด๋Š” ์งˆ๋ฌธ ์ •๋ฆฌ

#JS

threejs-journey 03-basic-scene

2021-04-28

three.js๋ฅผ ์ด์šฉํ•œ ํ™”๋ฉด ๊ธฐ๋ณธ์…‹ํŒ…

#three.js

ํ

2021-04-24

๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ์„ ์ˆ˜ ์žˆ๋Š” ์„ ํ˜•๊ตฌ์กฐ, ๋จผ์ € ๋„ฃ์€ ๋ฐ์ดํ„ฐ๊ฐ€ ๋จผ์ € ๋‚˜์˜ค๋Š” FIFO(First In First Out)

#JS#dataStructure

์Šคํƒ

2021-04-24

๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ์„ ์ˆ˜ ์žˆ๋Š” ์„ ํ˜•๊ตฌ์กฐ, ๋‚˜์ค‘์— ๋„ฃ์€ ๋ฐ์ดํ„ฐ๊ฐ€ ๋จผ์ € ๋‚˜์˜ค๋Š” LIFO(Last In First Out)

#JS#dataStructure

ํŠธ๋ฆฌ

2021-04-24

์—ฌ๋Ÿฌ ๋ฐ์ดํ„ฐ๊ฐ€ ๊ณ„์ธต ๊ตฌ์กฐ์—์„œ ์—ฐ๊ฒฐ์„ ๊ฐ€์งˆ๋•Œ ์‚ฌ์šฉํ•˜๋ฉฐ ๊ณ„์ธต๊ตฌ์กฐ๋ฅผ ํ‘œํ˜„ํ•˜๊ฑฐ๋‚˜ ๊ณ„์ธต๊ตฌ์กฐ๋ฅผ ์ด์šฉํ•œ ์•Œ๊ณ ๋ฆฌ์ฆ˜์˜ ํšจ์œจ์„ ๋†’์ผ ๋•Œ ์‚ฌ์šฉ

#JS#dataStructure

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ์ˆซ์ž ๊ฒŒ์ž„

2021-04-16

A ํŒ€์›๋“ค์ด ๋ถ€์—ฌ๋ฐ›์€ ์ˆ˜๊ฐ€ ์ถœ์ „ ์ˆœ์„œ๋Œ€๋กœ ๋‚˜์—ด๋˜์–ด์žˆ๋Š” ๋ฐฐ์—ด A์™€ i๋ฒˆ์งธ ์›์†Œ๊ฐ€ BํŒ€์˜ i๋ฒˆ ํŒ€์›์ด ๋ถ€์—ฌ๋ฐ›์€ ์ˆ˜๋ฅผ ์˜๋ฏธํ•˜๋Š” ๋ฐฐ์—ด B๊ฐ€ ์ฃผ์–ด์งˆ ๋•Œ, B ํŒ€์›๋“ค์ด ์–ป์„ ์ˆ˜ ์žˆ๋Š” ์ตœ๋Œ€ ์Šน์ ์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ๊ธฐ์ง€๊ตญ ์„ค์น˜

2021-04-16

์•„ํŒŒํŠธ์˜ ๊ฐœ์ˆ˜ N, ํ˜„์žฌ ๊ธฐ์ง€๊ตญ์ด ์„ค์น˜๋œ ์•„ํŒŒํŠธ์˜ ๋ฒˆํ˜ธ๊ฐ€ ๋‹ด๊ธด 1์ฐจ์› ๋ฐฐ์—ด stations, ์ „ํŒŒ์˜ ๋„๋‹ฌ ๊ฑฐ๋ฆฌ W๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ๋ชจ๋“  ์•„ํŒŒํŠธ์— ์ „ํŒŒ๋ฅผ ์ „๋‹ฌํ•˜๊ธฐ ์œ„ํ•ด ์ฆ์„คํ•ด์•ผ ํ•  ๊ธฐ์ง€๊ตญ ๊ฐœ์ˆ˜์˜ ์ตœ์†Ÿ๊ฐ’์„ ๋ฆฌํ„ดํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ์‹ ๊ทœ ์•„์ด๋”” ์ถ”์ฒœ

2021-04-13

์‹ ๊ทœ ์œ ์ €๊ฐ€ ์ž…๋ ฅํ•œ ์•„์ด๋””๋ฅผ ๋‚˜ํƒ€๋‚ด๋Š” new_id๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, "๋„ค์˜ค"๊ฐ€ ์„ค๊ณ„ํ•œ 7๋‹จ๊ณ„์˜ ์ฒ˜๋ฆฌ ๊ณผ์ •์„ ๊ฑฐ์นœ ํ›„์˜ ์ถ”์ฒœ ์•„์ด๋””๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”.

#JS#Algorithm

๋ฆฌ์•กํŠธ ๊ต๊ณผ์„œ

2021-04-09

์ฝ”๋กœ๋‚˜ ๊ฒฉ๋ฆฌ๊ธฐ๊ฐ„ ๋™์•ˆ ๊ณต๋ถ€

#React

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ์Šคํ‚ฌํŠธ๋ฆฌ

2021-04-08

์„ ํ–‰ ์Šคํ‚ฌ ์ˆœ์„œ skill๊ณผ ์œ ์ €๋“ค์ด ๋งŒ๋“  ์Šคํ‚ฌํŠธ๋ฆฌ1๋ฅผ ๋‹ด์€ ๋ฐฐ์—ด skill_trees๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ๊ฐ€๋Šฅํ•œ ์Šคํ‚ฌํŠธ๋ฆฌ ๊ฐœ์ˆ˜๋ฅผ return ํ•˜๋Š” solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ๊ธฐ๋Šฅ๊ฐœ๋ฐœ

2021-04-08

๋จผ์ € ๋ฐฐํฌ๋˜์–ด์•ผ ํ•˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ž‘์—…์˜ ์ง„๋„๊ฐ€ ์ ํžŒ ์ •์ˆ˜ ๋ฐฐ์—ด progresses์™€ ๊ฐ ์ž‘์—…์˜ ๊ฐœ๋ฐœ ์†๋„๊ฐ€ ์ ํžŒ ์ •์ˆ˜ ๋ฐฐ์—ด speeds๊ฐ€ ์ฃผ์–ด์งˆ ๋•Œ ๊ฐ ๋ฐฐํฌ๋งˆ๋‹ค ๋ช‡ ๊ฐœ์˜ ๊ธฐ๋Šฅ์ด ๋ฐฐํฌ๋˜๋Š”์ง€๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•˜์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - 124 ๋‚˜๋ผ์˜ ์ˆซ์ž

2021-04-05

์ž์—ฐ์ˆ˜ n์ด ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, n์„ 124 ๋‚˜๋ผ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ์ˆซ์ž๋กœ ๋ฐ”๊พผ ๊ฐ’์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด ์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ํฌ๋ ˆ์ธ ์ธํ˜•๋ฝ‘๊ธฐ ๊ฒŒ์ž„

2021-04-03

๊ฒŒ์ž„ ํ™”๋ฉด์˜ ๊ฒฉ์ž์˜ ์ƒํƒœ๊ฐ€ ๋‹ด๊ธด 2์ฐจ์› ๋ฐฐ์—ด board์™€ ์ธํ˜•์„ ์ง‘๊ธฐ ์œ„ํ•ด ํฌ๋ ˆ์ธ์„ ์ž‘๋™์‹œํ‚จ ์œ„์น˜๊ฐ€ ๋‹ด๊ธด ๋ฐฐ์—ด moves๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ์ฃผ์–ด์งˆ ๋•Œ, ํฌ๋ ˆ์ธ์„ ๋ชจ๋‘ ์ž‘๋™์‹œํ‚จ ํ›„ ํ„ฐํŠธ๋ ค์ ธ ์‚ฌ๋ผ์ง„ ์ธํ˜•์˜ ๊ฐœ์ˆ˜๋ฅผ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ๋‘ ๊ฐœ ๋ฝ‘์•„์„œ ๋”ํ•˜๊ธฐ

2021-04-01

์ •์ˆ˜ ๋ฐฐ์—ด numbers๊ฐ€ ์ฃผ์–ด์ง‘๋‹ˆ๋‹ค. numbers์—์„œ ์„œ๋กœ ๋‹ค๋ฅธ ์ธ๋ฑ์Šค์— ์žˆ๋Š” ๋‘ ๊ฐœ์˜ ์ˆ˜๋ฅผ ๋ฝ‘์•„ ๋”ํ•ด์„œ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“  ์ˆ˜๋ฅผ ๋ฐฐ์—ด์— ์˜ค๋ฆ„์ฐจ์ˆœ์œผ๋กœ ๋‹ด์•„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์™„์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

ํ”„๋กœ๊ทธ๋ž˜๋จธ์Šค - ์™„์ฃผํ•˜์ง€ ๋ชปํ•œ ์„ ์ˆ˜

2021-03-09

๋งˆ๋ผํ†ค์— ์ฐธ์—ฌํ•œ ์„ ์ˆ˜๋“ค์˜ ์ด๋ฆ„์ด ๋‹ด๊ธด ๋ฐฐ์—ด participant์™€ ์™„์ฃผํ•œ ์„ ์ˆ˜๋“ค์˜ ์ด๋ฆ„์ด ๋‹ด๊ธด ๋ฐฐ์—ด completion์ด ์ฃผ์–ด์งˆ ๋•Œ, ์™„์ฃผํ•˜์ง€ ๋ชปํ•œ ์„ ์ˆ˜์˜ ์ด๋ฆ„์„ return ํ•˜๋„๋ก solution ํ•จ์ˆ˜๋ฅผ ์ž‘์„ฑํ•ด์ฃผ์„ธ์š”.

#JS#Algorithm

๋ฐฑ์—”๋“œ ์šฉ์–ด ์ •๋ฆฌ

2021-01-25

ํšŒ์˜์‹œ๊ฐ„์— ๋“ค์—ˆ๋˜ ์ง€๋‚˜๊ฐ€๋Š” ์ด์•ผ๊ธฐ๋กœ ๋“ค๋ฆฌ๋˜ ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋“ค์ด ๋งํ•˜๋Š” ๋‹จ์–ด ๋ฐ ์šฉ์–ด์— ๋Œ€ํ•ด ๋ง›๋ณด๊ธฐํ•ด๋ณด์ž!

#Basic

This

2020-11-10

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ this์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž!

#JS

WEB ์„ฑ๋Šฅ๊ฐœ์„  ๋ฐฉ๋ฒ•

2020-10-27

Web์˜ ์„ฑ๋Šฅ์„ ๊ฐœ์„ ํ•˜๋Š” ๋ฐฉ๋ฒ•์—๋Š” ์–ด๋–ค ๊ฒƒ๋“ค์ด ์žˆ์„๊นŒ?

#JS#Service

Javascript ํ”„๋กœ๋ฏธ์Šค(Promise)

2020-10-26

`Promise`๋ฅผ ์•Œ์•„๋ณด๊ธฐ ์ „์— ์šฐ์„  Promise๊ฐ€ ๋‚˜์˜ค๊ฒŒ๋œ ์ด์œ ์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณผ ํ•„์š”๊ฐ€ ์žˆ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ๋Š” ๋น„๋™๊ธฐ ์š”์ฒญ์ด ์ž์ฃผ ์‚ฌ์šฉ๋˜๊ณค ํ•œ๋‹ค.

#JS#Basic

Javascript ํด๋กœ์ €(Closure)

2020-10-24

ํด๋กœ์ €๋Š” ํ•จ์ˆ˜์™€ ํ•จ์ˆ˜๊ฐ€ ์„ ์–ธ๋œ ์–ดํœ˜์  ํ™˜๊ฒฝ์˜ ์กฐํ•ฉ์ด๋‹ค. MDN ๋ฌธ์„œ์—์„œ ํด๋กœ์ €๋ฅผ ์„ค๋ช…ํ•˜๋Š” ์ฒซ ๋ฌธ์žฅ์ด๋‹ค. ๋ญ”๊ฐ€ ์ดํ•ดํ•˜๊ธฐ ์–ด๋ ค์šด๋ฐ, ์กฐ๊ธˆ ๋” ์‰ฝ๊ฒŒ ๋งํ•˜์ž๋ฉด `ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„์˜ ๊ด€๊ณ„(์Šค์ฝ”ํ”„ ์ฒด์ด๋‹)`๋ผ๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค.

#JS#Basic

์ด๋ฒคํŠธ ๋ฃจํ”„

2020-01-03

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ event-roof์— ๋Œ€ํ•ด์„œ ์•Œ์•„๋ณด์ž!

#JS

Apply Vuex

2019-01-26

Vuex๋ฅผ ๋„์ž…ํ•˜๊ฒŒ๋œ ๋ฐฐ๊ฒฝ๊ณผ ์ ์šฉํ•˜๋Š” ๊ณผ์ • ๊ทธ๋ฆฌ๊ณ  ์ƒ๊ฐํ•ด๋ณผ ์ ์„ ์ •๋ฆฌ

#Service

Flitto Lunch Select Service

2019-01-12

์žฌ๋ฏธ์žˆ๊ฒŒ ์ ์‹ฌ์‹๋‹น์„ ๊ณ ๋ฅผ ์ˆ˜ ์žˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์—์„œ ์‹œ์ž‘ํ•ด ๋งŒ๋“ค๊ฒŒ๋œ ์„œ๋น„์Šค

#Service

Webpack ์ปค์Šคํ…€ํ•ด๋ณด๊ธฐ!

2019-01-07

webpack์˜ ๊ตฌ์„ฑ๊ณผ ๊ฐ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋“ค์˜ ์šฉ๋„๋ฅผ ํŒŒ์•…ํ•˜๊ณ  ๊ด€๋ฆฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๋„๋ก webpack์„ ์ฒ˜์Œ๋ถ€ํ„ฐ ์„ค์น˜ - ์„ค์ • ํ•˜๋Š”๊ณผ์ •์„ ๊ธฐ๋กํ•œ๋‹ค.

#Webpack