jihyeong2 / Artmate-PJT

πŸŽ¨μ „μ‹œνšŒ νλ ˆμ΄νŒ… SNS μ„œλΉ„μŠ€

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool


μ „μ‹œνšŒ νλ ˆμ΄νŒ… SNS🎨



μ„œλΉ„μŠ€λͺ…: μ•„νŠΈλ©”μ΄νŠΈ(ARTMATE)
νŒ€λͺ…: λ‹€μš°λ‹ˆλ„€(B202)
개발 κΈ°κ°„: 2021.01.11 ~ 2021.02.19 (μ•½ 7μ£Ό)

πŸ“ƒλ¬Έμ„œ

기획 λ¬Έμ„œ
1️⃣SubPJT1 λ…Έμ…˜ λ¬Έμ„œ, 2️⃣SubPJT2 λ…Έμ…˜ λ¬Έμ„œ, 3️⃣SubPJT3 λ…Έμ…˜ λ¬Έμ„œ

πŸ–Œμ„œλΉ„μŠ€ κ°œμš”

λ¬Έν™”μƒν™œμ„ 톡해 즐거움을 μ–»κ³  싢은 μ‚¬μš©μžλ₯Ό λŒ€μƒμœΌλ‘œ μ „κ΅­μ˜ μ „μ‹œνšŒ 정보λ₯Ό μ§€μ—­λ³„λ‘œ μ œκ³΅ν• λΏλ§Œ μ•„λ‹ˆλΌ μ‚¬μš©μž μ·¨ν–₯ 기반의 μ „μ‹œ 정보λ₯Ό μΆ”μ²œν•΄μ€λ‹ˆλ‹€. λ˜ν•œ, 개인 ν”Όλ“œλ₯Ό μƒμ„±ν•˜μ—¬ λ‹€λ₯Έ μœ μ €λ“€κ³Ό SNSκΈ°λŠ₯을 μ‚¬μš©ν•΄ μ†Œν†΅ν•  수 있으며 λ“±λ‘ν•œ ν›„κΈ°λŠ” 직접 3D ν”Όλ“œλ₯Ό μ»€μŠ€ν„°λ§ˆμ΄μ§•ν•˜μ—¬ μ§‘μ—μ„œλ„ μƒμƒν•˜κ²Œ λ‚˜λ§Œμ˜ 3D μ „μ‹œνšŒλ₯Ό 즐길 수 μžˆλŠ” μ„œλΉ„μŠ€μž…λ‹ˆλ‹€.

πŸ–Œμ—­ν•  λΆ„λ‹΄

νŒ€μ› μ—­ν•  λ‚΄μš©
μ •λ‹€μš΄ νŒ€μž₯ λ°±μ—”λ“œ 개발, UIλ””μžμΈ
κΉ€μ§€ν˜• νŒ€μ› ν”„λ‘ νŠΈμ—”λ“œ ν…Œν¬λ¦¬λ”, GITλ§ˆμŠ€ν„°, ν™”λ©΄μ •μ˜μ„œ
μœ μ§„μ΄ νŒ€μ› ν”„λ‘ νŠΈμ—”λ“œ 개발, QA(Jira관리), UIλ””μžμΈ
μ •ν˜„μš° νŒ€μ› ν”„λ‘ νŠΈμ—”λ“œ 개발, QA(Jira관리), ν™”λ©΄μ •μ˜μ„œ
μ •ν˜œμ§€ νŒ€μ› λ°±μ—”λ“œ ν…Œν¬λ¦¬λ”, ν™”λ©΄μ •μ˜μ„œ

