💡code 분석

• client 분석해서 Flow 확인하기
• 팀원과 cross check 진행 하기

---

👉 client> src> app.js

• app.js-> server 로 가는 token이나 data는 없는지 ?
  • Route를 통한 page 이동이 가능함

  return (
    <Switch>
      <Route exact path="/">
        <SpotifyAPP />
        <Landing />
      </Route>
      <Route path="/login">
        <Login />

👉 client> src> index.js

• dom을 통한 root를 가져와서 reactdom에서 렌더링 한다?
  • 확인필요.
  • 팀원분 말로는 router를 이용한 서버를 요구하심

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

👉 client> node_modules>spotify-web-api-node 확인

//example -basics
const SpotifyWebApi = require('../../../');

const spotifyApi = new SpotifyWebApi();
spotifyApi.setAccessToken(process.env.SPOTIFY_ACCESS_TOKEN);
 //여기서 setaccessToken 사용하고있음 - 환경변수는 process.env로 spotify accesstoken 받고있음
(async () => {
  const me = await spotifyApi.getMe();
  console.log(me);
})().catch(e => {
  console.error(e);
});

• 위에서 확인한 바 , setaccesstoken은 module 에서 만들어 줌

const spotifyApi = new SpotifyWebApi({
  redirectUri: 'http://localhost:8888/callback',
  clientId: process.argv.slice(2)[0],
  clientSecret: process.argv.slice(2)[1]
});

👉 client> src> app.js

• app.js-> server 로 가는 token이나 data는 없는지 ?
  • Route를 통한 page 이동이 가능함

👉 client> src> app.js

• app.js-> server 로 가는 token이나 data는 없는지 ?
  • Route를 통한 page 이동이 가능함

👉 client> src> app.js

• app.js-> server 로 가는 token이나 data는 없는지 ?
  • Route를 통한 page 이동이 가능함

---

✍ 의문점 - 아고라 스테이츠 활용

✍ 앞으로의 계획

---

📚 출처

---