Before start

README.md

@@ -1,32 +1,30 @@
 ##### :cactus: React_Tutorial_Part3
 
-:pencil: Material Icons 가져오는 사이트   
+###### 💔 해당 게시물 내용을 원하시면 저에게 문의해주세요 (재 사용가능하지만 )      
+
+### :pencil: Material Icons 가져오는 사이트   
+
 https://mui.com/material-ui/material-icons/
 
-설치방법 :   
+### 설치방법 :   
 ```  
->sudo npm install @mui/icons-material   or 
-> npm install @mui/material @emotion/react @emotion/styled
+>sudo npm install @mui/material @emotion/react @emotion/styled
+ or 
+>npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
 ```
 
 Navbar.js 에  
 ```   
 import MenuIcon from '@mui/icons-material/Menu'    
-
 <MenuIcon  className='menubar'/>   <--  적용할 스타일을 따로 지정한다
-
-
 ```   
 https://mui.com/material-ui/getting-started/installation/
 
-BrowserRouter : 브라우저 History API를 사용해 현재 위치의 URL을 저장해주는 역할이다.
-Routes : 자식 route들을 구성하고 있는 단위이다.
-Route : path를 통해 URL을 분기시킬 수 있다. 중첩해서 사용할 수 있다.   
-
-
-<img width="200" alt="스크린샷 2023-04-24 오후 9 00 41" src="https://user-images.githubusercontent.com/48478079/234027905-47ec4b73-4a72-4e52-ab83-31c3839762f7.png"> <img width="198" alt="스크린샷 2023-04-24 오후 11 27 44" src="https://user-images.githubusercontent.com/48478079/234027485-2ac5ca7b-4589-456a-b107-a643ba1c8e65.png">
-
-<img width="400" alt="스크린샷 2023-04-24 오후 11 26 43" src="https://user-images.githubusercontent.com/48478079/234027448-45cc5811-dc7f-426a-8bc2-42bbdec4c4c2.png">
+### 라우터에 사용되는 명령어정리 (vs 6버전): 
+- BrowserRouter : 브라우저 History API를 사용해 현재 위치의 URL을 저장해주는 역할     
+- Routes : 자식 route들을 구성하고 있는 단위    
+- Route : path를 통해 URL을 분기시킬 수 있으며 컴포넌트 별로 원하는 url을 지정합니다       
+- Link: 클릭시 지정한 URL로 이동하는 링크를 생성합니다 기존 컴포넌트의 상태값은 없어집니다  
 
-<img width="300" alt="스크린샷 2023-04-24 오후 11 25 50" src="https://user-images.githubusercontent.com/48478079/234027409-59b21173-963a-404a-9dc6-3071d8aa9342.png"> <img width="358" alt="스크린샷 2023-04-24 오후 11 26 33" src="https://user-images.githubusercontent.com/48478079/234027427-d0ab5b59-bad7-4ff7-8494-a1fded1b336d.png">
 
+:pencil: 그동안 Router에서 사용했던 Switch문은 더이상 사용하지 않습니다