πŸ–Œμ£Όμš” κΈ°λŠ₯

  • νšŒμ›κ°€μž…/둜그인 κΈ°λŠ₯

    a. μ‚¬μš©μž νšŒμ›μ •λ³΄λ₯Ό λ°›μ•„ 메일인증 ν›„ νšŒμ›κ°€μž…μ— μ„±κ³΅ν•œλ‹€.

    b. 이외 κ°„νŽΈ SNS둜그인(μΉ΄μΉ΄μ˜€ν†‘, ꡬ글)으둜 별도 인증 없이 λΉ λ₯΄κ²Œ λ‘œκ·ΈμΈν•  수 μžˆλ‹€.

    c. κ°€μž… ν›„ 졜초 둜그인 μ‹œ μ‚¬μš©μžμ—κ²Œ μ „μ‹œ μ·¨ν–₯ νƒœκ·Έλ₯Ό μž…λ ₯ λ°›λŠ”λ‹€.

  • μ „μ‹œ 정보 제곡 κΈ°λŠ₯

    a. 전체, 베슀트, 온라인, ν˜„μž¬ μœ„μΉ˜λ³„λ‘œ λΆ„λ₯˜ν•˜μ—¬ μ „μ‹œ 정보λ₯Ό μ œκ³΅ν•œλ‹€.

    b. μ‚¬μš©μž μ·¨ν–₯ νƒœκ·Έλ³„λ‘œ λ§žμΆ€ν˜• μ „μ‹œνšŒ 정보λ₯Ό μ œκ³΅ν•œλ‹€.

    c. μ „μ‹œνšŒ 상세 νŽ˜μ΄μ§€μ—μ„œλŠ” μ „μ‹œνšŒ 이미지,이름,μž‘κ°€,μž₯μ†Œ,λ‚΄μš©,μ†Œκ°œλ§,κΈ°κ°„ λ“±μ˜ 상세 정보와 μ‚¬μš©μžλ“€μ΄ 올린 ν›„κΈ° ν”Όλ“œ 리슀트, μžμ„Έν•œ μœ„μΉ˜ 정보λ₯Ό μ œκ³΅ν•œλ‹€.

    d. 관심 μžˆλŠ” μ „μ‹œνšŒλŠ” μŠ€ν¬λž©ν•˜μ—¬ μŠ€ν¬λž©λΆμ—μ„œ 관리할 수 μžˆλ‹€.

  • 지도 κΈ°λŠ₯

    a. ν˜„μž¬ μœ„μΉ˜λ₯Ό 기반으둜 주변에 진행쀑인 μ „μ‹œνšŒ 정보와 μž₯μ†Œλ₯Ό μ§€λ„μ—μ„œ 확인할 수 μžˆλ‹€.

    b. 이외에도 μ „κ΅­μ˜ λͺ¨λ“  μ „μ‹œνšŒ 정보와 μœ„μΉ˜λ₯Ό μ§€λ„μ—μ„œ 확인 κ°€λŠ₯ν•˜λ‹€.

  • SNS κΈ°λŠ₯

    a. λ‰΄μŠ€ν”Όλ“œ νŽ˜μ΄μ§€λŠ” 전체 ν”Όλ“œ/νŒ”λ‘œμš°μ€‘μΈ ν”Όλ“œ/뢁마크 ν”Όλ“œ 순으둜 λΆ„λ₯˜λœλ‹€.

    b. 마이 ν”Όλ“œ νŽ˜μ΄μ§€λŠ” ν”„λ‘œν•„ 사진, λ‹‰λ„€μž„, ν”Όλ“œλͺ…, μ†Œκ°œλ§μ„ ν‘œμ‹œν•œλ‹€.

    c. ν˜„μž¬ μ‚¬μš©μžμ˜ νŒ”λ‘œμ›Œ, νŒ”λ‘œμš° 리슀트λ₯Ό ν™•μΈν•˜κ³ , νŒ”λ‘œμš° μ‹ μ²­/μˆ˜λ½μ„ ν•  수 μžˆλ‹€.

    d. λ‚΄ ν”Όλ“œμ—μ„œ 3D ν”Όλ“œμ— 올리고 싢은 ν›„κΈ°λ₯Ό μ΅œλŒ€ 10κ°œκΉŒμ§€ μ„ νƒν•˜κ³ , ν”Όλ“œ ν…Œλ§ˆλ₯Ό μ„€μ •ν•΄ λ‚˜λ§Œμ˜ 3D ν”Όλ“œλ₯Ό 생성할 수 μžˆλ‹€. λ‹€λ₯Έ μœ μ €μ˜ 3D ν”Όλ“œ λ˜ν•œ 감상할 수 μžˆλ‹€.

    e. λ‚΄ ν”Όλ“œμ—μ„œ κΈ€ μž‘μ„±/μˆ˜μ •/μ‚­μ œκ°€ κ°€λŠ₯ν•˜κ³  κΈ€ μž‘μ„± μ‹œ λ‹€λ…€μ˜¨ μ „μ‹œνšŒ 이름을 μž‘μ„±ν•˜λ©΄ κ΄€λ ¨λœ μž₯μ†Œκ°€ μžλ™μ™„μ„± λœλ‹€.

    f. ν”Όλ“œ μƒμ„Έμ—μ„œ λŒ“κΈ€μ„ 등둝/μˆ˜μ •/μ‚­μ œν•˜κ³  λ‹€λ₯Έ μœ μ €κ°€ 남긴 λŒ“κΈ€μ„ 확인할 수 μžˆλ‹€.

    g. ν”Όλ“œμ— μ’‹μ•„μš”, 뢁마크 λ“±λ‘ν•˜κ³  ν˜„μž¬ ν”Όλ“œ 링크λ₯Ό λ³΅μ‚¬ν•΄μ„œ λ‹€λ₯Έ SNS(넀이버,카카였)에 κ³΅μœ ν•  수 μžˆλ‹€.

  • μ‹€μ‹œκ°„ μ „μ‹œνšŒ/ν”Όλ“œ μ•Œλ¦Ό κΈ°λŠ₯

    a. μ „μ‹œνšŒ 정보λ₯Ό 맀일 주기적으둜 μ•Œλ¦Ό λ°›μ•„λ³Ό 수 μžˆλ‹€.

    b. λ‹€λ₯Έ μœ μ €μ˜ νŒ”λ‘œμš° μ‹ μ²­, νŒ”λ‘œμ›Œκ°€ μƒˆλ‘œ μž‘μ„±ν•œ ν”Όλ“œ, λ‚΄ ν”Όλ“œμ˜ μ’‹μ•„μš” μ•Œλ¦Όμ„ λ°›μ•„λ³Ό 수 μžˆλ‹€.

  • 검색 κΈ°λŠ₯

    a. μ΅œκ·Όμ— λ‚΄κ°€ κ²€μƒ‰ν•œ ν‚€μ›Œλ“œ, μ‹€μ‹œκ°„ 인기 검색어λ₯Ό 확인할 수 μžˆλ‹€.

    b. 검색 κ²°κ³Ό νŽ˜μ΄μ§€μ—μ„œ ν‚€μ›Œλ“œκ°€ ν¬ν•¨λœ μœ μ €μ™€ μ „μ‹œνšŒ 리슀트λ₯Ό 확인할 수 μžˆλ‹€.

