728x90
반응형
프론트엔드 & 백엔드 포함된 초간단 서비스 만들어 보기 - (7) 투두 리스트 앱 하나씩 뜯어보기 (백엔드)
분명 전산학부 졸업 했는데 코딩 개못하는 조준호/Web 2024. 11. 5. 14:18프론트엔드 & 백엔드 포함된 초간단 서비스 만들어 보기 - (7) 투두 리스트 앱 하나씩 뜯어보기 (백엔드)

우리가 만든 코드를(우리가 아니라 내가 혼자 만들긴 함ㅋ) 다음 순서로 살펴볼 것이다.  저번에 프론트엔드를 봤으니 이번에는 백엔드를 볼 거다.    💡 server.jsExpress와 SQLite를 사용해서 간단한 서버를 만들었다. const express = require("express");const bodyParser = require("body-parser");const db = require("./db/db"); // SQLite 설정 모듈const app = express();const PORT = 3000;app.use(bodyParser.json());app.use(express.static("../frontend"));// To-Do 목록 가져오기app.get("/api/todos",..

프론트엔드 & 백엔드 포함된 초간단 서비스 만들어 보기 - (5) 투두 리스트 앱 실행하기!
분명 전산학부 졸업 했는데 코딩 개못하는 조준호/Web 2024. 10. 29. 16:49프론트엔드 & 백엔드 포함된 초간단 서비스 만들어 보기 - (5) 투두 리스트 앱 실행하기!

이제 본격적으로 풀스택 애플리케이션을 만들어 보자! 예시로 투두 리스트 애플리케이션을 만들어 볼 것이다. 프론트엔드 HTML & JavaScript백엔드 Node.js & ExpressDB SQLite 요렇게 사용할 예정~  각각의 파일이 어떤 역할을 하는지는 우리의 chatGPT가 친절히 설명해 준다. 이건 백엔드  이건 프론트  폴더 기본 구조를 만들고 npm init을 했더니 이렇게 나왔다.  npm init은 Node.js 프로젝트를 초기화할 때 사용하는 명령어로, 프로젝트의 메타데이터를 담고 있는 package.json 파일을 생성한다. 여기서 npm install을 통해 이것저것 패키지를 설치하면 node_modules 폴더와 package-lock.json 파일이 생성된다.node_modul..

728x90
반응형
image