개발 REPO

const line = require("fs").readFileSync("/dev/stdin", "utf8"); let input = line.trim().split("\n"); const dx = [1, -1, 0, 0]; const dy = [0, 0, 1, -1]; const [m, n] = input[0].split(" ").map(Number); let tomatos = []; let queue = []; let zero = 0; let cnt = 0; minimumDate(); function minimumDate() { //토마토밭을 만드는 for문 for (let i = 1; i < n + 1; i++) { tomatos.push(input[i].split(" ").map(Number));..

게시판이 나오도록 했으니 글쓰기 버튼과 글쓰기가 있어야겠죠 이런식으로 만들 예정입니다. 글쓰기 버튼 및 글쓰기 동작 버튼은 알다시피 ejs에서 만든 후 public에서 원하는 uri로 가게 해줍니다. 글쓰기는 서버에 데이터를 저장해달라고 하는 요청하는 것이기 때문에 메서드 중에 POST를 사용합니다. 그래서 public/write.js에서 이런식으로 사용자가 입력한 data를 받고 그 데이터를 json형식에 문자열로 body에 저장하여 fetch를 이용해 보내줍니다. 콘솔로 찍어서 확인해보면 이렇게 적고 보냈을 때 아래의 사진처럼 오브젝트로 보내지는 것을 볼 수 있습니다. post형식으로 보내기만 하면 되는 것이 아니라 이 데이터들을 받아서 적용을 해줘야 합니다. 그래서 route.js에서 router...

🔗 시작하기 전 깔아야하는 모듈 1. express - 웹 프레임워크로써 API개발을 위해 사용합니다. 2. ejs - html 대신 ejs를 사용하기 위해 사용합니다. 3. body-parser - post request data의 body로부터 파라미터를 추출할 때 사용합니다. 4. nodemon - 변경사항이 있을 때 서버를 자동으로 업데이트하기 위해 사용합니다. 5. mysql - 저는 mysql를 데이터베이스로 사용할 것이라 깔았습니다. npm install --save express, ejs, body-parser, nodemon 📋 기능별 폴더 나누기 1. bin - 포트 설정 후 서버를 실행하는 파일 2. dbConfig - 데이터베이스와 연결하는 파일 3. public - ejs와 연결되..

ejs 파일들 라우터 역할 js 파일 보시면 output과 process로 나누었습니다. output은 보여지는 프런트 process는 데이터를 가공하는 기능을 합니다. output res파라미터를 받아 컴포넌트를 html로 바꾸어 브라우저에 나타나게 하는 render 메서드를 이용해 ejs파일과 연결해주었습니다. process 회원가입과 로그인할 때 db에 데이터를 입력하고 검색하는 기능을 해줍니다. req파라미터를 받아 각 js파일에서 던져준 body의 값을 저장합니다. body에는 사용자가 입력한 값이 저장되어있습니다. db.query는 첫번째인자는 sql명령어, 두번째 인자에는 배열로 된 값을 넣어줄 수 있습니다. process.signup 사용자가 입력한 값을 받아 insert문으로 데이터베이스..