μμ½λ 3κ°μμ°¨μ κΈ°μ
μΌλ‘ μΈν΄μμ κ²½ννλ κ³Όμ μ΄ μλλ° μ΄ κ³Όμ μμ μ€μ νμ
μ κ²½ννκ³ λ°°μΈ μ μλ€.
μΈν΄μ κ³Όμ μμ λ³΄λΈ ν λ¬μ κΈ°λ‘ν΄λ³Έλ€.
κ·Όν λ±λ‘, 근무μ μ ν λ° μ μ², μ°μ°¨ λ± ν΄κ° κ΄λ¦¬, μ΄κ³Ό κ·Όλ‘ κ΄λ¦¬ λ° μλΉ μ§κΈ λ± μΈμ¬ μ 무 μμ€ν κ°λ° νλ‘μ νΈ
Gitlab
, git graph
, slack
, trello
, google ppt
, Google Sheets
, EC2
, RDS
HTML
, Styled component
, Javascript
, React
Python
, MySQL
, Django
λ§μΌμ€ν€(milestone)μ΄λ νλ‘μ νΈ μ§ν κ³Όμ μμ νΉμ ν λ§ν 건μ΄λ ν
sprint: λ°λ³΅μ μΈ κ°λ° μ£ΌκΈ°Β
: κΈ°ν λ° λͺ¨λΈλ§, λ μ΄μμ λ° μ€νμΌλ§
ꡬνν΄μΌνλ agenda μ μ
μ
무μ μμ μμ±
μ
무μ μμ
: κ·Όν μ λ ₯ λ° μ‘°ν, ν΄κ°/근무μ μ μ², λ§μ΄νμ΄μ§ κΈ°λ₯ ꡬν
κΈλμ€λͺ¨νΌμ¦
μ 컨μ
μΌλ‘ νλ©΄ λμμΈμ μ§μ νλ€..π user page(κ·Όν μ
λ ₯ λ° ν΄κ°/근무μ μ μ²)λ₯Ό μ§μ λμμΈνλ κ²½νμ νλ€. λμμΈ κ°κ°μ΄ μμκΈ°μ μ΄ λΆλΆμ΄ κ΅μ₯ν μ΄λ ΅κ³ λΆλ΄μ€λ¬μ λ€β¦ν΄κ° μ μ² νμ΄μ§
ꡬννλ©΄μ Date-picker
λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©ν΄μ κΈ°κ°μ μ ννκ²λ νμ§λ§, 근무μ μ μ² νμ΄μ§
λ₯Ό ꡬνν λμ month-range-picker
λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©νλ λμ μ§μ ꡬννλ€. chart.js
λΌμ΄λΈλ¬λ¦¬λ₯Ό μ¬μ©νμ¬ λ§μ΄νμ΄μ§
μ λ°μ΄ν°λ₯Ό μκ°ννλ€. λ€λ§, μ£Ό λ¨μ μμ κ·Όλ‘μκ°μ μκ°ννλ λΆλΆμμλ chart.js
μ Bar
λ₯Ό μ¬μ©νλ λμ μ§μ ꡬννλ€. λΏλ―νλ©΄μλ λΌμ΄λΈλ¬λ¦¬μ λΉν΄ κΈ°λ₯μ μΈ λΆλΆμ΄ λ―Έν‘ν΄μ μμ½λ€β¦π₯²url
μ μ§μ μ
λ ₯ ν μ μ μ ν ν° λλ κΆνμ΄ μλ μ¬μ©μλ μ μνμ§ λͺ» νλλ‘, ν겨λ΄λλ‘ κ΅¬νν μ μ ν΄λ‘ νλ‘μ νΈμλ λ€λ₯Έ μ μ΄μκ³ , νμ
μμ μ€μ 체ν¬νκ³ κ³ λ €ν΄μΌ νλ λΆλΆμ΄μλ€.: API
μ°κ²°
fetch()
ν¨μλ₯Ό μ¬μ©νλ©΄μ promise
μ .then
λ¬Έλ²μ μ¬μ©ν΄μλλ° μ΄λ² νλ‘μ νΈμμλ μ¬μμ μ‘°μΈμΌλ‘ async/await
λ¬Έλ²μ μ¬μ©ν΄ 보μλ€. μ¬μ€ μμ§λ μ΄ λκ°μ μ°¨μ΄λ μ νν μ λͺ¨λ₯΄κ² λ€..π
λ 곡λΆνκ³ μ 리νλ μκ°μ κ°μ ΈμΌκ² λ€!!λ°μ΄ν° ν¬λ§·
, κ°κ³΅
μ Frontendκ° λ΄λΉ! Backendλ Frontendκ° μμ²ν λ°μ΄ν°λ₯Ό μ μ₯/μ λ¬μ μν μ΄λ€μλ²ν΅μ μ©
/νλ©΄ λ λλ§μ©
/μ€μ λ‘μ§μ©
μΌλ‘ ν΄λ λ° νμΌμ ꡬ쑰ννλ κ²μ΄ μ’λ€!κ·Όνκ΄λ¦¬ νλ‘κ·Έλ¨
μ΄λΌλ λ¨μ΄λ§ λ£κ³ κ°λ°μ μμνλ €λ λ무λ무 λ§λ§νλ€.. νμ§λ§ μ΄μ μ§μ₯μμμ κ²½νμΌλ‘ μ μ μ€ μ‘κ³ μμν μ μμλ€π
κΈλμ€λͺ¨νΌμ¦
μ΄λΌλ 컨μ
μ μνκΈ°μ λμ¦μ λ§μΆ° 곡λΆνκ³ λμμΈ νλλ°.. κ²°κ³Όλ μ¬μ€ μ λͺ¨λ₯΄κ² λ€..π₯² μ΄μ건κ°? λλ μ΄μ νλ©΄μ΄ μ’μλ°.. μμ½λ λ°μ΄
λ―Έν
μμ λ©ν λ λ§μμ μ겨λ£κ³ κΈ°λ₯ ꡬνμ μ’ λ μ§μ€νκΈ°λ‘ κ²°μ νλλ° λμ€μ λμ보λ νμν μ νμ΄μλ€!!πππμ΄λ‘ μ λν΄ μ λ¦¬κ° νμνμλ€
λΌκ³ λ§μν΄μ£Όμ
μ μ°Έκ³ νμ¬ CSμ μΈ λΆλΆμ μ’ λ 곡λΆνμλ κ² κ°λ€.. κ·Έλμ λ¬Έλ² λ± μ€μ κ°λ°μ μ°μ΄λ λΆλΆμ λ§μ΄ 곡λΆνμ§ λͺ»ν΄μ μμ½λ€..π₯² μ΄μ λΆν° μ§μ§ μμμ΄λ κ²μ리νμ§ μλλ‘ λ§μμ λ€ μ‘μμΌκ² λ€!!!!ππͺπͺ