라우터 (2) 썸네일형 리스트형 리액트에서 게시글 목록 클릭해서 해당 게시글 상세 페이지로 이동하기 제목이 좀 길지만 쉽게 말하면 내가 게시판에 접속했는데 수많은 게시글 중 한 개의 제목을 클릭하면 해당 게시글의 상세 페이지로 넘어갈 수 있는 로직을 소개하고자 한다. 우선 나는 ReactJS와 NestJS를 이용해서 프로젝트를 진행중이다. 마이페이지에 접속하면 아래 사진과 같이 내가 작성한 피드 리스트가 보이고 피드의 제목을 클릭하면 해당 피드의 상세페이지로 접속할 수 있다. 쉽게 생각하면 각 피드의 제목마다 해당 피드의 상세 페이지의 주소를 하드코딩 해서 쉽게 페이징 기능을 구현 할 수도 있지만 이 프로젝트는 서버와의 연동을 통해 실제 게시판 서비스 처럼 생성, 조회, 수정, 삭제가 가능하도록 제작하는 것이 목표이므로 피드 리스트의 각각의 피드 제목을 클릭했을 때 해당 피드의 id를 기반으로 상세 페.. nodejs에서 routes폴더 이용해서 라우터 관리하기 1. 개요 라우터 여러개 생기면 관리 귀찮음 router 폴더에다가 JS파일로 라우터 들을 저장해놓을 수 있음 server.js에 JS파일 등록해서 쓰면 됨 2. 설정 server.js랑 같은 경로에 routes 폴더 만들기 routes 폴더 안에 JS파일 만들기 3. 코드 (1) server.js // 라우터 가져오는 코드 // app.use는 미들웨어 쓰는 코드 // 미들웨어는 요청과 응답 사이에 실행하는 코드 // URL없이 미들웨어 쓰면 모든 응답과 요청 사이에서 실행 // app.use('/', 미들웨어, function) 형태는 '/'요청왔을대 미들웨어 실행 app.use("/shop", require("./routes/shop")); shop.js라는 파일에다가 라우터 집어넣어둠 경로에 왜 .. 이전 1 다음
