๊น€ํ˜•์šฑ

ํฌํŠธํด๋ฆฌ์˜ค ์œ ๋ฌด
ํฌํŠธํด๋ฆฌ์˜ค O
๋ฉ˜ํ† 

์†Œ๊ฐœ

์ด๋ฆ„ : ๊น€ํ˜•์šฑ
์ด๋ฉ”์ผ : misaka0421@naver.com / khw970421@kakao.com
ํ•œ์ค„์†Œ๊ฐœ : ์–ด์ œ๋ณด๋‹ค ์„ฑ์žฅํ•˜๊ธธ

ํ•™๋ ฅ

2022๋…„ 2์›” ๋‹จ๊ตญ๋Œ€ํ•™๊ต ์†Œํ”„ํŠธ์›จ์–ดํ•™๊ณผ ์กธ์—…์˜ˆ์ •

์‚ฌ์šฉ๊ธฐ์ˆ 

ํ”„๋ก ํŠธ์—”๋“œ

  • JavaScript
  • ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ : Danfo.js
์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋กœ ๋ฐ์ดํ„ฐ์— ๋Œ€ํ•œ ๊ฒฐ๊ณผ๋ฅผ ์ถ”์ถœํ•˜๊ณ  ์ด๋ฅผ Danfo.js๋กœ ๊ฒฐ๊ณผ๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด ์œ ์ง€๋ณด์ˆ˜ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.์ฝ”๋กœ๋‚˜์›น์‚ฌ์ดํŠธ ๊ตฌ์ถ•Danfo๋ฅผ ์ด์šฉํ•œ ํ†ต๊ณ„ ๊ด€๋ จ ๋‚ด์šฉ ์ •๋ฆฌ

๋ฐฑ์—”๋“œ

  • ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌ๋„๊ตฌ: git

ํ”„๋กœ์ ํŠธ ์ด๋ ฅ

๊ฐœ์ธ ํ”„๋กœ์ ํŠธ : ์˜ค๋ฒ„์›Œ์น˜ mbti ์›น์‚ฌ์ดํŠธ

๊ธฐ๊ฐ„ : ์•ฝ ํ•œ๋‹ฌ

์‚ฌ์šฉ๊ธฐ์ˆ 

  • ํ”„๋ก ํŠธ์—”๋“œ : HTML, CSS, JS, BootStrap, jQuery
  • ์•ฝ 6๋งŒ๋ช… ์ด์ƒ์ด ์‚ฌ์ดํŠธ ๋ฐฉ๋ฌธ

๋ฌธ์ œํ•ด๊ฒฐ

  • mbti ์งˆ๋ฌธ์˜ ์ˆœ์„œ๊ฐ€ ๊ฐ™์„ ๊ฒฝ์šฐ ๋งค๋ฒˆ ์ง€๋ฃจํ•จ์„ ๋А๋‚„ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ์ˆœ์„œ์— ๋žœ๋ค์„ ๋ถ€์—ฌํ•˜์—ฌ ๋‚˜์ค‘์— ํ•˜์—ฌ๋„ ์ง€๋ฃจํ•จ์„ ์—†์•ด๋‹ค.
  • ํ™๋ณด๋ฅผ ์œ„ํ•ด facebook ์˜ค๋ฒ„์›Œ์น˜ ์ปค๋ฎค๋‹ˆํ‹ฐ, ์˜ค๋ฒ„์›Œ์น˜ ์ธ๋ฒค, ์˜ค๋ฒ„์›Œ์น˜ ์œ ํŠœ๋ฒ„์—๊ฒŒ ๋ฉ”์ผ ๋“ฑ์˜ ํ™๋ณด๋ฅผ ์‚ฌ์šฉ

๋ฐฐ์šด ๊ฒƒ

  • ์œ ์‚ฌํ•˜์ง€๋งŒ(mbti) ํ˜„์žฌ ์—†๋Š” ๊ฒƒ(์˜ค๋ฒ„์›Œ์น˜ mbti)์œผ๋กœ๋„ ์•„์ด๋””์–ด๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ ์ƒˆ๋กœ์šด ์ปจํ…์ธ ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์•„์ด๋””์–ด์˜ ํ™œ์šฉ
  • ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ์ž์‹ ์˜ ์ปจํ…์ธ ๋ฅผ ์†Œ๊ฐœํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ์ด๋ฅผ ํ™๋ณดํ•˜๋Š” ์ž์‹ ๊ฐ

ํ˜‘์—… ํ”„๋กœ์ ํŠธ

๊ธฐ๊ฐ„ : 2021๋…„ 1์›”๋ถ€ํ„ฐ ์ง„ํ–‰ ์ค‘

๋ฌธ์ œํ•ด๊ฒฐ

  • Danfo.js์—์„œ์˜ xmlํŒŒ์ผ์˜ ์‚ฌ์šฉ ๋ถˆ๊ฐ€๋ฅผ ๋Œ€์ฒ˜ํ•˜๊ธฐ์œ„ํ•œ csvํŒŒ์ผ ๋ณ€ํ™˜ ์‚ฌ์ดํŠธ๋ฅผ ํ†ตํ•œ csv ํŒŒ์ผ์˜ Danfo.js ์ฝ”๋“œ์— ๋‹ค๋ฃจ๊ธฐ
  • ๋งค๋ฒˆ ๋‚ ์งœ๋ฅผ ์ž…๋ ฅํ•˜๋Š” ๋ถˆํŽธํ•จ์— ๋Œ€ํ•œ UI ๊ฐœ์„ ์„ ์œ„ํ•œ ์Šฌ๋ผ์ด๋” ์‚ฌ์šฉํ•˜๊ธฐ
  • ์„œ๋กœ ๋‹ค๋ฅธ github ๋ ˆํผ์ง€ํ† ๋ฆฌ์˜ ์ž‘์—… ํ™˜๊ฒฝ ํ†ตํ•ฉ

