ํ‹ฐ์Šคํ† ๋ฆฌ

haranglog
๊ฒ€์ƒ‰ํ•˜๊ธฐ

๋ธ”๋กœ๊ทธ ํ™ˆ

haranglog

haranglog.tistory.com/m

๐Ÿ“– ๋‚˜์˜ ๊ฐœ๋ฐœ ์ด์•ผ๊ธฐ ๐Ÿš€e-mail : dbd02169@naver.com ๐ŸŒˆGitHub: https://github.com/saseungmin

๊ตฌ๋…์ž
15
๋ฐฉ๋ช…๋ก ๋ฐฉ๋ฌธํ•˜๊ธฐ

์ฃผ์š” ๊ธ€ ๋ชฉ๋ก

  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 6๋‹จ๊ณ„ ๋ฒŒ์จ ๋ฏธ๋‹ˆํ•™์Šต์ง€ 6๋‹จ๊ณ„๊ฐ€ ์™„๋ฃŒ๋˜์—ˆ๋‹ค..! 6๋‹จ๊ณ„์— ์ ‘์–ด๋“œ๋ฉด์„œ ์ ์  ๋‚œ์ด๋„๊ฐ€ ๋†’์•„์ง€๊ณ  ์žˆ๋‹ค๋Š”๊ฒƒ์„ ๋Š๋ผ๊ณ ์žˆ๋‹ค.๊ทธ์น˜๋งŒ ์ด์ œ๋Š” ๋‹จ๊ณ„์™€ ์ƒ๊ด€์—†์ด ์ƒํ™ฉ๊ณผ ์œ„์น˜์— ๋”ฐ๋ผ์„œ ๋ฌธ๋ฒ•๊ณผ ๋ฌธ์žฅ์ด ๋‹ค๋ฅธ ๋Š๋‚Œ์ด๋ผ ์–ด๋Š์ˆœ๊ฐ„๋ถ€ํ„ฐ๋Š” ๋ณ„ ์ฐจ์ด๊ฐ€ ์—†์–ด์ง„ ๊ฒƒ ๊ฐ™๋‹ค.  ์ด๋ฒˆ 6๋‹จ๊ณ„์—์„œ ์ฃผ์š” ๋ฐฐ์šด ๋‚ด์šฉ๋“ค์„ ์ •๋ฆฌํ•ด๋ณด๊ณ ๊ฐ€์ž.ใ€œใŸใ‚Šใ€œใŸใ‚Šใ™ใ‚‹ - ~ํ•˜๊ฑฐ๋‚˜ ~ํ•˜๊ฑฐ๋‚˜ ํ•œ๋‹คใ€œใ‚‰ใ—ใ„ - a ~์ธ ๊ฒƒ ๊ฐ™๋‹ค, b ~๋‹ต๋‹ค (๋ช…์‚ฌ ๋’ค์— ๋ถ™๋Š” ๋‚ด์šฉ)ใพใ™ํ˜•+ๅง‹ใ‚ใ‚‹, ใพใ™ํ˜•+ๅ‡บใ™ - ~ํ•˜๊ธฐ ์‹œ์ž‘ํ•˜๋‹คใพใ™ํ˜•+ใคใฅใ‘ใ‚‹ - ๊ณ„์†~ํ•˜๋‹คใพใ™ํ˜•+ใŠใ‚ใ‚‹ - ~ํ•˜๊ธฐ๋ฅผ ๋๋‚ด๋‹ค, ๋‹ค ~ ํ•˜๋‹คใพใ™ํ˜•+ใชใ•ใ„ - ~ํ•ด๋ผ, ~ํ•˜์—ฌ๋ผใ€œใ“ใจใซใ™ใ‚‹ - ~ํ•˜๊ธฐ๋กœ ํ•˜๋‹ค (๋‚ด๊ฐ€ ๊ฒฐ์ •(๊ฒฐ์‹ฌ)ํ•œ ์‚ฌํ•ญ์„ ์–˜๊ธฐ)ใ€œใ“ใจใซใชใ‚‹ - ~ํ•˜๊ธฐ๋กœ ๋˜๋‹ค (๋‹ค๋ฅธ์‚ฌ๋žŒ์ด ๊ฒฐ์ •ํ•œ๊ฑธ ํ•˜๊ธฐ๋กœ๋˜์—ˆ๋‹ค)ใ€œใจใ„ใ† - ~๋ผ๊ณ  ํ•˜๋Š”, ~๋ผ๊ณ  ํ•œ๋‹คใ€œ.. ๊ณต๊ฐ์ˆ˜ 5 ๋Œ“๊ธ€์ˆ˜ 2 2024. 10. 6.
  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 5๋‹จ๊ณ„ ๋ฏธ๋‹ˆํ•™์Šต์ง€ 5๋‹จ๊ณ„๊ฐ€ ์™„๋ฃŒ๋˜์—ˆ๋‹ค. ํ™˜๊ธ‰์›์ •๋Œ€๋ฅผ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๋ฒŒ์จ 3๋‹จ๊ณ„๋งŒ ๋‚จ์•˜๋‹ค. ์‹œ์ž‘ํ•œ์ง€ 1๋…„์ด ๋‹ค๋˜์–ด๊ฐ„๋‹ค๋Š” ์†Œ๋ฆฌ...์ ์  ์–ด๋ ค์›Œ์ง€๊ณ  ๋ฌธ์žฅ์˜ ๋‹จ์–ด์™€ ๋ฌธ๋ฒ•์ด ์–ด๋ ค์›Œ์ง€๊ณ  ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค. 5๋‹จ๊ณ„์—์„œ๋Š” ์ „ ๋‹จ๊ณ„๋“ค๊ณผ ๋‹ค๋ฅด๊ฒŒ ํ•œ๊ตญ๋ง๋กœ๋„ ํ‘œํ˜„ํ•˜๊ธฐ ํž˜๋“  ์ฆ‰, ํ‘œํ˜„์ด ํ•จ์ถ•๋˜์–ด์žˆ๋Š” ๋ฌธ๋ฒ•์„ ๊ฐ€์ง„ ๋ฌธ์žฅ๋„ ์žˆ์–ด์„œ ํ™•์‹คํžˆ ์–ด๋ ค์›Œ์กŒ๋‹ค๊ณ  ๋Š๊ผˆ๋‹ค.ํ•œ๊ฐ€์ง€์˜ ์˜ˆ๋กœ ์‚ฌ์—ญ์ˆ˜๋™ํ˜•์ด ์žˆ์—ˆ๋Š”๋ฐ, ๊ทธ๊ฒŒ ๋ญ์ž„? ๋ถ€ํ„ฐ ๋‚˜์™€๋ฒ„๋ ธ...๋‹ค. ์–ด์จŒ๋“  ํ•˜๊ธฐ๋Š” ์‹ซ์ง€๋งŒ ์–ด๋–ค ๊ฒƒ์— ์˜ํ•ด ํ•˜๋Š” ์ƒํ™ฉ์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฌธ์žฅ์„ ์‚ฌ์—ญ์ˆ˜๋™ํ˜•์ด๋ผ๊ณ  ํ•œ๋‹จ๋‹ค. ็—ฉใ›ใ™ใŽใŸใ‹ใ‚‰ใ€้‹ๅ‹•ใ‚’ใ‚„ใ‚ใ•ใ›ใ‚‰ใ‚Œใพใ—ใŸใ€‚( ๋„ˆ๋ฌด ๋ง๋ž๊ธฐ ๋•Œ๋ฌธ์—, ์šด๋™์„ (์–ด์ฉ” ์ˆ˜ ์—†์ด) ๊ทธ๋งŒ๋‘์—ˆ์–ด์š”.) ์š”๋Ÿฐ ๋ฌธ์žฅ์ด ์žˆ์„๋•Œ, ์–ด์ฉ” ์ˆ˜ ์—†์ด๊ฐ€ ใ‚‰ใ‚Œใพใ—ใŸใ€‚๋กœ ํ‘œํ˜„ํ•˜๊ณ  ์žˆ๋Š” ๊ฒƒ์ด๋‹ค. ์ด์ฒ˜๋Ÿผ ์ด๋Ÿฐ ๋ฌธ๋ฒ•์ ์ธ ์š”์ธ๋“ค์ด ๋งŽ์ด ํฌํ•จ๋˜์–ด์žˆ๋˜ .. ๊ณต๊ฐ์ˆ˜ 1 ๋Œ“๊ธ€์ˆ˜ 0 2024. 8. 25.
  • ๋ˆ„์  ์ง€์›์ž 5000๋ช… IT ๋น„์˜๋ฆฌ๋‹จ์ฒด DND... ์ด์ œ๋Š” ๋ฐ”๊ฟ”์•ผํ•  ๋•Œ feat. ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ IT ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ ๋™์•„๋ฆฌ DND์—์„œ ์šด์˜์ง„ ํ™œ๋™์„ ํ•˜๊ณ  ์žˆ๊ณ , 11๋ฒˆ์งธ ๊ธฐ์ˆ˜๊ฐ€ ๋ฐ”์˜๊ฒŒ ์ง„ํ–‰ ์ค‘์ธ ์™€์ค‘์— ๋ˆ„์  ์ง€์›์ž์ˆ˜๋„ 5000๋ช…์ด ๋„˜์—ˆ๋‹ค.ํ˜„์žฌ DND์˜ ํ™ˆํŽ˜์ด์ง€ ๊ด€๋ฆฌ๋ฅผ ํ•˜๊ณ  ์žˆ๊ณ  ํ™ˆํŽ˜์ด์ง€๋ฅผ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ด ๊ณผ์ •์—์„œ ์™œ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ–ˆ์–ด์•ผ๋งŒ ํ–ˆ๋Š”์ง€, ๊ธฐ์ˆ ์ ์œผ๋กœ ๊ณ ๋ฏผํ–ˆ๋˜ ํฌ์ธํŠธ์™€ ๊ฐœ์„ ํ–ˆ๋˜ ์ ๋“ค์„ ์ •๋ฆฌํ•ด ๋ณด๊ณ ์ž ๊ณผ์ •๊ธฐ๋ฅผ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค.์ž˜ ๋™์ž‘ํ•˜๋Š” ํ™ˆํŽ˜์ด์ง€.. ์™œ ๋งˆ์ด๊ทธ๋ ˆ์ด์…˜์„ ํ–ˆ์„๊นŒ?๋งˆ์ด๊ทธ๋ ˆ์ด์…˜ ํ•  ์ˆ˜๋ฐ–์— ์—†์—ˆ๋˜ ์ด์œ ๋Š” ํฌ๊ฒŒ 4๊ฐ€์ง€์˜ ์ •๋„ ์žˆ๋‹ค.1. ์ถ”๊ฐ€์ ์ธ ๊ธฐ๋Šฅ ๊ฐœ๋ฐœ๊ณผ ์œ ์ง€๋ณด์ˆ˜ํ•˜๊ธฐ๊ฐ€ ํž˜๋“ค์–ด์ง„ ๋ ˆ๊ฑฐ์‹œ ์ฝ”๋“œํ˜„์žฌ DND์—์„œ๋Š” ๋ช‡ ๊ฐ€์ง€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์€ ์ž‘์—…์„ ๊ณ„ํšํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. ๊ทธ๋ ‡์ง€๋งŒ, ๊ธฐ์กด์˜ ํ™ˆํŽ˜์ด์ง€๋Š” vue 2๋กœ ์šด์˜ ์ค‘์ด์—ˆ๊ณ  ์‚ฌ์†Œํ•œ ๋ฒ„๊ทธ๋“ค ์กฐ์ฐจ ์ˆ˜์ •ํ•˜๊ธฐ ์–ด๋ ค์šด ์ƒํƒœ๋กœ ๋ฐฉ์น˜๋˜์–ด .. ๊ณต๊ฐ์ˆ˜ 4 ๋Œ“๊ธ€์ˆ˜ 1 2024. 8. 2.
  • [ํšŒ๊ณ ] IT ์ปค๋ฎค๋‹ˆํ‹ฐ ๋™์•„๋ฆฌ SIPE 2๊ธฐ๋ฅผ ๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ... 3์›”๋ถ€ํ„ฐ ๋ฌด๋ ค 4๊ฐœ์›” ๋™์•ˆ ํ™œ๋™ํ•ด ์™”๋˜ IT ์ปค๋ฎค๋‹ˆํ‹ฐ ๋™์•„๋ฆฌ SIPE 2๊ธฐ ํ™œ๋™์„ ๋งˆ๋ฌด๋ฆฌํ–ˆ๋‹ค. ์ด๋ฒˆ SIPE 2๊ธฐ ํ™œ๋™์ด ๊ฝค๋‚˜ ์•Œ์ฐจ๊ฒŒ ๋งŽ์€ ํ™œ๋™๋“ค์„ ํ•ด์˜จ ๊ฒƒ ๊ฐ™๊ณ  ๊ฐœ๋ฐœ์ž๋กœ์„œ ๋˜ ๋‹ค๋ฅธ ๋™๊ธฐ๋ถ€์—ฌ๋ฅผ ์–ป์„ ์ˆ˜ ์žˆ๋Š” ์˜๋ฏธ ์žˆ๋˜ ์‹œ๊ฐ„์ด์–ด์„œ 2๊ธฐ ํ™œ๋™์„ ํšŒ๊ณ ๋กœ ๋งˆ๋ฌด๋ฆฌํ•ด๋ณด๋ ค ํ•œ๋‹ค.๊ฐœ์ธ์ ์œผ๋กœ SIPE๊ฐ€ ๋‹ค๋ฅธ IT ๋™์•„๋ฆฌ์™€ ์ฐจ๋ณ„ํ™”๋œ ๋Š๋‚Œ์„ ๋ฐ›์•˜๋˜ ๋ถ€๋ถ„์ด ๊ธฐ์กด์— ์žˆ๋˜ ๋™์•„๋ฆฌ ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ์–ด๋–ค ์ฃผ์ œ ๋˜๋Š” ํ”„๋กœ์ ํŠธ๋ผ๋Š” "์„ฑ์žฅ"๋˜๋Š” "๊ฐœ๋ฐœ์ž๋กœ์„œ ํ•ด์•ผ ํ•˜๋Š” ๋ฌด์–ธ๊ฐ€" ์ •๋„์˜ ํฌ์ธํŠธ์— ์ง‘์ค‘์— ์žˆ๋˜ ๋ฐ˜๋ฉด, SIPE๋Š” "๋„คํŠธ์›Œํฌ"๋ฅผ 1์ˆœ์œ„์— ์ง‘์ค‘ํ•˜๊ณ  ์žˆ๋˜ ์ ์ด ๊ต‰์žฅํžˆ ์‹ ์„ ํ•˜๊ฒŒ ๋‹ค๊ฐ€์™”๋˜ ๊ฒƒ ๊ฐ™๋‹ค.1ํšŒ ์ฐจ: OTIT ์—…๊ณ„์˜ ๋งŽ์€ ์‚ฌ๋žŒ๋“ค๊ณผ ๋งŒ๋‚  ์ˆ˜ ์žˆ๋˜ SIPE 2๊ธฐ์˜ ์ฒซ ๋ฒˆ์งธ ์‹œ๊ฐ„์œผ๋กœ ์˜ค๋ฆฌ์—”ํ…Œ์ด์…˜์„ ์ง„ํ–‰ํ–ˆ์—ˆ๋‹ค.์žฅ์†Œ๋Š” ์„ฑ์ˆ˜ ์—˜๋ฆฌ์Šค๋žฉ. ์ฒ˜์Œ .. ๊ณต๊ฐ์ˆ˜ 5 ๋Œ“๊ธ€์ˆ˜ 6 2024. 7. 16.
  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 4๋‹จ๊ณ„ ์–ด๋Š๋ง ๋ฏธ๋‹ˆํ•™์Šต์ง€ ํ™˜๊ธ‰์›์ •๋Œ€ 4๋‹จ๊ณ„๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์—ˆ๋‹ค. ๋ฒŒ์จ ๋ฐ˜์ด๋‚˜ ์™„๋ฃŒํ•˜๊ฒŒ ๋˜์—ˆ๋Š”๋ฐ, ํ™•์‹คํžˆ ๋ฏธ๋‹ˆํ•™์Šต์ง€์˜ ๋„์›€์„ ๋งŽ์ด ๋ฐ›์•„์„œ ์ ์  ๋“ค๋ฆฌ๊ณ  ์žˆ๋‹ค!! ์—ญ์‹œ ์ž‘์ง€๋งŒ ๋ฐ˜๋ณตํ•˜๊ณ  ๊พธ์ค€ํžˆ ๊ณต๋ถ€ํ•˜๋ฉด ์ ์  ๋ฐฐ์›Œ๊ฐ€๋Š”๊ฒŒ ์‚ฌ๋žŒ์ธ๊ฐ€ ์‹ถ๋‹ค. ์˜ค๋žœ๋งŒ์— ์ผ๋ณธ ๋งŒํ™” ์ปจํ…์ธ ๋ฅผ ๋ดค๋Š”๋ฐ ์ƒ๊ฐ๋ณด๋‹ค ๋‹จ์–ด๋ž‘ ๋ฌธ๋ฒ•์ด ๋“ค๋ ค์„œ ๋†€๋ž๋‹ค. ์†”์งํžˆ ๋ณธ์—…์ด ์žˆ๋‹ค๋ณด๋‹ˆ, ์—ด์‹ฌํžˆ ์‹œ๊ฐ„์„ ๋งŽ์ด ํˆฌ์žํ•ด์„œ ํ–ˆ๋˜๊ฑด ์•„๋‹ˆ์—ฌ์„œ ์ด๊ฒŒ ์ง€๊ธˆ ๋‚ด๊ฐ€ ๋Š˜๊ณ  ์žˆ๋Š” ๊ฑด๊ฐ€ ์‹ถ์—ˆ๋Š”๋ฐ, ์ฒ˜์Œ ์‹œ์ž‘ํ–ˆ์„๋•Œ๋ž‘ ๋‚˜๋ฅผ ๋‹ค์‹œ ๋Œ์•„๋ดค์„๋•Œ ํ™•์‹คํžˆ ๋Š˜๊ณ ์žˆ๊ณ , ์ง€๊ธˆ๋„ ๋Š˜๊ณ  ์žˆ๋Š”๊ฒŒ ๋ณด์ด๊ณ , ์ด ๊ณผ์ •์ด ์‹ ๊ธฐํ•˜๋‹ค.์•„์‰ฌ์šด์ ์€ ์ด์ œ ๋“ค๋ฆฌ๊ธฐ๋Š”ํ•˜์ง€๋งŒ ๋งํ•˜๋Š”๊ฒŒ ์•ˆ๋‚˜์™€์„œ ๊ณ„์† ๋ฐ˜๋ณตํ•ด์„œ ๋งํ• ๋ ค๊ณ  ๋…ธ๋ ฅํ•ด์•ผํ•  ๊ฒƒ ๊ฐ™๋‹ค. ์ด๊ฒŒ ์‰ฝ์ง€ ์•Š๊ธฐ๋„ํ•˜๊ณ  ๋‚ด ๋…ธ๋ ฅ๋ถ€์กฑ์ด๋ผ..ใ… ใ…  ํ• ๋ง์—†... ์ด๋ฒˆ 4๋‹จ๊ณ„์—์„œ๋Š” ์ฑ„๊ฐ์ƒ 3๋‹จ๊ณ„์—์„œ ๋Š๊ผˆ๋˜ ์–ด๋ ค์›€๋ณด๋‹ค .. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2024. 7. 14.
  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 3๋‹จ๊ณ„ ๋ฏธ๋‹ˆํ•™์Šต์ง€์ผ๋ณธ์–ด ํ™˜๊ธ‰์›์ •๋Œ€ 3๋‹จ๊ณ„๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์—ˆ๋‹ค. ์ด 8๋‹จ๊ณ„ 12๊ฐœ์›”์ด๋ผ๋Š” ๊ธด ์‹œ๊ฐ„๋™์•ˆ ์ง„ํ–‰๋˜๋Š” ํ™˜๊ธ‰์›์ •๋Œ€์ธ๋ฐ 3๋‹จ๊ณ„๊นŒ์ง€ ๋งˆ๋ฌด๋ฆฌ ๋˜์—ˆ๊ณ , ์ˆœ์กฐ๋กญ๊ฒŒ? ์ง„ํ–‰์ค‘์ด๋‹ค.2๋‹จ๊ณ„๋„ ์–ด๋ ค์› ๋Š”๋ฐ 3๋‹จ๊ณ„์—์„œ๋Š” ๋ฌธ์žฅ์˜ ๊ธธ์ด๋„ ๋Š˜์–ด๋‚˜์„œ ๋” ์•Œ์•„์•ผํ•  ๊ฒŒ ๋งŽ๊ณ  ๋‹จ์–ด๋„ ๋” ์ˆ™์ง€๊ฐ€ ํ•„์š”ํ•ด๋ณด์˜€๋‹ค.์ด๋ฒˆ 3๋‹จ๊ณ„์—์„œ๋Š” ๋ฌธ์žฅ์„ ์ž‡๋Š” ๊ฒƒ๋“ค๊ณผ ๋๋‚˜๋Š” ํ˜•์‹์ด ๋‹ค๋ฅธ ๋ถ€๋ถ„๋“ค์ด ๋งŽ์•˜๋‹ค.์ด๋ฒˆ 3๋‹จ๊ณ„์˜ ๋ฐฐ์› ๋˜๊ฒƒ๋“ค์€๋ช…๋ น์„ ํ•˜๊ฑฐ๋‚˜ ์š”์ฒญํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ• ์˜ˆ๋ฅผ ๋“ค์–ด ~ํ•ด์ฃผ์„ธ์š”.ํ˜„์žฌ ํ•˜๊ณ  ์žˆ๋Š” ํ–‰๋™๋“ค์„ ๋‚˜ํƒ€๋‚ด๋Š” ~ใฆใ„ใพใ™~ํ•ด๋„ ๋ ๊นŒ์š”? ~ํ•ด์„œ๋Š” ์•ˆ๋ฉ๋‹ˆ๋‹ค. ใฆใฏใ„ใ‘ใพใ›ใ‚“~ํ•ด๋ฒ„๋ ธ๋‹ค. ใฆใ—ใพใ„ใพใ—ใŸ~ใฆ + ใ‹ใ‚‰ (๊ทธ ํ–‰๋™์„ ํ•˜๊ณ  ๋‚˜์„œ ๋‹ค์Œ๋ถ€ํ„ฐ)๋ฌธ์žฅ์„ ์ž‡๋Š” ~ใพใˆใซ (~ํ•˜๊ธฐ ์ „์—)~ํ•œ ๊ฑธ ํ•  ์ˆ˜ ์žˆ์–ด์š”. ใ“ใจใŒใงใใพใ™~ํ•  ๋•Œ ~ๆ™‚๋ณดํ†ต์ฒด์— ๋Œ€ํ•œ ๊ฒƒ๋“ค (๊ณผ๊ฑฐํ˜•, ๋ถ€์ •ํ‘œํ˜„.. ๊ณต๊ฐ์ˆ˜ 1 ๋Œ“๊ธ€์ˆ˜ 1 2024. 6. 2.
  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 2๋‹จ๊ณ„ ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ™˜๊ธ‰์›์ •๋Œ€ 2๋‹จ๊ณ„ ๋งˆ๋ฌด๋ฆฌ! ๋ฒŒ์จ ๋ฏธ๋‹ˆํ•™์Šต์ง€๋ฅผ ์ˆ˜๊ฐ•ํ•œ์ง€๋„ 3๊ฐœ์›”์ด ๋˜์—ˆ๋‹ค. 1๋‹จ๊ณ„๋ณด๋‹ค ํ™•์‹คํžˆ ์–ด๋ ค์›Œ์ง€๊ณ ์žˆ๋‹ค. ๋‹จ์–ด์™€ ๋ฌธ์žฅ์ด ๊ธธ์–ด์ง€๊ณ , ๋ณ€์น™ ๋™์‚ฌ์™€ ๋ถ€์ •, ๊ณผ๊ฑฐํ˜• ๋“ฑ์„ ๋ฐฐ์› ๋‹ค. 2๋‹จ๊ณ„๊ฐ€ ๋๋‚˜๊ณ  ๋Š๋‚€์ ์ด ์žˆ๋‹ค๋ฉด, ๊พธ์ค€ํžˆ ๊ณต๋ถ€๋ฅผ ํ•œ๋‹ค๊ณ ํ•œ๋“ค.. ๋ณต์Šต๊ณผ ๋งํ•˜๊ธฐ ์—ฐ์Šต์„ ๊ฐ™์ด ํ•จ๊ป˜ ๋ณ‘ํ–‰ํ•˜๋ฉด์„œ ํ•™์Šตํ•˜๋Š”๊ฒŒ ํšจ์œจ์ด ์ข‹์€ ๊ฒƒ ๊ฐ™๋‹ค. ์ถ”๊ฐ€๋กœ ์ผ๋ณธ ์ปจํ…์ธ ๋ฅผ ์‹œ์ฒญํ•œ๋‹ค๊ฑฐ๋‚˜.. ๊ฐœ์ธ์ ์œผ๋กœ ๋Š๋‚€ ๋ฏธ๋‹ˆํ•™์Šต์ง€์˜ ์žฅ์ ์ด๋ผ๋ฉด,,, ํ•™์Šต์ง€์— ๋ณต์Šต์„ ํ•  ์ˆ˜ ์žˆ๊ฒŒ๋” ์—ฐ์Šต๋ฌธ์ œ๊ฐ€ ์žˆ๋‹ค๋Š” ๊ฑด๋ฐ, ๊ฐ ์—ฐ์Šต๋ฌธ์ œ์—์„œ ๋‚˜์˜ค๋Š” ๋‹จ์–ด๋‚˜ ๋ฌธ์ž๋“ค์ด ์ด์ „์— ๋ฐฐ์› ๋˜ ๋‹จ์–ด์™€ ๋ฌธ์žฅ์œผ๋กœ ์ด๋ฃจ์–ด์ง„ ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•„์„œ ๋ฌธ์ œ๋ฅผ ํ’€๋ฉด์„œ ๋‹ค์‹œ ๋ณต์Šตํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ค€๋‹ค. 2๋‹จ๊ณ„์—์„œ ๋ฐฐ์šด ๊ฒƒ๋“ค ์ค‘์— ์–ด๋ ค์šด๊ฒƒ๋“ค ์ค‘ ํ•˜๋‚˜๋Š” ์ด์ œ ๋‹จ์–ด์™€ ์กฐ์‚ฌ๋ฅผ ๊ฐ€์ง€๊ณ  ํ•˜๋‚˜์˜ ๋ฌธ์žฅ์„ ๋งŒ๋“ค์–ด์•ผํ•˜๋Š”๋ฐ,.. ๊ณต๊ฐ์ˆ˜ 3 ๋Œ“๊ธ€์ˆ˜ 3 2024. 4. 21.
  • [๋‹จ๊ณ„ ์™„๋ฃŒ] ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ•™์Šต์ง€ 1๋‹จ๊ณ„ ๋ฏธ๋‹ˆํ•™์Šต์ง€ ํ™˜๊ธ‰์›์ •๋Œ€๋ฅผ ์‹ ์ฒญํ•˜๊ณ  ์–ด๋Š๋ง 6์ฃผ๊ฐ€ ์ง€๋‚˜ 1๋‹จ๊ณ„๊ฐ€ ๋งˆ๋ฌด๋ฆฌ๋˜์—ˆ๋‹ค! ์‹œ๊ฐ„์ด ์—„์ฒญ๋น ๋ฅด๊ฒŒ ์ง€๋‚˜๊ฐ”๊ณ , ๊ทธ ์‹œ๊ฐ„๋™์•ˆ ๋ฏธ๋‹ˆํ•™์Šต์ง€ ๋•๋ถ„์— ๊พธ์ค€ํžˆ ํ•˜๋‚˜์”ฉ ํ•ด๋‚˜์•„๊ฐ€๊ณ  ์žˆ๋Š” ๊ฒƒ ๊ฐ™๋‹ค. ๋‚˜์ฒ˜๋Ÿผ ์ž‘์ง€๋งŒ ๊พธ์ค€ํ•œ ์Šต๊ด€์„ ๋งŒ๋“ค์–ด๊ฐ€๋Š” ๋ถ„๋“ค์ด๋ผ๋ฉด ํ™˜๊ธ‰์›์ •๋Œ€ ์ถ”์ฒœ! 1๋‹จ๊ณ„์—์„œ๋Š” ํžˆ๋ผ๊ฐ€๋‚˜๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ์ธ์‚ฌ๋ง๊ณผ ์ˆซ์ž, ์—ฌ๋Ÿฌ ๊ธฐ๋ณธ์ ์ธ ๋‹จ์–ด๋“ค, ใ„ํ˜•์šฉ์‚ฌ๋“ฑ ์ผ๋ณธ์–ด์˜ ๊ธฐ๋ณธ์ ์ธ ๊ฒƒ๋“ค์„ ์ฃผ๋กœ ๋ฐฐ์šฐ๊ณ  ํ•™์Šตํ–ˆ๋‹ค. ์ค‘ํ•™๊ต๋•Œ ๋ฐฐ์šฐ๊ณ  ์ผ๋ณธ์–ด์— ์ผ์ž๋„ ๋ชฐ๋ž์—ˆ๋Š”๋ฐ ๊ทธ๋•Œ์˜ ๊ธฐ์–ต๋“ค์ด ์ƒˆ๋ก์ƒˆ๋ก ๋– ์˜ค๋ฅด๋ฉด์„œ ์žฌ๋ฐŒ๊ฒŒ ํ•™์Šตํ•œ 1๋‹จ๊ณ„๊ฐ€ ์•„๋‹ˆ์˜€๋‚˜ ์‹ถ๋‹ค. ๋ฏธ๋‹ˆํ•™์Šต์ง€์˜ 1๋‹จ๊ณ„์—์„œ ์ดˆ๋ฐ˜์—๋Š” ๋„ˆ๋ฌด ๊ฐ„๋‹จํ•ด์„œ ์–‘์ด ์ ๋‹ค๊ณ  ๋Š๊ผˆ์—ˆ๋Š”๋ฐ, ๋’ค๋กœ๊ฐˆ์ˆ˜๋ก ์ด์ „์— ๋‚˜์™”๋˜ ๋‹จ์–ด๋“ค๊ณผ ํ•จ๊ป˜ ์กฐํ•ฉํ•œ ๋ฌธ์žฅ๋“ค์ด ์ƒ๊ฐ๋ณด๋‹ค ์–ด๋ ค์› ๋‹ค. ํŠนํžˆ ๋‹จ์–ด ๊ฐ™์€ ๊ฒฝ์šฐ์—๋Š” ๊นŒ๋จน๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ์•„์„œ ๊ฐœ์ธ์ ์ธ ๋‹ต๋‹ตํ•ฉ์„ ๋Š๋ผ๊ธฐ๋„.. ๊ณต๊ฐ์ˆ˜ 3 ๋Œ“๊ธ€์ˆ˜ 2 2024. 3. 10.
  • [ํšŒ๊ณ ] 3๋…„์ฐจ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž ๋Šฆ์€ 2023๋…„ ํšŒ๊ณ  ๋Šฆ์–ด๋„ ๋„ˆ~~~๋ฌด ๋Šฆ์€ 2023๋…„ ํšŒ๊ณ ์™€ 2024๋…„ ๊ณ„ํš์„ ์ง€๊ธˆ์ด๋‚˜๋งˆ ์ž‘์„ฑํ•ด๋ณด๋ ค๊ณ  ํ•œ๋‹ค. ๋งŽ์€ ์ผ๋“ค์ด ์žˆ์—ˆ๋˜ 2023๋…„์€ ์–ด๋• ์„๊นŒ? ๊ณ„ํš์„ ์ž˜ ์ง€์ผฐ๊ณ  ์—ด์‹ฌํžˆ ์‚ด์•„์™”๋‹ค๊ณ  ํ•  ์ˆ˜ ์žˆ์„๊นŒ๋ผ๋ฉด ๋ฌผ์Œํ‘œ ๊ธด ํ•ด์„œ 2023๋…„์„ ๋ฐ˜์„ฑํ•˜๋Š” ๊ธฐ๋ถ„์œผ๋กœ ๊ธ€์„ ์จ๋ณด๊ฒ ๋‹ค. ๋จผ์ € 2022๋…„์— ์—ฐ๋ง์— ์„ธ์› ๋˜ 2023๋…„ ๊ณ„ํš์„ ๋˜๋Œ์•„๋ณด์ž. ๋ฒŒ์จ 2๋…„ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ 2022๋…„ ํšŒ๊ณ  ์˜ฌํ•ด๋„ ์–ด๊น€์—†์ด ์ฐพ์•„์˜จ ์—ฐ๋ง ํšŒ๊ณ  ํƒ€์ž„! ๋ฒŒ์จ 3๋ฒˆ์งธ ์—ฐ๋ง ํšŒ๊ณ ์ด๋‹ค. ํšŒ๊ณ ๋Š” ํ•˜๋ฉด ํ• ์ˆ˜๋ก ์ž๊ธฐ ๊ฐ๊ด€ํ™”์— ๋งŽ์€ ๋„์›€์„ ์ค€๋‹ค. ํŠนํžˆ ๋‚˜์ฒ˜๋Ÿผ ๋จธ๋ฆฟ์†์— ์ƒ๊ฐ์ด ๊ฐ€๋“ ์ฐจ์žˆ๊ณ  ์ •๋ฆฌ๊ฐ€ ์•ˆ๋  ๋•Œ๋Š” ์ƒ๊ฐ์„ haranglog.tistory.com 2023๋…„์˜ ๊ณ„ํš์€ ์–ผ๋งˆ๋‚˜? 1๏ธโƒฃ Github Daily Commit ๊ณ„์† ์œ ์ง€ํ•˜๊ธฐ Daily Commit์€ ๋‹คํ–‰ํžˆ 2023.. ๊ณต๊ฐ์ˆ˜ 57 ๋Œ“๊ธ€์ˆ˜ 34 2024. 2. 12.
  • ๋ฏธ๋‹ˆํ•™์Šต์ง€ ์ผ๋ณธ์–ด ํ™˜๊ธ‰์›์ •๋Œ€ ์–ธ๋ฐ•์‹ฑ! feat. ์ผ๋ณธ์–ด ๋ฟŒ์‹œ๊ธฐ ๋Œ€์ž‘์ „ ๊ณ„์† ์ผ๋ณธ์–ด ๊ณต๋ถ€๋ฅผ ํ•˜๊ณ  ์‹ถ์–ด์„œ ์ž‘๋…„์—๋„ ๋ˆ์„ ๋‚ด๊ณ  ๊ฐ•์˜๋ฅผ ๋“ค์—ˆ์ง€๋งŒ ๊ฒฐ๊ณผ๋Š” ๋Œ€์‹คํŒจํ•˜์˜€๋‹ค...ใ…  ์–ธ์–ด ๊ณต๋ถ€๋Š” ์ผ๊ณผ ๋ณ‘ํ–‰ํ•˜๊ธฐ๋Š” ์‰ฝ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™๋‹ค. ํšŒ์‚ฌ์ผ + ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ + ๊ฐœ์ธ ๊ณต๋ถ€ ๋“ฑ์œผ๋กœ ์ธํ•ด ์‹œ๊ฐ„๊ด€๋ฆฌ๊ฐ€ ์‰ฝ์ง€ ์•Š์•„์„œ ์–ด๋–ป๊ฒŒ ํ•˜๋ฉด ์ž‘์ง€๋งŒ ๊พธ์ค€ํžˆ ํ•  ์ˆ˜ ์žˆ์„๊นŒ ์ƒ๊ฐํ•˜๋‹ค๊ฐ€ 2024๋…„ ์ƒˆํ•ด๋„ ๋ฐ์•˜๊ฒ ๋‹ค~ ๋‹ค์‹œ ๋„์ „ํ•ด ๋ณด๊ธฐ๋กœ ๋งˆ์Œ๋จน๊ณ  ์—ฌ๋Ÿฌ ์ข…๋ฅ˜์˜ ์ผ๋ณธ์–ด ๊ด€๋ จ ๊ฐ•์˜ / ํ•™์Šต์ง€๋ฅผ ์ฐพ๋˜ ์™€์ค‘์— ๋ฏธ๋‹ˆํ•™์Šต์ง€๋ฅผ ์‹ ์ฒญํ–ˆ๋‹ค..! ๋ฏธ๋‹ˆํ•™์Šต์ง€์ค‘์—์„œ ์ข…๋ฅ˜๊ฐ€ ๋งŽ์•˜๋Š”๋ฐ ๊ทธ๋ƒฅ ์‹ ์ฒญ๋งŒ ํ•ด์„œ๋Š” ์ž˜ ์•ˆ ํ•  ๊ฒƒ ๊ฐ™์•„์„œ ํ™˜๊ธ‰์›์ •๋Œ€๊ฐ€ ๋ณด์ด๊ธธ๋ž˜ ์‹ ์ฒญํ–ˆ๋‹ค. (์‚ฌ์‹ค... ๊ฐ€๋ฒผ์šด ํ•™์Šต์ง€ ํ™˜๊ธ‰์›์ •๋Œ€๋„ ์žˆ์—ˆ์ง€๋งŒ.. ์œ ํŠญ ์‡ผ์ธ ๋Š” ์ž์‹ ์ด ์—†์–ด์„œ ๋ฐ”๋กœ ํฌ๊ธฐ.) ๊ฑฐ๊ธฐ๋‹ค! ์ด๊ฒƒ๋„ ๋ญ”๊ฐ€ ํ•˜๋‹ค๊ฐ€ ํฌ๊ธฐํ•  ๊ฒƒ ๊ฐ™์•„์„œ ์ฑ„์ฐ์งˆํ•ด ์ค„ ์นœํ•œ ํšŒ์‚ฌ ๋™๋ฃŒ๋ถ„๊ณผ ์ผ๋ณธ์–ด ๊ณต๋ถ€๋ฅผ ๊ฐ™์ด ํ•˜.. ๊ณต๊ฐ์ˆ˜ 1 ๋Œ“๊ธ€์ˆ˜ 1 2024. 1. 31.
  • ๋ฒŒ์จ 2๋…„ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ 2022๋…„ ํšŒ๊ณ  ์˜ฌํ•ด๋„ ์–ด๊น€์—†์ด ์ฐพ์•„์˜จ ์—ฐ๋ง ํšŒ๊ณ  ํƒ€์ž„! ๋ฒŒ์จ 3๋ฒˆ์งธ ์—ฐ๋ง ํšŒ๊ณ ์ด๋‹ค. ํšŒ๊ณ ๋Š” ํ•˜๋ฉด ํ• ์ˆ˜๋ก ์ž๊ธฐ ๊ฐ๊ด€ํ™”์— ๋งŽ์€ ๋„์›€์„ ์ค€๋‹ค. ํŠนํžˆ ๋‚˜์ฒ˜๋Ÿผ ๋จธ๋ฆฟ์†์— ์ƒ๊ฐ์ด ๊ฐ€๋“ ์ฐจ์žˆ๊ณ  ์ •๋ฆฌ๊ฐ€ ์•ˆ๋  ๋•Œ๋Š” ์ƒ๊ฐ์„ ๊ธ€๋กœ ์ •๋ฆฌํ•˜๋ฉด ๋‚˜๋ฅผ ๋˜๋Œ์•„๋ณผ ์ˆ˜ ์žˆ๊ณ  ์ง‘์ค‘ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์–ด ๋จธ๋ฆฟ์†์„ ๋น„์šธ ์ˆ˜ ์žˆ๋‹ค. ๋จผ์ € 2021๋…„์—๋Š” ์–ด๋–ค ๊ณ„ํš์„ ์„ธ์› ๊ณ  ์ž˜ ์ง€์ผฐ๋Š”์ง€ ํ™•์ธํ•ด ๋ณผ๊นŒ? ๐Ÿ™„ ์ž‘๋…„์— ์„ธ์› ๋˜ ๊ณ„ํš์€ ์ž˜ ์ง€์ผฐ์–ด? ๐ŸŽฏ Github Daily Commit ๊ณ„์† ์œ ์ง€ํ•˜๊ธฐ Daily commit์€ ์—ฌ์ „ํžˆ ๊พธ์ค€ํ•˜๊ฒŒ ์œ ์ง€ํ•˜๊ณ  ์žˆ๋‹ค. ์˜ฌํ•ด daily commit 2๋…„ ์ฐจ๊ฐ€ ๋˜์–ด์„œ ํšŒ๊ณ ๋„ ์ž‘์„ฑํ–ˆ์—ˆ๋‹ค. ์ž‘๋…„์— ํž˜๋“ค๋ฉด ๊ทธ๋งŒ๋‘๊ฒ ๋‹ค๊ณ  ํ–ˆ์—ˆ๋Š”๋ฐ ์•„์ง๊นŒ์ง€๋Š” ํ• ๋งŒํ•˜๋‹ค. ์—ญ์‹œ ์Šต๊ด€์ด ๋˜๊ธฐ๊นŒ์ง€๊ฐ€ ์–ด๋ ค์šด ๊ฑฐ์ง€ ์Šต๊ด€์ด ๋˜๋ฉด ๋งค์ผ ์–‘์น˜๋ฅผ ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋‹น์—ฐํžˆ ํ•ด์•ผ ํ•  ์ผ ์ค‘์— ํ•˜.. ๊ณต๊ฐ์ˆ˜ 6 ๋Œ“๊ธ€์ˆ˜ 4 2022. 12. 30.
  • ์ฒดํฌ์ธ ๋ฆฌ์–ผ๋ฐธ๋ฆฌ - ํ•œ๊ธฐ์šฉ ๋ฉ˜ํ† ๋ง ์˜คํ”„๋ผ์ธ ํ† ํฌ ์ด๋ฒคํŠธ ์ •๋ฆฌ ๋ฐ ํšŒ๊ณ  ์ด ๊ธ€์€ 2022๋…„ 10์›” 11์ผ ํ™”์š”์ผ์— EO ์ฃผ๊ด€์œผ๋กœ Grepp์˜ CTO์ด์‹  ํ•œ๊ธฐ์šฉ ๋‹˜์˜ ์˜คํ”„๋ผ์ธ ํ† ํฌ์ด๋ฒคํŠธ๋ฅผ ์ฐธ์„ ํ›„ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค. ์˜คํ”„๋ผ์ธ์œผ๋กœ ๋“ฃ๊ณ  ์ž‘์„ฑํ•œ ๋‚ด์šฉ์ด๋ผ ์ž˜๋ชป๋œ ๋ถ€๋ถ„์ด ์žˆ์„ ์ˆ˜๋„ ์žˆ์œผ๋‹ˆ ์ฐธ๊ณ ํ•ด์ฃผ์‹œ๊ณ  ํ”ผ๋“œ๋ฐฑ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ์•„๋ž˜์˜ ์ด 3๋ถ€์˜ EO ์œ ํŠœ๋ธŒ๋ฅผ ํ†ตํ•ด์„œ ํ•œ๊ธฐ์šฉ ๋‹˜์„ ์•Œ๊ฒŒ ๋˜์—ˆ๊ณ  ๋„ˆ๋ฌด ๊ฐ๋ช… ๊นŠ๊ฒŒ ๋ด์„œ ์˜คํ”„๋ผ์ธ ํ† ํฌ์ด๋ฒคํŠธ๋ฅผ ์‹ ์ฒญ ํ›„ ์ฐธ์„ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์œ ํŠœ๋ธŒ ์˜์ƒ์€ ํ† ํฌ์ด๋ฒคํŠธ ๋‚ด์šฉ์˜ ์˜์ƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. ์ฐธ๊ณ ํ•ด ์ฃผ์„ธ์š”. EO ํ•œ๊ธฐ์šฉ๋‹˜์˜ 1๋ถ€ (์ด 3๋ถ€์ž‘) ๐Ÿ‘‰ ์ปค๋ฆฌ์–ด ์„ฑ์žฅ: ๋Š์ž„์—†๋Š” ์„ฑ์ž๊ณผ ์„ฑ์ˆ™ ์ปค๋ฆฌ์–ด๋Š” ์ •๊ธ€์ง ๋งŽ์€ ๊ฒฝํ—˜๋“ค์ด ์ƒ์ฒ˜๋กœ๋งŒ ๋‚จ์ง€ ์•Š์œผ๋ฉด ๋„์›€์ด ๋œ๋‹ค. ๊ผญ ์œ„๋กœ ๊ฐˆ ํ•„์š”๋Š” ์—†๋‹ค. ๋‹ค์–‘ํ•œ ์—ญํ• ์„ ํ•ด๋ณด์ž. (๋ฆฌ๋“œ ์—ญํ• , ๋งค๋‹ˆ์ € ์—ญํ• .. etc) ๊ฒฐ๊ตญ์—๋Š” ํ˜ผ์ž์„œ๋งŒ ์ผํ•˜๋Š” ๊ฒŒ .. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2022. 12. 28.
  • [ํšŒ๊ณ ] ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ ์ขŒ์ถฉ์šฐ๋Œ ์›น ๊ฑฐ๋ž˜์†Œ ๋Ÿฐ์นญ๊ธฐ ์ด ๊ธ€์€ ์ž‘๋…„(2021๋…„) 12์›”๋ถ€ํ„ฐ ์˜ฌํ•ด(2022๋…„) 4์›”์— ์นด์‚ฌ์ฝ”๋ฆฌ์•„์˜ ์›น ๊ฑฐ๋ž˜์†Œ MVP(Minimum Viable Product) ๋Ÿฐ์นญ ๊ณผ์ •๊ณผ ๋Ÿฐ์นญ ์ดํ›„ ํ˜„์žฌ(๊ธ€ ์ž‘์„ฑ์ผ ๊ธฐ์ค€ 2022๋…„ 9์›”)๊นŒ์ง€์˜ ๊ฒช์—ˆ๋˜ ํšŒ๊ณ ์ž…๋‹ˆ๋‹ค. MVP ๋Ÿฐ์นญ ํ›„ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  ์‹ถ์—ˆ๋Š”๋ฐ ํ˜„์—…๊ณผ ๋‹ค๋ฅธ ๊ณต๋ถ€์— ์šฐ์„ ์ˆœ์œ„๊ฐ€ ๋ฐ€๋ ค ์ด์ œ์•ผ ์ž‘์„ฑํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ œ๋ชฉ์ฒ˜๋Ÿผ ๋‚˜๋Š” 2๋…„ ์ฐจ ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์ด๋‹ค. ํ˜„์žฌ ์นด์‚ฌ์ฝ”๋ฆฌ์•„์˜ ํ”„๋ก ํŠธ์—”๋“œ ์—”์ง€๋‹ˆ์–ด๋กœ ์นด์‚ฌ์ฝ”๋ฆฌ์•„์˜ ์ „๋ฐ˜์ ์ธ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์„ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ๋‹ค. ๋ฏฟ๊ธฐ์ง€๋Š” ์•Š์ง€๋งŒ ๋‚˜๋Š” ์›น ๊ฑฐ๋ž˜์†Œ ๊ฐœ๋ฐœ์„ ๋‹ด๋‹นํ•˜์—ฌ ์ดˆ๊ธฐ ์„ธํŒ…๋ถ€ํ„ฐ ๋Ÿฐ์นญ๊นŒ์ง€ ๊ณผ์ •์„ ๊ฒฝํ—˜์„ ํ•ด๋ดค๋‹ค. ์ง€๊ธˆ๋ถ€ํ„ฐ ๊ทธ ๊ฒฝํ—˜ํ•œ ๊ณผ์ •๊ณผ ์˜์‚ฌ๊ฒฐ์ • ๊ณผ์ • ๋ฐ ์–ด๋–ป๊ฒŒ ๊ฐœ๋ฐœ์„ ์ง„ํ–‰ํ•ด์™”๋Š”์ง€์— ๋Œ€ํ•ด์„œ ๊ธฐ์–ต์„ ๋˜์ƒˆ๊ธฐ๋ฉฐ ํšŒ๊ณ ๋ฅผ ํ•ด๋ณด๋ ค ํ•œ๋‹ค. ์นด์‚ฌ์ฝ”๋ฆฌ์•„๋ž€? ์‹œ์ž‘ํ•˜๊ธฐ์— .. ๊ณต๊ฐ์ˆ˜ 21 ๋Œ“๊ธ€์ˆ˜ 8 2022. 9. 29.
  • [ํšŒ๊ณ ] Github Daily Commit(1์ผ 1์ปค๋ฐ‹) 2๋…„์ฐจ ๊ทธ๋ฆฌ๊ณ .. ์ด์ „์— daily commit 1๋…„์ฐจ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•œ ์ ์ด ์žˆ์—ˆ๋Š”๋ฐ ๋ฒŒ์จ 2๋…„์ด ์ง€๋‚˜์„œ 2๋…„์ฐจ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•ฉ๋‹ˆ๋‹ค. Daily Commit์„ ํ•œ ์ด์œ ์™€ ํ•ด์˜ค๋ฉด์„œ ๋Š๊ผˆ๋˜ ์žฅ๋‹จ์ ์€ 1๋…„์ฐจ ํšŒ๊ณ ๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”. 2๋…„์ฐจ ํšŒ๊ณ ๋Š” ๊ฐœ์ธ์ ์ธ ํšŒ๊ณ ๊ธ€์ž…๋‹ˆ๋‹ค. ๋ฒŒ์จ 2๋…„์ด ์ง€๋‚ฌ์–ด! ๐Ÿ˜‚ ์‹œ๊ฐ„์ด ์ •๋ง ๋น ๋ฅด๋‹ค…. ์ •์‹ ์—†์ด ํ˜๋Ÿฌ๊ฐ„ ๊ฑฐ ๊ฐ™๋‹ค. ์ฒ˜์Œ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์— ํฅ๋ฏธ๋ฅผ ๋Š๊ปด ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•˜๊ฒŒ ๋œ ์ง€ 2๋…„์ด ๋„˜์€ ๊ฒƒ์ด๋‹ค. 2020๋…„ 4์›” 26์ผ ์ดํ›„ ์ง€๊ธˆ๊นŒ์ง€ ํ•˜๋ฃจ๋„ ๋นผ์ง€ ์•Š๊ณ  daily Commit์„ 2๋…„๊ฐ„ ๋„˜๋„๋ก ์ง„ํ–‰ํ•ด์™€ ๋ฒ„๋ ธ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด์„œ ์ฃฝ์–ด๋ผ ํ•ด๋ณด์ž ๋งˆ์Œ์„ ๋จน์—ˆ์—ˆ๊ณ , ๊ทธ๊ฑธ ์œ ์ง€ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๋งจ ์ฒ˜์Œ ๋ชฉํ‘œ๋กœ ์žก์•˜๋˜ ๊ฒŒ ์ด 1์ผ 1์ปค๋ฐ‹์ด์—ˆ๋‹ค. ๋ˆ„๊ตฌ๋ณด๋‹ค ์‹œ์ž‘์ด ๋Šฆ์—ˆ๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์—ˆ๊ณ , ๊ทธ๋งŒํผ ๋” ๋…ธ๋ ฅํ•ด์•ผ ํ•œ๋‹ค๊ณ  ์Šค.. ๊ณต๊ฐ์ˆ˜ 7 ๋Œ“๊ธ€์ˆ˜ 0 2022. 5. 25.
  • ์ฃผ๋‹ˆ์–ด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ 2021๋…„ ํšŒ๊ณ  ์ž‘๋…„๋„ ์ด๋ง˜๋•Œ์— 2020๋…„ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ–ˆ์—ˆ๋Š”๋ฐ ์˜ฌํ•ด ํšŒ๊ณ ๋Š” ์ž‘๋…„์— ์„ธ์šด ๊ณ„ํš์ด ์ž˜ ์ง€์ผœ์กŒ๋Š”์ง€์™€ ํ•œ ํ•ด ์–ด๋–ค ์ผ๋“ค์ด ์žˆ์—ˆ๋Š”์ง€์— ๋Œ€ํ•ด์„œ ํšŒ๊ณ ๋ฅผ ์ž‘์„ฑํ•˜๊ณ  2022๋…„๋„ ๊ณ„ํš๋„ ํฌ๊ฒŒ ์„ธ์›Œ ๋ณผ๊นŒ ํ•œ๋‹ค. ๐Ÿ™„ ์ž‘๋…„์— ์„ธ์› ๋˜ ๊ณ„ํš๋“ค์€ ์ž˜ ์ง€์ผฐ์–ด? ์ผ๋‹จ, ์ž‘๋…„์— ํฌ๊ฒŒ ์„ธ์›Œ๋ณด์•˜๋˜ ๊ณ„ํš์ด ์–ผ๋งˆ๋‚˜ ์ž˜ ์ง€์ผœ์กŒ๋‚˜ ๋ด๋ณด์ž. Github 1day 1commit ๊ณ„์† ์ด์–ด๋‚˜๊ฐ€๊ธฐ ์ž‘๋…„์— ์„ธ์› ๋˜ ๊ณ„ํš ์ค‘์— ์ด๊ฒŒ ์ œ์ผ ์–ด๋ ต๋‹ค๊ณ  ์ƒ๊ฐํ–ˆ์—ˆ๋Š”๋ฐ ๋‹คํ–‰ํžˆ๋„ daily commit์€ ํ•˜๋ฃจ๋„ ๋นผ๋จน์ง€ ์•Š๊ณ  ์œ ์ง€ ์ค‘์ด๋‹ค. ์ฒ˜์Œ ํ”„๋ก ํŠธ์—”๋“œ ๊ณต๋ถ€๋ฅผ ์‹œ์ž‘ํ–ˆ์„ ๋•Œ ์ตœ์†Œ 2๋…„์€ ํ•˜์ž๊ณ  ํ–ˆ๋˜ ๊ฒŒ ๋ฒŒ์จ ์˜ค๋Š˜๋กœ์จ 616์ผ์งธ์ด๋‹ค. ์ฑ„์›Œ์ง„ ์ž”๋””๋ฅผ ๋ณด๋ฉด ๋ฟŒ๋“ฏํ•จ์„ ๋งŽ์ด ๋Š๋ผ๊ณ  ์žˆ๊ณ , ์ด๋ ‡๊ฒŒ ๊พธ์ค€ํžˆ ํ•ด์™”๊ธฐ์— ๊ฐœ์ธ์ ์œผ๋กœ๋„ ๋งŽ์ด ์„ฑ์žฅํ–ˆ๋‹ค๊ณ  ์ƒ๊ฐํ•œ๋‹ค. ์•ž์œผ๋กœ๋„ ๋ณ„์ผ์ด ์—†์œผ๋ฉด ๊ณ„์† ๊พธ์ค€.. ๊ณต๊ฐ์ˆ˜ 4 ๋Œ“๊ธ€์ˆ˜ 0 2021. 12. 31.
  • Yarn berry์—์„œ React + Jest + Cypress + TypeScript + Github Actions CI/CD๋ฅผ ์„ธํŒ…ํ•ด๋ณด์ž ์ด ๊ธ€์€ Yarn berry package manager๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ React ํ”„๋กœ์ ํŠธ์—์„œ ์ดˆ๊ธฐ ์„ธํŒ…ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋‹ค๋ฃจ๊ณ  ์žˆ์œผ๋ฉฐ, ์—ฌ๋Ÿฌ ์‹œํ–‰์ฐฉ์˜ค๋ฅผ ๊ฒช์–ด๊ฐ€๋ฉฐ ๊ฒฝํ—˜ํ•œ ๊ฒƒ๋“ค์„ ํ† ๋Œ€๋กœ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.๐Ÿ˜‰ ์ด ๊ธ€์˜ ๋ชฉ์ ์€ ๊ฒช์—ˆ๋˜ ์‹œํ–‰์ฐฉ์˜ค๋“ค์„ ํ•œ ๋ฒˆ ๋” ๊ธฐ์–ต์„ ๋˜์ƒˆ๊ธฐ๊ธฐ ์œ„ํ•ด์„œ ์ž‘์„ฑํ•˜์˜€์Šต๋‹ˆ๋‹ค. ์ถ”๊ฐ€์ ์œผ๋กœ TypeScript์™€ ํ”„๋ก ํŠธ์—”๋“œ e2e ํ…Œ์ŠคํŠธ ํ”„๋ ˆ์ž„์›Œํฌ Cypress, ํ”„๋ก ํŠธ์—”๋“œ unit ํ…Œ์ŠคํŠธ ํ”„๋ ˆ์ž„์›Œํฌ Jest ์„ธํŒ…๊ณผ ๋”๋ถˆ์–ด Yarn berry์—์„œ Github Actions์„ ์‚ฌ์šฉํ•ด CI/CD ํŒŒ์ดํ”„๋ผ์ธ์„ ๊ตฌ์ถ• ํ›„ Github Pages์— ๋ฐฐํฌํ•˜๋Š” ๊ฒƒ๊นŒ์ง€ ๋‹ด๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋‚ด์šฉ์€ ๊ฐ๊ฐ์˜ ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ž‘์„ฑ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ•ด๋‹น ์˜ˆ๋ฅผ ๋‹ด์€ Github Repository๋ฅผ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”. ๐Ÿ™„ Yarn ber.. ๊ณต๊ฐ์ˆ˜ 17 ๋Œ“๊ธ€์ˆ˜ 6 2021. 10. 11.
  • [ํšŒ๊ณ ] ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ์„œ์˜ ์ฒซ ๋ฐœ๊ฑธ์Œ์„ ๋‚ด๋”›๋‹ค! ์ด ๊ธ€์€ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ทจ์—… ํ›„ ์ž‘์„ฑํ•˜๋Š” ํšŒ๊ณ  ๊ธ€์ž…๋‹ˆ๋‹ค! ๐Ÿ˜‰ ์ €์˜ ๊ฐ„๋‹จํ•œ ๋ฐฐ๊ฒฝ์€ ์ด์ „์— SI ๊ฐœ๋ฐœ์ž๋กœ 8๊ฐœ์›” ์ •๋„ ์ผํ•œ ๊ฒฝํ—˜์ด ์žˆ์—ˆ๊ณ  SI ํšŒ์‚ฌ์— ์ž…์‚ฌํ•˜๊ธฐ ์ „์— ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ๋ˆˆ์ด ๋–ด๊ณ , 8๊ฐœ์›”๊ฐ€๋Ÿ‰ ์ผ๊ณผ ๋ณ‘ํ–‰ํ•˜๋ฉด์„œ ๊ณต๋ถ€๋ฅผ ํ•œ ๋’ค, ํ‡ด์‚ฌ ํ›„ 7๊ฐœ์›” ๋™์•ˆ ๊ณต๋ถ€๋ฅผ ๋” ํ•˜๊ณ  ์ทจ์—…์„ ํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๐Ÿ˜ค ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ ์ทจ์—…ํ•˜๊ธฐ๊นŒ์ง€ ๊ณต๋ถ€ํ•ด์˜ค๋ฉฐ ๋Š๊ผˆ๋˜ ๊ฒŒ ์žˆ์—ˆ์–ด? ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ๋กœ ๋งˆ์Œ๋จน์—ˆ๋˜ ๊ฒŒ…. ์ž‘๋…„ 4์›”์ฏค์ด์—ˆ๋‹ค. ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ๋กœ ๋งˆ์Œ๋จน๊ฒŒ ๋œ ๊ณ„๊ธฐ๋Š” ์ด์ „์— ์ž‘์„ฑํ•œ ํšŒ๊ณ  ๊ธ€์„ ์ฐธ๊ณ ! (๋‚˜๋Š” ์™œ ํ”„๋ก ํŠธ ์•ค๋“œ๋ฅผ ์„ ํƒํ–ˆ์„๊นŒ?) ์ž‘๋…„ 4์›”๋ถ€ํ„ฐ์ด๋‹ˆ๊นŒ 1๋…„ ๋ฐ˜ ์ •๋„ ๋งŒ์— ๋“œ๋””์–ด ๊ฟˆ๊พธ๋˜ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๋กœ์„œ ์ฒซ๋ฐœ์„ ๋‚ด๋”›๊ฒŒ ๋˜์—ˆ๋‹ค. ๊ทธ ๊ณผ์ •์€ ๊ทธ๋ ‡๊ฒŒ ์ˆœํƒ„ํ•˜์ง€๋Š” ์•Š์•˜๋˜ ๊ฑฐ ๊ฐ™๋‹ค. ์Šค์Šค๋กœ ์ƒ๊ฐํ•˜.. ๊ณต๊ฐ์ˆ˜ 12 ๋Œ“๊ธ€์ˆ˜ 0 2021. 10. 4.
  • [ํšŒ๊ณ ] Github Daily Commit(1์ผ 1์ปค๋ฐ‹)์„ ์‹œ์ž‘ํ•œ์ง€ 1๋…„์ด ์ง€๋‚ฌ๋‹ค.. ์ด ๊ธ€์€ ์˜์‹์˜ ํ๋ฆ„๋Œ€๋กœ ์”๋‹ˆ๋‹ค.. ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”. ๋˜ํ•œ, ์ด ๊ธ€์€ ๊ฐœ์ธ์ ์ธ ํšŒ๊ณ ๋„ ๋‹ด๊ฒจ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์›ํ•˜์‹œ๋Š” ์ •๋ณด๊ฐ€ ์—†์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๐Ÿค” ์ด ๊ธ€์„ ์“ฐ๋Š” ์ด์œ ? ๋ณ„ ์ด์œ ๋Š” ์—†์ง€๋งŒ ๋‘ ๊ฐ€์ง€ ์ •๋„๊ฐ€ ์žˆ๋‹ค. ๐ŸŽˆ ์ฒซ ๋ฒˆ์งธ ์ด์œ  ๊ฐ€์žฅ ํฐ ์ด์œ ๋Š” 1๋…„ ๋™์•ˆ ๋ฌด์—‡์„ ํ–ˆ๊ณ  ์–ผ๋งˆ๋‚˜ ์„ฑ์žฅํ–ˆ๋Š”์ง€์— ๋Œ€ํ•ด์„œ ์ž๊ธฐ ํšŒ๊ณ ๋ฅผ ํ•˜๊ณ  ์‹ถ์–ด์กŒ๋‹ค. ์‚ฌ์‹ค ์ œ๋Œ€๋กœ ๋œ ํ”„๋ก ํŠธ์•ค๋“œ ๊ฐœ๋ฐœ์€ 1Day 1Commit์„ ๊ฐ™์ด ์‹œ์ž‘ํ•œ 1๋…„ ์ „์ด๊ธฐ ๋•Œ๋ฌธ์— ๊ฐ™์ด ํšŒ๊ณ ํ•˜๋Š” ๊ฒธ ์จ๋„ ๊ดœ์ฐฎ์„ ๊ฑฐ ๊ฐ™์•˜๋‹ค. ๋˜ํ•œ, ๊ทธ๋กœ ์ธํ•ด์„œ ์ž๊ธฐํšŒ๊ณ ๋„ ํ•  ์ˆ˜ ์žˆ์„ ๊ฑฐ๋ผ ๋ฏฟ๊ณ  ์žˆ๋‹ค. ๐ŸŽˆ ๋‘ ๋ฒˆ์งธ ์ด์œ  ๋ถ„๋ช…ํžˆ ์ด ๊ธ€์„ ์ฝ์œผ์‹œ๋Š” ๋ถ„ ์ค‘์— Daily Commit(1์ผ 1์ปค๋ฐ‹)์„ ์‹œ๋„ํ•ด๋ณด์•˜๊ฑฐ๋‚˜ ์‹œ๋„ํ•˜์‹œ๊ณ  ์‹ถ์€ ๋ถ„๋“ค์ด ๋ถ„๋ช… ์žˆ์œผ์‹ค ๊ฑฐ๋กœ ์ƒ๊ฐํ•œ๋‹ค. ๊ทธ๋ž˜์„œ 1๋…„๊ฐ„ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋Š๋‚€ ์ ๊ณผ ์žฅ์  ๋˜๋Š”.. ๊ณต๊ฐ์ˆ˜ 13 ๋Œ“๊ธ€์ˆ˜ 11 2021. 5. 3.
  • ๐Ÿค” Firebase API Key๋ฅผ ๊ณต๊ฐœํ•˜๋Š” ๊ฒƒ์ด ์•ˆ์ „ํ•ฉ๋‹ˆ๊นŒ? ๐Ÿ“Œ ๊ณ ๋ฏผํ•˜๊ฒŒ ๋œ ๊ณ„๊ธฐ ์Šคํ„ฐ๋”” ๋ชจ์ง‘ ๊ฐœ์ธ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ ๋ฐฑ์•ค๋“œ๋กœ firebase๋ฅผ ์‚ฌ์šฉํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜๋ฉด์„œ API Key์ด๋‹ˆ๊นŒ ๋‹น์—ฐํžˆ .env ํŒŒ์ผ๋กœ ๊ด€๋ฆฌํ•ด์•ผ์ง€๋ผ๊ณ  ์ƒ๊ฐํ•œ ๋’ค ๊ด€๋ฆฌ๋ฅผ ํ•˜๊ฒŒ ๋˜์—ˆ๊ณ , ๊ทธ ํ›„ Ci/Cd๋ฅผ ์œ„ํ•ด Github-Action ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ๊ณ  CI๋ฅผ ์ง„ํ–‰ํ•˜๋ฉด์„œ .envํŒŒ์ผ๋กœ ์ธํ•ด ํ…Œ์ŠคํŠธ๊ฐ€ ๊นจ์ง€๋Š” ํ˜„์ƒ์ด ๋ฐœ์ƒํ•˜๊ฒŒ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ํ…Œ์ŠคํŠธ๋ฅผ ํ•  ๋•Œ apikey๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ถ€๋ถ„์„ mockingํ•ด์„œ ํ• ๋ ค๊ณ  ํ–ˆ์—ˆ๊ณ  ๊ณ ๋ฏผ์„ ํ•ด๋ณด์•˜์ง€๋งŒ ์‰ฝ๊ฒŒ ์ง„ํ–‰๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. FIREBASE_API_KEY= "your api-key" FIREBASE_AUTH_DOMAIN = "your auth-domain" FIREBASE_DATA_BASEURL = "your data-baseurl" FIREBASE_P.. ๊ณต๊ฐ์ˆ˜ 17 ๋Œ“๊ธ€์ˆ˜ 5 2021. 1. 8.
  • [ํšŒ๊ณ ] 2020๋…„์„ ๋˜๋Œ์•„๋ณด๋ฉฐ.. ๐Ÿง ๐Ÿฃ 2020๋…„ 1์›” ~ 4์›” ๐Ÿ“Œ ํ‚ค์›Œ๋“œ ์กธ์—… ๊ตญ๋น„๊ต์œก ์ฝ”๋กœ๋‚˜์˜ ์‹œ์ž‘ ๋ฏธ๋ž˜์— ๋Œ€ํ•œ ๋ถˆ์•ˆ๊ฐ ์˜ฌํ•ด ํ•™๊ต๋ฅผ ์กธ์—…ํ–ˆ๋‚˜ ์‹ถ์„ ์ •๋„๋กœ ์˜ค๋ž˜์ „ ์ผ์ธ ๊ฑฐ ๊ฐ™์ง€๋งŒ ์กธ์—…ํ–ˆ๋‹ค. ์ฝ”๋กœ๋‚˜๋กœ ์ธํ•˜์—ฌ ์ธ์ƒ์˜ ๋งˆ์ง€๋ง‰์ธ ์กธ์—…์‹์ด ์ทจ์†Œ๋๋‹ค. ๐Ÿ˜ญ ํ•™๊ต์— ๋‹ค๋‹ˆ๋ฉฐ 6๋…„ ๊ฐ„(2๋…„ ๊ตฐ๋Œ€) ๋‹ค๋‹ˆ๋ฉด์„œ ์ถ”์–ต๋„ ๋งŽ์•˜๊ณ , ํ‰์ƒ ๊ฐˆ ๋งŒํ•œ ์ข‹์€ ์‚ฌ๋žŒ๋“ค๋„ ์ •๋ง ๋งŽ์ด ์‚ฌ๊ท€์—ˆ๋‹ค. ์ปดํ“จํ„ฐ ๊ณตํ•™๊ณผ๋ฅผ ์กธ์—…ํ–ˆ๊ณ , ๊ณต๋ถ€๋„ ๊ฝค ํ–ˆ์ง€๋งŒ, ์ฝ”๋”ฉ์— ์ฝ”์ž๋„ ๋ชจ๋ฅผ ์ •๋„์˜€๋‹ค. ์ด๋ก ์ ์ธ ์ˆ˜์—…๋“ค๊ณผ ์ปดํ“จํ„ฐ ๊ฐœ๋ก , ์šด์˜์ฒด์ œ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•˜์—ฌ ๊ทธ๋ž˜ํ”ฝ์Šค, IOT๊นŒ์ง€ ๋„“์€ ๋ฒ”์œ„๋ฅผ ์–•๊ฒŒ ๋ฐฐ์šฐ๋‹ค ๋ณด๋‹ˆ ๋ญ˜ ํ•ด์•ผ ํ• ์ง€๋„ ๋ชจ๋ฅด๊ฒ ๊ณ  ํฅ๋ฏธ๋„ ์ „ํ˜€ ์—†์—ˆ๋‹ค. ํ•˜์ง€๋งŒ ํ•™๊ต์˜ ๊ทธ๋Ÿฐ ์ˆ˜์—… ๋ฐฉ์‹์— ๋ถˆํ‰ ์•ˆ ํ•˜๊ณ  ๊ณต๋ถ€ํ–ˆ๋‹ค๋Š” ์ ์— ๊ทธ๋ž˜๋„ ์ง€๊ธˆ ์™€์„œ ๋ณด๋‹ˆ ๊ฝค ๋„์›€์ด ๋˜๋Š” ๋ถ€๋ถ„์ด ์•Œ๊ฒŒ ๋ชจ๋ฅด๊ฒŒ ์žˆ๋Š” ๊ฑฐ ๊ฐ™๋‹ค. ํ•™๊ต ๋‹ค๋‹ˆ๊ธฐ ๋งˆ์ง€๋ง‰ ํ•™๊ธฐ.. ๊ณต๊ฐ์ˆ˜ 2 ๋Œ“๊ธ€์ˆ˜ 0 2021. 1. 1.
  • ์ฝ”๋“œ์ˆจ 2๊ธฐ ๊ทธ 3๋‹ฌ๊ฐ„์˜ ์—ฌ์ •! ๐Ÿ™„ ์–ด์ฉŒ๋‹ค๊ฐ€ ์‹ ์ฒญํ•˜๊ฒŒ ๋์–ด? ์ด์ง์„ ๊ณ„ํšํ•˜๊ณ  ์žˆ์—ˆ๋‹ค. 1์›” ๋ง์— ํ‡ด์‚ฌํ•˜๊ฒ ๋‹ค๊ณ  ๋งํ–ˆ๊ณ , ๋‹ค์‹œ ์ฒ˜์Œ์œผ๋กœ ๋Œ์•„๊ฐ„๋‹ค๋Š” ์ƒ๊ฐ์œผ๋กœ ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๊ฒฐ์ •์ด์—ˆ๋‹ค. ๋‚˜์—๊ฒŒ ์žˆ์–ด์„œ ๊ณต๋ถ€ํ•˜๋Š” ์ฆ๊ฑฐ์›€์„ ์ฃผ๊ณ  ์ฆ๊ธฐ๋ฉฐ ์ผํ•  ์ˆ˜ ์žˆ๊ฒ ๋‹ค๊ณ  ํ™•์‹ ์„ ์ค€ ํ”„๋ก ํŠธ์—”๋“œ ๋…€์„…. ๊ทธ ๋…€์„์œผ๋กœ ์ธํ•ด์„œ ๋”๋Š” ์ง€์ฒดํ•  ์ˆ˜ ์—†์—ˆ๊ณ , ์ด์ง์„ ์œ„ํ•ด์„œ ํšŒ์‚ฌ์— ๋‹ค๋‹ˆ๋Š” ์™€์ค‘์— ํ‡ด๊ทผ ํ›„ ๊ณต๋ถ€ํ•˜๊ธฐ๋ฅผ ๋งค์ผ ๋ฐ˜๋ณตํ•˜์˜€๋‹ค. ํšŒ์‚ฌ๋ณด๋‹ค ํ‡ด๊ทผ ํ›„๊ฐ€ ๋‚˜์˜ ํ•˜๋ฃจ ์‹œ์ž‘์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์„ ๋งŒํผ ์ฆ๊ธฐ๋ฉฐ ๊ณต๋ถ€ํ•˜๋Š” ์™€์ค‘์— ํšŒ์‚ฌ์˜ ๊ณผ์žฅ๋‹˜ ์ถ”์ฒœ์œผ๋กœ ์ฝ”๋“œ์ˆจ์„ ์•Œ๊ฒŒ ๋˜์—ˆ๋‹ค. ํ˜ผ์ž ํ”„๋ก ํŠธ์—”๋“œ๋ฅผ ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์ด๋ ‡๊ฒŒ ํ•˜๋Š” ๊ฒŒ ๋งž๋Š” ๊ฑธ๊นŒ? ๋ผ๋Š” ์˜๋ฌธ์ด ๋“ค์—ˆ๊ณ , ๊ทธ ์˜๋ฌธ์„ ํ•ด๊ฒฐํ•ด์ฃผ๊ธฐ ์œ„ํ•ด ๋ˆ„๊ตฐ๊ฐ€์˜ ๊ฐ€์ด๋“œ๊ฐ€ ํ•„์š”ํ•˜๋‹ค ์ƒ๊ฐํ–ˆ๊ณ , ํšŒ์‚ฌ์— ๋‹ค๋‹ˆ๋ฉด์„œ ํ•  ์ˆ˜ ์žˆ๋Š” ์ ์ด ๊ฐ€์žฅ ๋งค๋ฆฌํŠธ๋ฅผ ๋งŽ์ด ๋Š๊ผˆ๋˜ ๋ถ€๋ถ„.. ๊ณต๊ฐ์ˆ˜ 7 ๋Œ“๊ธ€์ˆ˜ 2 2020. 12. 26.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 8ํšŒ์ฐจ(๋งˆ์ง€๋ง‰ ํšŒ์ฐจ) โœŒ 9์›”24์ผ (๋ชฉ) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 8ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 8ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ ๋งˆ์ง€๋ง‰ ์˜ˆ์ œ ์‚ดํŽด๋ณด๊ธฐ Mobx ์‚ดํŽด๋ณด๊ธฐ ๐Ÿš€ ์˜ˆ์ œ ์‚ดํŽด๋ณด๊ธฐ ๐ŸŒˆ React-Router ์ด ์˜ˆ์ œ๋Š” 1๋…„์ „ ์˜ˆ์ œ๋ผ react-router ๊ณต์‹ ๋ฌธ์„œ๋ฅผ ์ฐธ๊ณ ํ•˜๋ฉฐ ๋ณด๊ธฐ๋ฅผ ๋ฐ”๋ž€๋‹ค. router์˜ ์ง„ํ–‰ ๋™์ž‘์€ URL์ด ๋ฐ”๋€Œ๋Š” ๊ฒƒ์„ ๋‚ด๋ถ€์˜ location์˜ path๋ฅผ ๊ฐ์ง€ํ•ด์„œ ํ•ด๋‹น location์˜ ์ฃผ์†Œ์— ๋งž๋Š” ์ปดํฌ๋„ŒํŠธ์™€ ์—ฐ๊ฒฐ์‹œ์ผœ์ฃผ๋Š” ๊ฐ„๋‹จํ•œ ๋™์ž‘์ด๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ์„œ๋ฒ„ ์‚ฌ์ด๋“œ์—์„œ ๋งํ•˜๋Š” router์™€ ๋‹ค๋ฅด๋‹ค. ์„œ๋ฒ„ ์‚ฌ์ด๋“œ์—์„œ๋Š” ์š”์ฒญ URI end point path์— ๋”ฐ๋ผ์„œ ๋‹ค๋ฅธ ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์„ ์‹คํ–‰ํ•˜๋Š” ์ปดํฌ๋„ŒํŠธ๋ฅผ ์—ฐ๊ฒฐ์‹œํ‚ค๋Š” ๊ฒƒ์ด๊ณ  ์—ฌ๊ธฐ์„œ์˜ router๋Š” URL์˜ ๋ณ€๊ฒฝ ์‚ฌํ•ญ๊ณผ ๊ทธ๊ฒƒ๊ณผ mapping๋˜๋Š” ํŽ˜์ด์ง€ ์ปดํฌ๋„ŒํŠธ๋“ค์„ ์—ฐ๊ฒฐ์‹œ์ผœ์ฃผ๋Š” ์—ญ.. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 1 2020. 9. 26.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 7ํšŒ์ฐจ โœŒ 9์›”22์ผ (ํ™”) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 7ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 7ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ React ์—์„œ ์ปดํฌ๋„ŒํŠธ ๋ถ„๋ฆฌ React & TypeScript ์˜ˆ์ œ ํ›‘์–ด๋ณด๊ธฐ ๐Ÿš€ ์ปดํฌ๋„ŒํŠธ๋Š” ์–ด๋–ป๊ฒŒ ๋ถ„ํ• ํ• ๊นŒ? ์ปดํฌ๋„ŒํŠธ๊ฐ€ ์™ธ๋ถ€ ์ƒํƒœ์— ์˜์กด์ ์ธ ๊ฒƒ๊ณผ ์™ธ๋ถ€ ์ƒํƒœ์™€ ์˜์กด์ ์ธ ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋ถ„๋ฆฌํ•˜๋Š” ํ•˜๋Š” ๊ฒƒ์€ react์˜ ์›์น™์ ์ธ ๊ฒƒ์ด๋‹ค. ์—ฌ๊ธฐ์„œ ๋งํ•˜๋Š” ์™ธ๋ถ€ ์ƒํƒœ์— ์˜์กด์ ์ธ ๊ฒƒ์€ ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์„ ์˜๋ฏธํ•œ๋‹ค. ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์€ ์ƒํƒœ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด์„œ ์–ด๋–ค ์ƒํƒœ๋ฅผ ์–ด๋””๋กœ๋ถ€ํ„ฐ ์–ด๋–ค๊ฒƒ์„ ๊ฐ€์ง€๊ณ  ์˜ฌ์ง€์™€ ๊ด€๋ จ๋œ ์ฝ”๋“œ๋“ค์„ ๋งํ•œ๋‹ค. ๊ทธ๋ ‡๊ธฐ ๋•Œ๋ฌธ์— ๋น„์ง€๋‹ˆ์Šค ๋กœ์ง์„ ๊ฐ€์ง€๊ณ  ์žˆ๋Š” ์ปดํฌ๋„ŒํŠธ๋“ค์€ ์—ฌ๋Ÿฌ๊ฐ€์ง€ ๋‹จ๊ณ„๋กœ ๋ถ„๋ฆฌํ•˜๋Š”๋ฐ ๊ฐœ๋ณ„ ์ปดํฌ๋„ŒํŠธ๋“คํ•œํ…Œ ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๋Š” ์ฝ”๋“œ๋“ค์€ container ์ปดํฌ๋„ŒํŠธ๋ผ๊ณ  ๋ถˆ๋ฆฌ๊ณ  ์ด๊ฒƒ๋“ค์„ ์•„๋ž˜์™€ ๊ฐ™์ด containers ํด๋”์— ๋”ฐ๋กœ ๋ถ„๋ฆฌํ•ด.. ๊ณต๊ฐ์ˆ˜ 1 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 23.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 6ํšŒ์ฐจ โœŒ 9์›”17์ผ (๋ชฉ) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 6ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 6ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ webpack์— ๋Œ€ํ•œ ํ๋ฆ„ ์ดํ•ดํ•˜๊ธฐ React & Typescript ์‚ดํŽด๋ณด๊ธฐ redux-saga ์‚ฌ์šฉํ•˜๊ธฐ ๐Ÿš€ Webpack ํ๋ฆ„ ์ดํ•ดํ•˜๊ธฐ Webpack์€ Webpack Cli๋ผ๊ณ  ํ•˜๋Š” ๋„๊ตฌ๊ฐ€ ์กด์žฌํ•œ๋‹ค. ๋‹จ์ง€ Hello world๋ฅผ ์ฐ๊ธฐ ์œ„ํ•ด์„œ ํ•„์š”ํ•œ ์„ค์ •๋“ค์ด ์ด๋ ‡๊ฒŒ๋‚˜ ๋งŽ์ด ํ•„์š”ํ•˜๋‹ค @babel/core๊ณผ ๊ฐ™์€ @๊ฐ€ ๋ถ™์—ฌ์ ธ ์žˆ๋Š” ๊ฒƒ๋“ค์€ ํŠธ๋žœ์ŠคํŒŒ์ผ๋ง ํ• ๋•Œ ์‚ฌ์šฉ๋œ๋‹ค. ์ผ์ข…์˜ ํ”Œ๋กœ๊ทธ์ธ์ด๋‹ค. webpack์€ webpack.config.js๋ผ๋Š” ์ด๋ฆ„์„ ๊ฐ–๋Š” ์„ค์ • ํŒŒ์ผ์„ ๊ฐ–๋Š”๋‹ค. ์ด๋ฆ„ ๋ณ€๊ฒฝ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ด€๋ก€์ ์œผ๋กœ ์‚ฌ์šฉ๋œ๋‹ค. webpack์€ webpack.config.js์ฝ์–ด์„œ ์‹คํ–‰์‹œ์ผœ์ฃผ๋Š”๋ฐ ์‹คํ–‰์‹œ์ผœ์ค„ ๋•Œ config๊ฐ์ฒด๋ฅผ export.. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 20.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 5ํšŒ์ฐจ โœŒ 9์›”15์ผ (ํ™”) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 5ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 5ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ javascript๋กœ ๋งŒ๋“  Redux ๋ฆฌ๋ทฐ Redux์˜ ๋น„๋™๊ธฐ Redux ๋ฏธ๋“ค์›จ์–ด ์•Œ์•„๋ณด๊ธฐ ๐Ÿ’ป Redux ๋ฆฌ๋ทฐ 2ํšŒ์ฐจ๋•Œ ๋งŒ๋“  ๋ฆฌ๋•์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ store์™€ reducer ์ƒ์„ฑ ํ•ด์ค€๋‹ค. ์ž์„ธํ•œ ๋‚ด์šฉ์€ ์œ„ ๋งํฌ ์ฐธ์กฐ ๐Ÿ™ index.js import { createStore } from "./redux"; function reducer(state = { counter: 0 }, action) { switch (action.type) { case "inc": return { ...state, counter: state.counter + 1 }; default: return { ...state }; } } const store = .. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 4 2020. 9. 19.
  • ๋‚˜๋Š” ์™œ ํ”„๋ก ํŠธ ์•ค๋“œ๋ฅผ ์„ ํƒํ–ˆ์„๊นŒ? ๐Ÿค” ๋‚ด๊ฐ€ ์™œ ํ”„๋ก ํŠธ ์•ค๋“œ ๊ด€์‹ฌ์ด ์ƒ๊ธฐ๊ณ  ์—ด์‹ฌํžˆ ํ•˜๋ ค๋Š”์ง€ ๋Œ€ํ•ด์„œ ๋‚˜๋ฅผ ๋‹ค์‹œ ๋Œ์•„๋ณผ ํ•„์š”์„ฑ์„ ๋Š๊ผˆ๋‹ค. ์ด๋Ÿฐ ๊ธ€์„ ์“ฐ๋Š” ๊ฒƒ๋„ ์žฌ๋ฐŒ์„ ๊ฑฐ ๊ฐ™๊ณ  ๋‚˜๋ฅผ ๋Œ์•„๋ณด๋Š” ์‹œ๊ฐ„์ด ๋  ๊ฑฐ ๊ฐ™์•„ ์จ๋ณด๊ธฐ๋กœ ๋งˆ์Œ๋จน์—ˆ๋‹ค. โœจ ๋งˆ์Œ์€ ๋จน์ง€๋งŒ ๊ธ€ ์“ฐ๋Š” ๊ฑด ์˜์‹์— ํ๋ฆ„๋Œ€๋กœ ์“ธ ๊ฒƒ์ด๋‹ค. ๊ธ€์— ๋‘์„œ๊ฐ€ ์—†๊ณ  ์ •์‹ ์ด ์—†์œผ๋‹ˆ ์ฐธ๊ณ . โœŒ ๐Ÿ’ป ๋Œ€ํ•™ ์‹œ์ ˆ ๋‚˜๋Š”? ๐Ÿ™„ ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ๋ฅผ ์„ ํƒํ•œ ์ด์œ  ๊ณต๋ถ€๋ž‘์€ ๊ฑฐ๋ฆฌ๊ฐ€ ๋ฉ€์–ด ๋Œ€์ „์˜ ํ•œ ๋Œ€ํ•™๊ต์— ์ž…ํ•™ํ–ˆ๊ณ , ๋ฌด์Šจ ๊ณ ์ง‘์ธ์ง€๋Š” ๋ชจ๋ฅด๊ฒ ์ง€๋งŒ, ๊ณผ๋Š” ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ ์•„๋‹ˆ๋ฉด ๊ฐˆ ์ƒ๊ฐ์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ๋ฅผ ์„ ํƒํ•˜์˜€๋‹ค. ์™œ ์ปดํ“จํ„ฐ๊ณตํ•™๊ณผ๋ฅผ ๊ฐ€๊ณ  ์‹ถ์—ˆ๋ƒ๋Š” ์งˆ๋ฌธ์—๋Š” ๊ทธ๋ƒฅ ์•„๋งˆ ๊ฒŒ์ž„์„ ์ข‹์•„ํ•ด์„œ ์ธ ๊ฑฐ ๊ฐ™๋‹ค. ๊ณ ๋“ฑํ•™๊ต ๋•Œ๋Š”? ๊ณ 2 ๋•Œ ๋กค์— ๋น ์ ธ์„œ ์ •์‹  ๋ชป ์ฐจ๋ ธ์„ ์‹œ์ ˆ์ด ์žˆ์—ˆ๋‹ค. ๋ฌผ๋ก  ๊ณ 3 ๋•Œ๊ฐ€ ์ œ์ผ ํ”ผํฌ์˜€๊ธด ํ–ˆ๋‹ค. ํ•œ์ฐฝ ๊ณต๋ถ€๋ฅผ ๋งŽ์ด ํ•  ์‹œ.. ๊ณต๊ฐ์ˆ˜ 12 ๋Œ“๊ธ€์ˆ˜ 5 2020. 9. 13.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 4ํšŒ์ฐจ โœŒ 9์›”10์ผ (๋ชฉ) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 4ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 4ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ ๐Ÿ’ป React ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ์™€ ๊ด€๋ฆฌ ๐ŸŽฏ ์ปค๋ฎค๋‹ˆ์ผ€์ด์…˜!! ๐Ÿ˜ค ๋น„๋™๊ธฐ์™€ ์ œ๋„ˆ๋ ˆ์ดํ„ฐ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋Š” ๋‹ค์Œ์ฃผ๋ถ€ํ„ฐ! ๐Ÿคฉ ๐Ÿš€ React ์ปดํฌ๋„ŒํŠธ์˜ ์ƒํƒœ์™€ ๊ด€๋ฆฌ React ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ๋งŒ๋“ ๋‹ค. index.jsimport React from "react"; import ReactDOM from "react-dom"; ReactDOM.render( , document.getElementById("root") ); App.jsimport React from "react"; const App = () => { return ( React and TypeScript 1ํšŒ์ฐจ: Overview 2ํšŒ์ฐจ: Redux ๋งŒ๋“ค๊ธฐ 3ํšŒ์ฐจ: React ๋งŒ๋“ค๊ธฐ .. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 11.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 3ํšŒ์ฐจ โœŒ 9์›”08์ผ (ํ™”) ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 3ํšŒ์ฐจ ๊ฐ•์˜ ์ •๋ฆฌ ๐Ÿš€ 3ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ ๋ฆฌ์•กํŠธ ๋งŒ๋“ค์–ด๋ณด๊ธฐ ๋ฆฌ์•กํŠธ์˜ ๊ธฐ๋ณธ์ ์ธ ๋ถ€๋ถ„๋“ค๊ณผ ๋ฆฌ์•กํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด์ž! ๐Ÿ˜ค ๐Ÿ“Œ ๋ฆฌ์•กํŠธ๋ฅผ ๊ตฌํ˜„ํ•ด๋ณด๋Š” ์ด์œ ! ๊ฐœ๋ฐœ์ž๊ฐ€ ์‚ฌ์šฉ์ž์ž…์žฅ์—์„œ๋งŒ ์‚ฌ์šฉํ•˜์ง€ ์•Š์•˜์œผ๋ฉด ์ข‹๊ฒ ๋‹ค. ์ด๋ ‡๊ฒŒ ๊ตฌํ˜„ํ•ด๋ณด๋ฉด์„œ ๋” ์ข‹์€ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์—ˆ์œผ๋ฉด ์ข‹๊ฒ ๋‹ค. ๐Ÿš€ React๋ฅผ ๋งŒ๋“ค๊ธฐ ์ „์—.. list์™€ ๊ฐ™์€ ๋ฐ์ดํ„ฐ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ JavaScript๋ฅผ ์‚ฌ์šฉํ•  ๋• ์•„๋ž˜์™€ ๊ฐ™์ด rootElement.innerHTML์‚ฌ์šฉํ•˜์—ฌ ํ™”๋ฉด์— ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ๋‹ค. // index.js const list = [ { title: "React์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค." }, { title: "Redux์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค." }, { title: "TypeScript์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค." } ]; const r.. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 9.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 2ํšŒ์ฐจ โœŒ 9์›” 3์ผ ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ 2ํšŒ์ฐจ ์ •๋ฆฌ ๐Ÿš€ 2ํšŒ์ฐจ ๊ฐ•์˜ ๋ชฉํ‘œ JavaScript์— ๋Œ€ํ•œ ์ง€์‹์„ A~Z๊นŒ์ง€ ํ•  ์ˆ˜ ์žˆ๋Š” ๋งŒํผ ํ•ด๋ณด๊ธฐ! (70%) JavaScript์˜ ์•„์ฃผ ๊ธฐ์ดˆ์ ์ธ ๋‚ด์šฉ๋ณด๋‹จ ์ „์ฒด์ ์ธ ํ๋ฆ„์„ ํƒ€๋ฉด์„œ ์ŠคํŽ™๋“ค์„ ์ญ‰ ํ›‘์–ด๋ณด๊ธฐ ์ƒํƒœ๊ด€๋ฆฌ์ž์ธ Redux๋ฅผ ์ง์ ‘ ๋งŒ๋“ค์–ด๋ณด๊ธฐ! ๋งŒ๋“ค์–ด๋ณด๋ฉด์„œ ์–ด๋–ค ๊ธฐ์ˆ ๋กœ ์ด๋ฃจ์–ด์ ธ์žˆ๋Š”์ง€! (30%) ๐Ÿš€ JavaScript ํ›‘์–ด๋ณด๊ธฐ ๋ณ€์ˆ˜์— ์ด ๊ฐ’์ด๋ผ๋Š” ๊ฒƒ์„ ๋„ฃ์„ ์ˆ˜ ์žˆ๋‹ค. var x = 10; //x: ๋ณ€์ˆ˜ 10: ๊ฐ’ let y = 10; const z = 10; ๐ŸŒˆ ๊ฐ’์— ๋Œ€ํ•ด์„œ ๐Ÿ“Œ ๊ฐ’์— ๋Œ€ํ•ด์„œ ๊ต‰์žฅํžˆ ๊ฐ•์กฐ๋ฅผ ํ•˜์…จ๋‹ค. ์•„์ฃผ ๋ฐ”๋‹ฅ์˜ ์ ˆ๋Œ€๋ถˆ๋ณ€์˜ ์›์น™๊ฐ™์€ ๊ฒƒ๋“ค์„ ์„ธ์›Œ๋†“๊ณ  (ex. 1=1, 1+1=2 ๋ถˆ๋ณ€(๊ณต๋ฆฌ)) ์ด๋Ÿฐ ์›์น™์„ ์ถฉ๋ถ„ํžˆ ์ดํ•ดํ•˜๋ฉด ์•„๋ฌด๋ฆฌ ๋ณต์žกํ•œ ๊ฒƒ์ด๋ผ๋„ ๊ทธ ์›์น™์œผ๋กœ.. ๊ณต๊ฐ์ˆ˜ 0 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 7.
  • โœ” ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ: React & TypeScript 1ํšŒ์ฐจ ๐Ÿš€ ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ ๊ต์œก์ƒ ์›๋ž˜ ์˜คํ”„๋ผ์ธ์œผ๋กœ 100๋ช…์ •๋„ ๋ฝ‘์•„์„œ ํ•œ๋‹ค๊ณ  ํ•˜๋Š”๋ฐ, ์ด๋ฒˆ์—๋Š” ์ฝ”๋กœ๋‚˜์˜ ์˜ํ–ฅ์œผ๋กœ ์˜จ๋ผ์ธ์œผ๋กœ ์ง„ํ–‰๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฑฐ๊ธฐ๋‹ค๊ฐ€ ์ด๋ฒˆ์—๋Š” ์ฝ”๋กœ๋‚˜ ๋•Œ๋ฌธ์— ๋„์–ด ์•‰์•„์•ผํ•ด์„œ ์•ฝ 30๋ช… ์ •๋„ ๋ฝ‘์„ ์ƒ๊ฐ์ด์‹œ๋ผ๊ณ  ํ•˜์…จ์ง€๋งŒ, ์ฝ”๋กœ๋‚˜๊ฐ€ ์‹ฌํ•ด์ ธ ์˜จ๋ผ์ธ์œผ๋กœ ์ง„ํ–‰๋˜์„œ ์•ฝ 400์—ฌ๋ช…์˜ ๊ต์œก์ƒ์œผ๋กœ ๋ฝ‘์•˜๋‹ค๊ณ  ํ•˜์…จ์Šต๋‹ˆ๋‹ค. ๊ทผ๋ฐ ์ด ๊ต์œก์„ ๋“ฃ๊ณ ์‹ถ์–ด์„œ ์ง€์›ํ•œ ์‚ฌ๋žŒ๋งŒ 1200์—ฌ๋ช….. ๐Ÿ˜ค ์—ด์ •์ ์ธ ์‚ฌ๋žŒ์ด ๊ต‰์žฅํžˆ ๋งŽ์€ ๊ฑฐ ๊ฐ™๋‹ค.. ์ด๋ฒˆ ๊ต์œก์€ zoom์„ ์ด์šฉํ•ด์„œ ์˜จ๋ผ์ธ์œผ๋กœ ์ง„ํ–‰๋˜์—ˆ๊ณ , ๊ฐ•์‚ฌ๋‹˜์€ ์šฐ์•„ํ•œํ˜•์ œ๋“ค์˜ ๊น€๋ฏผํƒœ๋‹˜(์›นํ”„๋ก ํŠธ์—”๋“œ๊ฐœ๋ฐœ ๊ทธ๋ฃน์žฅ)์ด ์ง„ํ–‰ํ•˜์…จ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ, 9์›” ํ•œ๋‹ฌ๋™์•ˆ ํ™”, ๋ชฉ์œผ๋กœ ์ง„ํ–‰๋˜๊ณ  ์ด 8ํšŒ์ฐจ๋กœ ์ง„ํ–‰๋  ์˜ˆ์ •์ด๊ณ  ์ €๋„ ๊ณ„์† ๋๋‚ ๋•Œ๋งˆ๋‹ค ๋ธ”๋กœ๊น…์„ ํ•  ์˜ˆ์ •์ž…๋‹ˆ๋‹ค. โœŒ ๐Ÿš€ ์šฐ์•„ํ•œ ํ…Œํฌ๋Ÿฌ๋‹ 3๊ธฐ ๊ทธ ์ฒซ ์‹œ๊ฐ„ ์†Œ๊ฐœ.. ๊ณต๊ฐ์ˆ˜ 2 ๋Œ“๊ธ€์ˆ˜ 0 2020. 9. 2.
    ๋ฌธ์˜์•ˆ๋‚ด
    • ํ‹ฐ์Šคํ† ๋ฆฌ
    • ๋กœ๊ทธ์ธ
    • ๊ณ ๊ฐ์„ผํ„ฐ

    ํ‹ฐ์Šคํ† ๋ฆฌ๋Š” ์นด์นด์˜ค์—์„œ ์‚ฌ๋ž‘์„ ๋‹ด์•„ ๋งŒ๋“ญ๋‹ˆ๋‹ค.

    ยฉ Kakao Corp.