Feat: Ready for Deployment (#35)

README.md

@@ -1,10 +1,15 @@
-# SNS.md 프론트엔드
-![image](./public/title_italic.png)
-## 1. 주제 및 기획
-> 개발자를 위한 **마크다운** 기반 **익명** SNS 서비스
-## 2. 페이지
-### 2.1. 메인페이지
+# 안녕하세요 미니 프로젝트 31팀 SNS.md 입니다 💬
+![image](https://raw.githubusercontent.com/SNS-md/front.md/main/public/title_italic.png)
 
-### 2.2. 게시글 작성 페이지
+- 제목만 보면 #이 생각나시는 분! 🙋🏻‍♀
+- 소싯적 마크다운으로 블로그나 리드미 좀 꾸며보신 분! 🙋🏻‍♂
 
-### 2.3. 게시글 상세 페이지
+각종 글을 적으며 키워온 마크다운 실력을 자랑할 수 있는 공간이 바로 여기 있습니다!!
+
+```
+System.out.println("Hello SNS.md");
+```
+
+14기 마크다운 강자는 누구일지 **SNS.md** 지금 바로 사용해 보세요 🙌🏻
+
+실행 방법은 [링크](https://github.com/SNS-md/front.md/blob/main/doc/howToStart.md)를 참고해주세요!

src/components/Post/Writer.jsx

@@ -22,7 +22,7 @@ function PostHeader({ name, date, isComment }) {
     const [color, icon] = name2profile(name);
     return (
         <PostHeaderSection>
-            <ProfileImg color={color} isComment={isComment}><img src={require(`../../assets/${icon}.png`)} width ={isComment?"18px":"23px"} alt={name}/></ProfileImg>
+            <ProfileImg color={color} isComment={isComment}><img src={`${process.env.PUBLIC_URL}/assets/${icon}.png`} width ={isComment?"18px":"23px"} alt={name}/></ProfileImg>
             <b style={isComment&&{fontSize:"0.9rem"}}>{name}</b>
             <span style={{color:"#666"}}>·</span>
             <span style={{color:"#666"}}>{date}</span>

src/index.js

@@ -6,11 +6,11 @@ import Main from './page/Main';
 import Write from './page/Write';
 import Detail from './page/Detail';
 import NotFound from './page/NotFound';
-import {HashRouter,Route,Routes} from 'react-router-dom';
+import {BrowserRouter,Route,Routes} from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <HashRouter>
+  <BrowserRouter>
     <Header/>
     <main>
       <Routes>
@@ -20,5 +20,5 @@ root.render(
         <Route path="*" element={<NotFound/>} />
       </Routes>
     </main>
-  </HashRouter>
+  </BrowserRouter>
 );

src/page/Detail.jsx

@@ -16,7 +16,7 @@ function Detail() {
         setPost(data);
       }catch(e){
         // eslint-disable-next-line no-restricted-globals
-        location.replace("/#/404");
+        location.replace("/404");
       }
     })();
   }, []);