Section2 Unit11 [솔로 프로젝트] 나만의 아고라 스테이츠 서버 만들기

---

Section2 Unit11 [솔로 프로젝트] 나만의 아고라 스테이츠 서버 만들기

 

⭐️ 과제. 나만의 아고라 스테이츠 서버 만들기

GitHub - sw2377/fe-sprint-my-agora-states-server: 나만의 아고라 스테이츠 서버 만들기

 

✔️ Bare Minimum Requirement

✅ my-agora-states-server/app.js

    • 모든 Origin, 경로에 대해 CORS 요청을 허용하게 미들웨어를 적용합니다.

    • POST 요청 등에 포함된 body(payload)를 구조화하기 위한 미들웨어를 적용합니다.

    • 서버 상태 확인을 위해 GET / 에서 상태 코드 200으로 응답합니다.

    • discussionsRouter를 이용하여 /discussions 경로로 라우팅합니다.

✅ my-agora-states-server/router/discussions.js

    • GET /discussions 모든 discussion 목록을 조회하는 라우터를 작성합니다.

    • GET /discussions/:id discussion 하나를 조회하는 라우터를 작성합니다.

✅ my-agora-states-server/controller/index.js

    • discussionsController.findAll (모든 discussion 목록 조회)

    • discussionsController.findById (discussion 하나를 조회)

✅ my-agora-states와 연동하기

    • my-agora-states-server가 켜져 있는지 확인합니다.

    • 로컬 환경에서 실행한 나만의 아고라 스테이츠 서버에서 discussions 데이터를 조회합니다.

      • 더 이상 data.js 파일을 사용하지 않고, discussions 데이터를 받아옵니다.

      • Fetch API를 이용합니다.

 

✅ Optional

    • Section 1에서 구현한 나만의 아고라 스테이츠를 React로 다시 개발합니다.

 

💬 Bare Minimum과 Optional 모두 구현 완료했고, Section 1에서 구현한 아고라 스테이츠를 React로 작업하는 중이다.

나만의 아고라 스테이츠 만들기 - React 버전 Github 링크 → Click Here!

아직 진행중인 작업이라 추후에 계속 수정될 예정이다.

 

 

🌱 오후 Coz’ Mini Hackathon

배운점 : Express를 활용한 서버 구축과 fetch API를 사용해 클라이언트와 서버의 http 통신

어려웠던 점 / 아쉬웠던 점 : Node.js는 아직 다루기 어렵고, 헷갈린다. fetch 활용이 아직 헷갈리는 것 같다. 

앞으로 개선할 점 : 어려웠던 부분을 더 공부해야겠다는 생각이 들었고, 이전 아고라스테이츠 클라이언트 구현한 것도 리액트로 바꾸는 중인데, 완료해봐야겠다는 생각이 들었다.

 

---

🌙  오늘의 회고

 섹션1에서 만들었던 나만의 아고라 스테이츠의 서버를 구현하는 과제가 주어졌다. 계속해서 express를 공부해서 그런지 과제 자체는 어렵지 않았지만 이전에 만들었던 아고라 스테이츠를 리액트로 바꾸고, 나머지 추가 작업을 하는게 시간이 오래 걸리는 듯 했다. 아직 반도 못한 느낌… 🥲

 공부할게 아직 너무너무 많은데, 정말 피곤하다…

 (아, 오늘 소그룹 회의(?)에서 내가 구현한 코드를 설명하는 시간이 있었는데, 다 안다고 생각했던 부분이 말로 설명을 하려니 잘 되지 않았다. 내가 이해한 부분을 말로 설명할 수 있어야겠다는 생각이 또 한번 들었다.)