0519 수업 판서 내용

1. createReactApp 말고 다른 방법으로 하는 방법 예시 코드 하나 작성

---------

1. History API가 뭔데
- history API : 브라우저의 세션 기록을 조작할 수 있는 메소드를 담고 있는 객체
- 뒤로 가기, 앞으로 가기, 페이지 이동 등을 조작할 수 있음

- history 란 세션 기록(페이지 방문 기록)에 대한 접근 방법과 메서드를 제공하는 것
- history.back() : 뒤로가기
- history.forward() : 앞으로 가기
- history.go() : 세션 기록 내 페이지로 이동

// chrome 켜서 확인 시켜주기


2. BrowserRouter 요소의 기능, History API와의 관련성

3. Route 사용법 및 데이터 형식

4. export default App; 의 의미

export default 와 export 의 차이

모듈 종류 크게 2가지
1. 복수의 함수가 선언되어 있는 라이브러리 형태의 모듈
 export function test1(){}
 export function test2(){}
 ...

2. 개체가 하나만 선언되어 있는 모듈


=> 보통은 개체가 하나만 선언되어 있는 경우가 대부분이어서 크게 상관 없을거다. 
대신 default 사용하더라도 협업 시에는 컴포넌트로 이름으로 호출자 이름 고정해주기
export 의 경우는 라이브러리 형태의 모듈에서 사용해주면 되고
export default 의 경우에는 보통 이런 기능 형태 에서 해주면 됨

<export default>
- export default 해당 모듈엔 개체가 하나만 있다. 라는 것을 명시
- export default로 모듈 내보내면 export한 이름과 상관없이 원하는 이름으로 import 가 가능함
근데 대부분 컴포넌트 이름 그대로 써서 ... 이렇게 변형해서 쓰면 헷갈려용...
- import 시에 중괄호 {} 가 필요 없음

export default test; 형식으로 보내면
나중에 import 받을 때 
import testmodule from "./test.js" 이런 식으로 받아올 수 있음

<export>
- 
- 반드시 export 한 이름과 맞춰서 import 해줘야함 : 이름 변경하고 싶을 시에 as 사용
- import 시에 중괄호 {} 로 가꼬 와야함 <저번 수업 시간에 물어봤던 부분과 연결>

export default test; 형식으로 보내면 
나중에 import 받을 때는
import {test} from './test.js' 형식으로 가지고 와야함



[ 요약 ]
export default : import할 때 export한 이름이 아니여도 가능하다. but, 이름을 일치시키는 것을 권장한다.
named export : 반드시 export한 이름으로만 import해야한다.


---

filter 란 ? 
배열 요소를 순차적으로 순회하면서 조건에 일치하는 요소를 모아 새로운 배열을 반환

array.filter(조건) 이렇게 쓰면 되는데..
조건에 이제 이름이랑 일치하는 배열만 가지고 올거에용

조건 검사하는 문법은

array.filter( (value) => value 조건 )