๋ฐฐ์šด ๊ฒƒ

  • Danfo.js ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์‚ฌ์šฉ๋ฒ• ๋ฐ csv ํŒŒ์ผ์„ ์›น์œผ๋กœ ํ†ต๊ณ„๋ฅผ ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•
  • ๊ฐœ์ธ์ด ์•„๋‹Œ ํŒ€์›๊ณผ์˜ ํ˜‘์—… ๋ฐ ์†Œํ†ต์„ ํ†ตํ•œ ๋ฌธ์ œ์  ํ•ด๊ฒฐ1) ๋””์Šค์ฝ”๋“œ๋ฅผ ํ†ตํ•œ ํŒ€์›๋“ค ๊ฐ„์˜ ์ง„ํ–‰์ƒํ™ฉ ํ† ์˜ ๋ฐ ํ”ผ๋“œ๋ฐฑ์— ๋Œ€ํ•œ ์˜๊ฒฌ ์ œ์‹œ2) ์„œ๋กœ๊ฐ„์˜ ๋‹ค๋ฅธ git ๋ ˆํผ์ง€ํ† ๋ฆฌ์— ๋ถ„๋‹ดํ•œ ์—ญํ• ์„ ์ง„ํ–‰ ํ›„ ๋ ˆํผ์ง€ํ† ๋ฆฌ ํ†ตํ•ฉ3) ํŒ€์›๋“ค์˜ ์˜๊ฒฌ์„ ๋ชจ๋‘ ๋“ค์€ ํ›„ ํ•ด๋‹น ์˜๊ฒฌ์— ๋Œ€ํ•ด ๋‚˜์˜ ์˜๊ฒฌ์„ ์ œ์‹œํ•˜๊ณ  ์ง„ํ–‰์—ญํ• ์„ ๋ถ„๋‹ด์‹œํ‚ค๊ณ  ์ง„ํ–‰์ƒํ™ฉ์„ ์ •๋ฆฌํ•˜๋Š” ์—ญํ• ์„ ์ˆ˜ํ–‰4) ์›น์‚ฌ์ดํŠธ์— ๋Œ€ํ•ด ๊ด€๋ฆฌ์ž ๋ชจ๋“œ์— ๋Œ€ํ•œ ํ”ผ๋“œ๋ฐฑ์„ ํ† ์˜ํ•˜์—ฌ ํŒ€์›์€ jekyll์„ ์ด์šฉํ•ด ์—…๋ฐ์ดํŠธ ๋‚ด์šฉ์„ ์ถ”๊ฐ€์‹œํ‚ค๋Š” ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์˜€๊ณ  ๋‚˜๋Š” Node.js์˜ express๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ heroku ์„œ๋ฒ„์— ์˜ฌ๋ ค RestApi๋ฅผ ์ด์šฉํ•œ ์—…๋ฐ์ดํŠธ์— ๋”ฐ๋ฅด๋Š” ๊ด€๋ฆฌ์ž ๋ชจ๋“œ๋ฅผ ๊ฐ„๋‹จํ•˜๊ฒŒ ๊ตฌํ˜„ํ•˜์˜€๋‹ค. => ๊ด€๋ จ๋‚ด์šฉ

์Šคํ„ฐ๋”” ์ด๋ ฅ

๋ธ”๋ž™์ปคํ”ผ ์Šคํ„ฐ๋”” level 1

๋ฐฐ์šด ๊ฒƒ

  • ์„œ๋ฒ„์™€์˜ AJAX ๋น„๋™๊ธฐ ํ†ต์‹  ๋™์ž‘ ์ดํ•ด ๋ฐ ์ฝ”๋“œ ๋ฆฌ๋ทฐ๋ฅผ ํ†ตํ•œ ์ฝ”๋“œ ๊ฐ€๋…์„ฑ ๋†’์˜€์Šต๋‹ˆ๋‹ค.

๋ธ”๋ž™์ปคํ”ผ ์Šคํ„ฐ๋”” level 2

๋ฐฐ์šด ๊ฒƒ

  • ๋น„๋™๊ธฐ ๋ฐ Cypress ์‚ฌ์šฉ๋ฒ•์„ ๋ฐฐ์› ์Šต๋‹ˆ๋‹ค.
  • ํ•จ์ˆ˜ํ˜• ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์ฝ”๋“œ์—์„œ ํด๋ž˜์Šค ํ˜•ํƒœ๋กœ ๊ตฌํ˜„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ธฐํƒ€ ํ™œ๋™

ํฌ๋ง๊ณต๋ถ€๋ฐฉ ๋Œ€์™ธํ™œ๋™์—์„œ ์ค‘ํ•™์ƒ ์ˆ˜ํ•™ ๊ต์œก ๋‹ด๋‹น (2020๋…„ 5์›” ~ 12์›”)

  • ์ž์‹ ์ด ์•Œ๊ณ  ์žˆ๋Š” ๋‚ด์šฉ์„ ๋ชจ๋ฅด๋Š” ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ์ดํ•ดํ•  ์ˆ˜ ์žˆ๊ฒŒ ์„ค๋ช… ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•˜๋Š” ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜ ์—ญ๋Ÿ‰ ๊ฐ•ํ™” ํ•˜์˜€์Šต๋‹ˆ๋‹ค.

์ž๊ฒฉ์ฆ

Toeic : 690