Bibi's DevLog πŸ€“πŸŽ

πŸ•'멍이와 λ‚˜' μ§€κΈˆκΉŒμ§€μ˜ 개발 회고 - 슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½ ν›„κΈ°(μˆ˜μ •) λ³Έλ¬Έ

Projects/(개인)멍이와 λ‚˜ Doggo&Me

πŸ•'멍이와 λ‚˜' μ§€κΈˆκΉŒμ§€μ˜ 개발 회고 - 슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½ ν›„κΈ°(μˆ˜μ •)

λΉ„λΉ„ bibi 2020. 9. 2. 21:29

슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½ λ§ˆμ§€λ§‰ μˆ˜μ—… - λ°œν‘œμ€€λΉ„ λ₯Ό μœ„ν•œ ν›„κΈ° μž‘μ„±!
(20.09.10 04:50 μˆ˜μ •)

 

doggo-and-me.shop/ ('멍이와 λ‚˜' 링크)

 

멍이와 λ‚˜ Doggo & Me

일정을 κ΄€λ¦¬ν•˜κ³  μ•Œλ¦Όμ„ λ³΄λ‚΄μ£ΌλŠ” λ‹Ήμ‹ λ§Œμ˜ 집사 강아지, '멍이'λ₯Ό λ§Œλ‚˜ λ³΄μ„Έμš”πŸ•

doggo-and-me.shop

20.09.02일자 TIL 만큼 κ°œλ°œν•œ 것을 AWS μ„œλ²„μ— λ“œλ””μ–΄ μ—…λ‘œλ“œν•΄λ³΄μ•˜λ‹€. πŸŽ‰
-> 20.09.10 μƒˆλ²½ 4μ‹œ 50λΆ„ μˆ˜μ •λ³Έμ„ μ—…λ‘œλ“œ ν›„ ν…ŒμŠ€νŠΈν•΄λ³΄μ•˜λ‹€! :)

github.com/bibi6666667/scc (κΉƒν—ˆλΈŒ 링크)

 

bibi6666667/scc

'멍이와 λ‚˜' ν”„λ‘œμ νŠΈ 및 슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½μ—μ„œ 배운 λ‚΄μš©. Contribute to bibi6666667/scc development by creating an account on GitHub.

