Update README.md

README.md

@@ -1,43 +1,47 @@
-<h1>강냥공냥공냥냥</h1>
+# 강냥공냥공냥냥
 <p align="center"><img src ="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/c52d7474-c1c1-4bd1-a05e-a424fa7cfe39" width="900"></p>
-<h3>🐾 강냥공냥공냥냥 : 반려동물 통합 커뮤니티 서비스</h3>
+
+<br>
+
+### 🐾 강냥공냥공냥냥 : 반려동물 통합 커뮤니티 서비스
 
 | 배포링크| 아이디 | 비밀번호 |
 | --- | --- | --- |
 | https://save-pets.netlify.app/|`testsavepet@gmail.com ` |`123123`|
 
+<br>
 <br>
 
-<h2>목차</h2>
-
-1. [프로젝트 소개](#1-프로젝트-소개)   
+## 목차
+1. [프로젝트 소개](#1-프로젝트-소개)  
 2. [개발 환경](#2-개발-환경)   
 3. [협업 환경](#3-협업-환경)   
-4. [역할 분담](#4-역할-분담)   
-5. [프로젝트 구현](#5-프로젝트-구현)  
-6. [핵심 기술](#6-핵심-기술)  
+4. [역할 분담](#4-역할-분담)
+5. [프로젝트 구현](#5-프로젝트-구현)
+6. [핵심 기술](#6-핵심-기술)
 7. [트러블 슈팅](#7-트러블-슈팅)
 
+<br>
 <br>
 
-<h2> 1. [프로젝트 소개](#1-프로젝트-소개) </h2>
-
+## 1. 프로젝트 소개
 - ✨ 유기동물 보호센터의 정보를 연동하여 유기동물의 입양을 위한 정보와 커뮤니티를 구축합니다.
 - 😇 유기동물 센터 후원/후원물품 구매 서비스를 제공합니다.
 - 🪺 센터에서 보호중인 동물들을 피드를 통해 확인하고 입양 신청을 할 수있어요!
 - 🧤 사용자들뿐 아니라, 보호소와의 폴로를 통해 서로의 소식을 공유할 수 있습니다.
 - 🖼️ 글과 사진을 함께 업로드하여  동물들의 일상을 자랑하고 공유할 수 있습니다 🐕
 - 🧡 다른 사용자들의 글에 좋아요를 누르고 댓글을 작성할 수 있어요 (우리 소통해요🙊)
 
+<br>
 <br>
 
-<h2> 2. [개발 환경](#2-개발-환경) </h2>
-
-<h3>2-1. 개발기간</h3>
-
+## 2. 개발 환경
+### 2-1. 개발기간
 - 프로젝트 기획 및 개발 : 2023.06.01 ~ 
 
-<h3>2-2. 기술스택</h3>
+<br>
+
+### 2-2. 기술스택
 <table align="center">
   <tr height="30px">
     <th>Frontend</th>
@@ -69,17 +73,18 @@
 </div>
 </td></tr></table>
 
+<br>
 <br>
 
-<h2> 3. [협업 환경](#3-협업-환경) </h2>
-
-<h3>3-1. 협업 컨벤션 </h3>
-
-<h4>3-1-1. 폴더 구조 </h4>
+## 3. 협업 환경
+### 3-1. 협업 컨벤션
+#### 3-1-1. 폴더 구조
 
 사진 넣기 
 
-<h4>3-1-2. 코드 컨벤션 </h4>
+<br>
+
+#### 3-1-2. 코드 컨벤션
 
 - 타입은 종류 중 **하나**만 선택하며, **영어 소문자**로 시작한다.
 - 주제는 한글로 간단명료하게 작성한다.
@@ -96,7 +101,9 @@
     - 예) 화면 개발의 경우 : 컴포넌트 단위로 커밋
     - 예2) 기능 개발의 경우 : 각 기능 단위로 커밋
 
-<h4>3-1-3. 커밋 메세지 </h4>
+<br>
+
+#### 3-1-3. 커밋 메세지
 
 ```
 - fix: 올바르지 않은 동작을 고친 경우
@@ -113,35 +120,45 @@
 - chore: 위의 모든 경우에 포함되지 않는 기타 수정사항
 ```
 
-<h3>3-2. 협업 방식 </h3>
+<br>
+
+### 3-2. 협업 방식
 
 - 공유하고 싶은 문제가 있는 경우 이슈로 작성하여 공유하고 작업한 이력 남기기
 - GitHub Project Board를 이용한 전체 진도 상황 공유
 - 다른 팀원 코드의 BUG 찾는 경우 이슈 작성 후 Assignees 지정
 - `Common` 컴포넌트 폴더를 따로 관리하여 코드 재사용율 높이기
 - 페이지의 디자인의 일관성과 쉬운 유지보수를 위해 **ThemeProvider**를 사용
 
+<br>
 <br>
 
-<h2> 4. [역할 분담](#4-역할-분담) </h2>
-
-<h3> 4-1. 팀원 소개 </h3>
+## 4. 역할 분담
+###  4-1. 팀원 소개
 
 | 정현빈 | 박지윤 | 이상용 | 김미정 |
 | :----: | :----: | :----: | :----: |
 | <img src="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/0e06de5c-3578-4a4f-8587-8baa55a06946" width="200" height="200"> | <img src="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/17bae45a-d251-4815-a241-7b4c2c6c835c" width="200" height="200"> | <img src="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/17bae45a-d251-4815-a241-7b4c2c6c835c" width="200" height="200"> | <img src="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/17bae45a-d251-4815-a241-7b4c2c6c835c" width="200" height="200"> |
 | 팀장 | 팀원 | 팀원 | 팀원 |
 | [hyeonbinnn](https://github.com/hyeonbinnn) | [JiyunPark1301](https://github.com/JiyunPark1301) | [yongisadragon](https://github.com/yongisadragon) | [goyomi](https://github.com/goyomi) |
 
-<h3> 4-2. 역할 분담 </h3>
+<br>
+
+### 4-2. 역할 분담
 <img width="3136" alt="강냥공냥공냥냥 마인드맵" src="https://github.com/FRONTENDSCHOOL5/final-22-undefined/assets/117449788/c7e550ca-0120-4fb0-a788-892a4ff48dcd">
 
+<br>
 <br>
 
-<h2> 5. [프로젝트 구현](#5-프로젝트-구현) </h2>
+## 5. 프로젝트 구현
+### 5-1. 페이지 설명
 
-<h3> 5-1. 페이지 설명 </h3>
+<br>
+<br>
 
-<h2> 6. [핵심 기술](#6-핵심-기술) </h2>
+## 6. 핵심 기술
+
+<br>
+<br>
 
-<h2> 7. [트러블 슈팅](#7-트러블-슈팅) </h2>
+## 7. 트러블 슈팅