TIL_20.06.02(화) - react, express를 활용한 portfolio 만들기2

어제에 이어서 프로그램을 계속 진행했다.

client에서 라우팅하는 것을 연습하고 컴포넌트를 활용하여 진행하였다.

SPA로 메뉴를 누르면 해당 내용에 렌더링 되고, 클라이언트에서 작성한 내용은 build를 하고 그 build한 내용도 server의 public 파일로 옮겨서 진행했다.

서버에서, url코드로 접근할 때 클라이언트 파일들이 접근 가능하도록

app.use('/static', express.static('public'));

을 통해 설정해주고 추가로,

//path는 require를 통해 설정해줘야함

app.get('/*', function (req, res) {
   res.sendFile(path.join(__dirname, 'public', 'index.html'));
 });

을 작성하여 url로 렌더링 접근 가능하게 해주었다.

reference
Create React App - Deployment

css는 추가적으로 작성을 못했는데 목, 금, 토, 일 시간을 이용하여 더 추가하고 server같은 개념을 보충하는 시간을 가져야 할 것 같다.