[멋쟁이 사자처럼 블록체인 스쿨 3기] 23-04-03

3항 연산자

let age = 30;

let beverage = age >= 30 ? "beer" : age === 26 ? "soju" : "chicken";

나이가 30이상이면 "beer", 아니라면 나이가 26? 맞다면 "soju", 이것도 아니라면 "chicken"

3항 연산자 안에 연산자를 중첩시켜 넣을 수 있다.

---

Routing

React Router

리액트는 SPA (single page application)

단일페이지 어플리케이션이다.

구조는 브라우저에서 구성하고

데이터는 JSON 형태로 서버에서 받아온다.

장점 : 페이지에서 데이터만 새로 받아오기에 불필요한 새로고침을 할 필요가 없다.

단점 : 최초 접속 시, 페이지 구동에 필요한 모든 데이터를 요청하므로 느리다.

처음 받는 웹 페이지의 소스코드가 거의 비어있으므로 검색엔진 최적화가 필요하다.

    <BrowserRouter>
      <div className="bg-red-100 min-h-screen">
        <Routes>
          <Route path="/" element={<Main />} />
          <Route path="/a" element={<A />} />
          <Route path="/b" element={<B />} />
          <Route path="/c" element={<C />} />
          <Route path="*" element={<NotFound />} />
        </Routes>
      </div>
    </BrowserRouter>

A,B,C 페이지와 그 나머지 페이지는 * 로 처리해준다.