div.log('Code Trail')

이전 포스팅에서 예고했던대로 이번엔 'Railway'를 이용한 백엔드 서버 배포 과정을 포스팅할것이다.이 과정에서 시행착오가 꽤 많았기 때문에 생각보다 시간이 오래 걸렸다. Railway란?Railway는 개발자들이 코드를 간편하게 배포할 수 있도록 지원하는 클라우드 플랫폼으로, 자동 배포, 다양한 서비스 관리, 사용자 친화적인 인터페이스를 제공한다.팀 협업이 가능하고 컨테이너 기반의 인프라 사용하여 스케일링이 용이해 안정적인 앱 운영을 돕는다. https://railway.com/ RailwayRailway is an infrastructure platform where you can provision infrastructure, develop with that infrastructure locally..

홈페이지 방문자가 회원 가입을 진행한다면 입력한 데이터는 DB에 저장된다.이번 포스팅은 DB에서 데이터를 불러오지 않고 반대로 데이터를 추가하는 방법을 다룰 것이다.사실 이 부분은 SQL문만 알고있으면 어려울 부분이 전혀 없다.// authRouter.jsrouter.post('/register_submit', (req, res)=>{ // 클라이언트로부터 전달받은 input 값 const {regId, regPw, regNickname, regEmail, regCar}=req.body.registerSubmit; // DB에 데이터를 추가하기 위한 쿼리문 const sql='insert into users (user_id, user_pw, nickname, email, car) ..

회원 가입 폼을 만들던 중 계속해서 서버가 종료되는 오류가 발생했다.처음엔 중복 확인이 필요한 항목이 세 개니까 query() 매서드 세 개를 써서 각각 응답을 보내면 되겠다고 생각했다.하지만 결과는... "Cannot set headers after they are sent to the client" 오류를 내며 서버가 죽어버렸다. https://duski96.tistory.com/18 [React] 회원 가입 폼 구현하기로그인 기능을 구현하면서 DB 연동까지 마친 상태라 회원 가입을 구현하는 것도  금방 끝낼줄 알았다.회원가입의 필수 기능 중 하나인 '중복 확인' 기능을 동기 방식으로 구현했다면 진작에 완duski96.tistory.com 문제점Express 서버는 한 요청에 하나의 응답만을 보낼 수..

이전 포스팅에서 로그인 기능을 구현하는 방법에 대해 다루었다.리액트에서 ID, PW 입력을 받아 로그인 버튼을 누르면 로그인 api를 호출하는데 이번 포스팅에선 이 api를 다룰 것이다.이전에 생성해둔 server.js를 사용할 것이다. https://duski96.tistory.com/15 [Node.js] React에 MySQL 연동을 위한 Server 생성React에 MySQL 연동하기 포스팅에 작성했던 내용인데, 내용이 너무 길고 리액트와 연관이 큰 부분은 아니라 새로운 카테고리의 게시글로 분리했다. Server 생성 과정DB로부터 데이터를 불러오기 위duski96.tistory.com authRouter.js 파일 생성 폴더 구조는 동일하지만 routes 폴더의 index.js 파일을 authR..

React에 MySQL 연동하기 포스팅에 작성했던 내용인데, 내용이 너무 길고 리액트와 연관이 큰 부분은 아니라 새로운 카테고리의 게시글로 분리했다. https://duski96.tistory.com/12 [React] React에 MySQL 연동하기진행중인 중고차 홈페이지 제작 프로젝트에서 커뮤니티 기능을 추가하려고 한다.사실 처음엔 여기까지 진행할 생각 없이, 검색과 찜하기 기능만 구현되면 새로운 프로젝트를 시작하려 했었다.duski96.tistory.com Server 생성 과정DB로부터 데이터를 불러오기 위해선 클라이언트의 요청을 처리하기 위한 서버가 필요하다.다음과 같이 진행중인 프로젝트 폴더 아래 server 폴더를 생성해 server.js를 생성해주었다.그 아래 config 폴더를 만들어 D..