πŸ–ŒGantt Chat

맀일 μ˜€μ „ λ―ΈνŒ… ν›„ μ—…λ°μ΄νŠΈ
gantt_chart

βœ”μ»€λ°‹ λ©”μ‹œμ§€

FE(BE)_λ‚ μ§œ:μ™„μ„±ν•œ κΈ°λŠ₯(μž‘μ—… λΆ€λΆ„-폴더λͺ…)

βœ”Branch κ·œμΉ™

develop/feature/κΈ°λŠ₯λͺ…  

βœ”Code Style

FrontEnd BackEnd
1. 폴더λͺ…: μ²«κΈ€μž λŒ€λ¬Έμž
β†’ ex) Feed/Add.vue

2. 파일λͺ…: μ²«κΈ€μž λŒ€λ¬Έμž
β†’ ex) Add.vue

3. 경둜λͺ…: μ†Œλ¬Έμž β†’ ex) /add
1. 클래슀λͺ…: μ²«κΈ€μž λŒ€λ¬Έμž + camel case
ex) MainController.java

2. ν•¨μˆ˜, λ³€μˆ˜: μ²«κΈ€μž μ†Œλ¬Έμž + camel case
ex) public void setUserName();
  • ifλ¬Έ

    • ν•œμ€„ 일 λ•Œ, Block μ²˜λ¦¬ν•˜κΈ°
    • else if / else /μ€‘κ΄„ν˜ΈλŠ” 쑰건문 λ°”λ‘œ μ˜†μ— 뢙이기
    if(condition){
     statement;
    } else if(condition2){
     statement2;
    } else{
     statement3;
    }
  • for

    • λ‹¨μˆœ λ°˜λ³΅λ¬Έμ€ iteratorλ₯Ό i,j,k,...,z순으둜 λͺ…λͺ…ν•˜κΈ°
  • 주석 μƒλŒ€λ°©μ΄ 이해할 수 μžˆλ„λ‘ 달기

    • /**/ μ„€λͺ… μ—¬λŸ¬μ€„ ν•„μš”ν•  λ•Œ μ½”λ“œ μœ„μ— μž‘μ„±
    • // κ°„λ‹¨ν•œ 주석 μ½”λ“œ μ˜†μ— μž‘μ„±

βœ”ν”„λ‘œμ νŠΈ ꡬ쑰

20210301_221609

πŸ’» μ£Όμš” κΈ°λŠ₯ 미리보기

1. 메인 ν™”λ©΄

메인
메인 ν™”λ©΄μ—μ„œ μˆœμ„œλŒ€λ‘œ 온라인 μ „μ‹œνšŒ, μ‚¬μš©μž μ·¨ν–₯ νƒœκ·Έλ³„ 맞좀 μ „μ‹œνšŒ 제곡, μ’‹μ•„μš” 순으둜 인기 ν”Όλ“œ, ν˜„μž¬ μœ„μΉ˜ 기반으둜 진행쀑인 μ „μ‹œνšŒ 리슀트λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