github.com

 

  • λ…Ήν™” μ˜μƒ

 

  • 취지
    'λ‚΄ κ³μ—μ„œ λ‚˜λ₯Ό μœ„ν•΄ 일정을 관리해 μ£Όκ³  μ•Œλ¦Όμ„ 보내 μ£ΌλŠ” 집사 강아지'인 κ°€μƒμ˜ 캐릭터 '멍이'λ₯Ό λ§Œλ“€κ³ ,
    멍이가 λ‚˜μ˜ ν–‰λ³΅ν•œ ν•˜λ£¨λ₯Ό 관리해 μ£ΌλŠ” μ›Ήμ„œλΉ„μŠ€λ₯Ό λ§Œλ“€κ³  μ‹Άμ—ˆλ‹€.
    μ§€κΈˆκΉŒμ§€ κ΅¬ν˜„ν•œ 건 κ°€μž₯ 기초적인 κΈ°λŠ₯ - 일정 μ €μž₯, 쑰회, νŽΈμ§‘, μ‚­μ œ, 검색 μ΄μ§€λ§Œ..
    + 이메일 μ•Œλ¦ΌκΈ°λŠ₯도 λ“œλ””μ–΄ κ΅¬ν˜„ν–ˆλ‹€!
    '멍이와 λ‚˜'λŠ” 슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½ λλ‚œ 후에도 κΎΈμ€€νžˆ κ°œλ°œν•  μ˜ˆμ •μ΄λ‹€.
    λ‚΄κ°€ 멍이의 μ„œλΉ„μŠ€μ— λ§Œμ‘±ν•  수 μžˆλŠ” κ·Έ λ‚ κΉŒμ§€! πŸ’ͺ

 

  • μ„€λͺ…
    μΌμ •κ΄€λ¦¬μ„œλΉ„μŠ€..λΌλŠ” μ΄λ¦„μ˜ νˆ¬λ‘λ¦¬μŠ€νŠΈμ΄λ―€λ‘œ, 기본적으둜 둜그인과 νšŒμ›κ°€μž…μ„ ν•΄μ•Ό ν•œλ‹€.
    (νšŒμ› μ•„μ΄λ””λŠ” 이메일 μ£Όμ†Œμ—¬μ•Ό ν•œλ‹€)
    둜그인 ν›„μ—λŠ” μ—¬λŠ νˆ¬λ‘λ¦¬μŠ€νŠΈμ™€ λΉ„μŠ·ν•˜λ‹€.
    일정을 기둝해 μ €μž₯ν•˜κ³ , μ €μž₯된 일정을 쑰회 / νŽΈμ§‘ / μ‚­μ œ / 검색할 수 μžˆλ‹€.
    κ°€μž₯ μ œκ³΅ν•˜κ³  μ‹Άμ—ˆλ˜ κΈ°λŠ₯인 'λͺ¨λ°”일 μΌμ •μ•Œλ¦Ό'은 이메일과 카톑 두 λ°©μ‹μœΌλ‘œ κ΅¬ν˜„ν•˜λ €κ³  ν–ˆλ‹€.
    κ·ΈλŸ¬λ‚˜ 카톑 μ•Œλ¦Ό 방식이 μ•Œμ•„λ³΄κ³  λ‚˜λ‹ˆ μ œμ•½μ‚¬ν•­μ΄ λ§Žμ•„μ„œ(20.09.09 TIL),
    λŒ€μ‹  이메일 μ•Œλ¦Όμ„ 두 차둀에 걸쳐 μ œκ³΅ν•˜κ³ 
    이메일 μ•Œλ¦Όμ„ λͺ¨λ°”μΌλ‘œ λ°›κΈ° μ‰¬μš΄ 방법을 μ•Œλ €μ£ΌλŠ” 것(μΉ΄μΉ΄μ˜€κ³„μ • or λ©”μΌμ–΄ν”Œ μ‚¬μš©)으둜 μš°μ„  λ§Œμ‘±ν•˜κΈ°λ‘œ ν–ˆλ‹€.

 

  • μΆ”ν›„ κ°œλ°œκ³„νš
    μΆ”ν›„ 개발 λ°©ν–₯은 처음 κ³„νšν•œ μ·¨μ§€μ²˜λŸΌ 'λ‚˜μ˜ ν–‰λ³΅ν•œ ν•˜λ£¨λ₯Ό κ΄€λ¦¬ν•΄μ£ΌλŠ”' 것에 μ΄ˆμ μ„ 맞좜 κ³„νšμ΄λ‹€.
    -7일 뷰, 30일 뷰 제곡
    -날씨정보 제곡
    ...

 

  • 기술 μ„€λͺ… (μ‚¬μš©λœ 언어와 νŒ¨ν‚€μ§€, 라이브러리 λ“±)
    Flaskλ₯Ό ν™œμš©ν•œ 기초적인 μ›Ήμ„œλΉ„μŠ€.
    ν”„λ‘ νŠΈμ—”λ“œ : html, css, javascript 
    λ°±μ—”λ“œ : python (flask, pymongo, PyJWT, hashlib, schedule, smtplib)
    λ°μ΄ν„°λ² μ΄μŠ€ : mongoDB
    μ›Ήμ„œλ²„ : AWS EC2 - ubuntu

 

  • μ–΄λ €μ› λ˜ 점 & 극볡 방법
    μˆ˜μ—…μ‹œκ°„μ— 배운 λ‚΄μš©μ€ 사싀 κ·Έλ™μ•ˆμ˜ 볡슡과 μ½”λ“œ λ³΅λΆ™μœΌλ‘œ λŒ€λΆ€λΆ„ κ΅¬ν˜„ κ°€λŠ₯ν–ˆλ‹€.
    ν•˜μ§€λ§Œ μˆ˜μ—…μ‹œκ°„μ— λ°°μš°μ§€ μ•Šμ€ λ‚΄μš©λ“€μ΄ ν•„μš”ν•  λ•Œ κ°€μž₯ μ–΄λ €μ› λ‹€.
    예λ₯Ό λ“€μ–΄ DB에 μ €μž₯된 일정 정보λ₯Ό _idκ°’μœΌλ‘œ 꺼내와야 ν–ˆμ„ λ•Œ 방법을 λͺ°λΌμ„œ ν—€λ©¨λ‹€λ˜κ°€,
    둜그인과 νšŒμ›κ°€μž… κΈ°λŠ₯을 μœ„ν•΄ PyJWT μ½”λ“œλ₯Ό κ°€μ Έμ˜€κ³  토큰, μΏ ν‚€ κ°œλ…μšΈ κ³΅λΆ€ν•˜κ±°λ‚˜,
    schedule 을 ν™œμš©ν•˜κ³  μ‹€μ œ AWSμ„œλ²„μ—μ„œ 돌리기 μœ„ν•΄ μ˜¨κ°– ꡬ글링과 μ§ˆλ¬Έμ„ ν–ˆλ‹€λ˜κ°€...

    κ·Ήλ³΅ν–ˆλ˜ 방법은 μ—­μ‹œ ꡬ글링, 그리고 슀파λ₯΄νƒ€ μŠ¬λž™ 채널을 ν†΅ν•œ QnA, 질문과 ν”Όλ“œλ°±μ΄μ—ˆλ‹€.
    κ°€μž₯ 도움이 많이 λ˜μ—ˆλ˜ 것은 μ—­μ‹œ QnAμ˜€λ‹€.
    λ‚΄κ°€ ꡬ글링을 톡해 μ•Œμ•„λ‚Έ λ‹¨μˆœν•œ 해결법보닀 더 고차원적인 ν•΄κ²°λ°©μ•ˆμ„ μ•Œλ € μ£Όμ…”μ„œ
    λ¬Έμ œν•΄κ²°μ„ λ„˜μ–΄ 곡뢀방ν–₯κ³Ό μΈμ‚¬μ΄νŠΈλ„ 얻을 수 μžˆμ—ˆλ‹€. (+ μ΄λ ‡κ²Œλ„ ν•΄κ²°ν•  수 μžˆκ΅¬λ‚˜! ν•˜λŠ” 놀라움)

 

  • 8μ£Ό(+1μ£Ό)κ°„μ˜ 첫 μ½”λ”©, ν”„λ‘œμ νŠΈ ν›„κΈ°
    -일단 상상도 λͺ»ν•œ λ‹€μ–‘ν•œ μ‚½μ§ˆμ„ ν•˜λŠλΌ, λ‚˜λ¦„λŒ€λ‘œ λ§Žμ€ μ‹œκ°„κ³Ό λ…Έλ ₯을 νˆ¬μžν–ˆλŠ”λ°λ„ 결과물은 쟈근 htmlμ›Ήμ‚¬μ΄νŠΈλ§Œ 남은 것 κ°™λ‹€. λ‚΄ μž…μž₯μ—μ„œ μ΅œμ„ μ„ λ‹€ν•΄ λ§Œλ“  μ›Ήμ‚¬μ΄νŠΈμ§€λ§Œ, 남듀이 λ³΄μ•˜μ„ λ•ŒλŠ” κ·Έμ € ν—ˆμˆ ν•œ (https://도 μ•„λ‹Œ) μ›Ήμ‚¬μ΄νŠΈμΌ λΏμ΄λΌλŠ” 게 μ’€ μŠ¬ν”„λ‹€. 😒 
    λ‚΄κ°€ ν”„λ‘ νŠΈμ—”λ“œλ₯Ό κΎΈλ―ΈκΈ° μœ„ν•΄ λΆ€νŠΈμŠ€νŠΈλž© λ“± μ™ΈλΆ€μ†ŒμŠ€λ₯Ό μ „ν˜€ μ‚¬μš©ν•˜μ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμ— 더 그런 것 κ°™λ‹€.

    -ν•˜μ§€λ§Œ κ°€μž₯ 기본적인(?) μ‚¬μ΄νŠΈλ₯Ό λ°‘λ°”λ‹₯λΆ€ν„° 짜 λ³΄λŠ” κ²½ν—˜μ΄μ—ˆκΈ° λ•Œλ¬Έμ— μ’‹μ•˜κ³ ,
    ν”„λ‘œμ νŠΈλ₯Ό ν•˜λ©΄μ„œ μ•žμœΌλ‘œ μ–΄λ–€ λΆ„μ•Όμ˜ μ–΄λ–€ 곡뢀λ₯Ό ν•΄μ•Όν•˜λŠ”μ§€λ„ 전보닀 감이 μ™€μ„œ μ’‹μ•˜λ‹€.
    (사싀 슀파λ₯΄νƒ€μ½”λ”©ν΄λŸ½ μˆ˜μ—…μ„ 처음 λ“£λ˜ μ‘μ• μˆ˜μ€€μ˜ λ‚˜μ™€ μ§€κΈˆμ˜ λ‚˜λ₯Ό 비ꡐ해보면..
    κ·Έλž˜λ„ μž₯쑱의 λ°œμ „μ΄λ‹€.πŸ‘ μž˜ν–ˆλ‹€!)

    -사싀 '멍이와 λ‚˜'λŠ” λ‚΄κ°€ κ°œλ°œν•΄μ„œ λ‚΄κ°€ 제일 잘 써주고 싢은 μ„œλΉ„μŠ€μ΄κΈ° λ•Œλ¬Έμ— (사심 100%)
    ν”„λ‘œμ νŠΈλŠ” μ΄λ ‡κ²Œ κ°“ νƒœμ–΄λ‚œ 강아지 μˆ˜μ€€μœΌλ‘œ μ œμΆœν•˜μ§€λ§Œ.. 🐢
    μ•žμœΌλ‘œ λ‚˜μ˜ μ½”λ”©μ—­λŸ‰μ„ ν–₯μƒμ‹œν‚€λ©΄μ„œ 멍이λ₯Ό μ‘₯μ‘₯ ν‚€μš°λŠ” κ²ƒμ΄πŸ• μƒˆλ‘œμš΄ λͺ©ν‘œμ΄λ‹€!

+ νŠœν„°λ‹˜ ν”Όλ“œλ°± (ν–₯ν›„ λ°©ν–₯)
->λͺ¨λ°”일 μ•±μœΌλ‘œ λ§Œλ“€κΈ°
->mongoDBλŒ€μ‹  κ΅¬κΈ€μΊ˜λ¦°λ”μ™€ 연동.
 (κ΅¬κΈ€μΊ˜λ¦°λ” λ‚΄μš©μ΄ 멍이와 λ‚˜μ—μ„œλ„ 보이고, 멍이와 λ‚˜μ—μ„œ 적은 일정이 ꡬ글 μΊ˜λ¦°λ”μ—λ„ μ €μž₯)
->httpsλŠ” ꡬ글 κ²€μƒ‰ν•˜λ©΄ ν•˜λŠ” 법 λ‚˜μ˜¨λ‹€!