2. μœ μ €κ²€μƒ‰ 및 μ „μ‹œνšŒ 검색 ν™”λ©΄

검색1 검색2
졜근 검색어,인기 검색어와 ν‚€μ›Œλ“œκ°€ ν¬ν•¨λœ μœ μ €/μ „μ‹œνšŒ 리슀트λ₯Ό 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

3. 3D ν”Όλ“œ

3d_ν”Όλ“œ
λ‚΄κ°€ μž‘μ„±ν•œ ν”Όλ“œλ₯Ό μ»€μŠ€ν„°λ§ˆμ΄μ§•ν•˜μ—¬ 3D ν”Όλ“œλ₯Ό μƒμ„±ν•˜κ³  관리할 수 μžˆμŠ΅λ‹ˆλ‹€. ν•˜λ‹¨ μ’ŒμΈ‘μ€ WASDλ²„νŠΌμœΌλ‘œ 이동할 수 있으며 우츑 λ²„νŠΌμœΌλ‘œ λ°©ν–₯을 360도 νšŒμ „μ‹œν‚¬ 수 μžˆμŠ΅λ‹ˆλ‹€.

4. μ „μ‹œνšŒ νŽ˜μ΄μ§€ 및 슀크랩뢁

μ „μ‹œνšŒμƒμ„Έ μ „μ‹œνšŒ
μ „μ‹œνšŒ νŽ˜μ΄μ§€λŠ” 전체/베슀트/온라인/주변에 진행쀑인 μ „μ‹œνšŒλ‘œ μΉ΄ν…Œκ³ λ¦¬κ°€ λΆ„λ₯˜λ©λ‹ˆλ‹€. μ „μ‹œνšŒ μƒμ„Έμ—μ„œλŠ” μ „μ‹œνšŒ 이미지, 이름, μ „μ‹œ κΈ°κ°„, μž₯μ†Œ, μ°Έμ—¬ μž‘κ°€, μ†Œκ°œλ§μ„ ν‘œμ‹œν•˜κ³  κ΄€λ ¨λœ ν”Όλ“œ 리슀트둜 λ„˜μ–΄κ°ˆ 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ, ν˜„μž¬ μ „μ‹œνšŒμ˜ μœ„μΉ˜λ₯Ό μ§€λ„μ—μ„œ 확인할 수 있으며 슀크랩 λ²„νŠΌμ„ 눌러 μŠ€ν¬λž©λΆμ—μ„œ λ”°λ‘œ 관리할 μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

πŸ“‘μ‚°μΆœλ¬Ό

  1. ER λ‹€μ΄μ–΄κ·Έλž¨
  2. ν™”λ©΄μ •μ˜μ„œ
  3. μ™€μ΄μ–΄ν”„λ ˆμž„

πŸ–ŒER λ‹€μ΄μ–΄κ·Έλž¨

artmate-ERD


πŸ–Œ ν™”λ©΄ μ •μ˜μ„œ

ν™”λ©΄μ •μ˜μ„œ 링크

πŸ–Œ μ™€μ΄μ–΄ν”„λ ˆμž„

μŠ¬λΌμ΄λ“œ1 μŠ¬λΌμ΄λ“œ2 μŠ¬λΌμ΄λ“œ3 μŠ¬λΌμ΄λ“œ4 μŠ¬λΌμ΄λ“œ5 μŠ¬λΌμ΄λ“œ6 μŠ¬λΌμ΄λ“œ7 μŠ¬λΌμ΄λ“œ8 μŠ¬λΌμ΄λ“œ9 μŠ¬λΌμ΄λ“œ10 μŠ¬λΌμ΄λ“œ11 μŠ¬λΌμ΄λ“œ12 μŠ¬λΌμ΄λ“œ13 μŠ¬λΌμ΄λ“œ14 μŠ¬λΌμ΄λ“œ15 μŠ¬λΌμ΄λ“œ16 μŠ¬λΌμ΄λ“œ17

πŸ’‘ ν”„λ‘œμ νŠΈ 회고

Awards

  • πŸ₯ˆμ‚Όμ„±μ²­λ…„SW아카데미 2ν•™κΈ° 곡톡PJT 2λ“± μˆ˜μƒ

About

πŸŽ¨μ „μ‹œνšŒ νλ ˆμ΄νŒ… SNS μ„œλΉ„μŠ€


Languages

Language:JavaScript 70.9%Language:Vue 18.6%Language:Java 8.4%Language:CSS 2.0%Language:HTML 0.1%