서버 썸네일형 리스트형 [TS] 타입스크립트로 웹앱 구동하는 법 먼저 폴더를 하나 생성해줍니다. 다음은 필요한 서버인 express와 타입스크립트, 타입스크립트 파일을 js로 컴파일 해주는 ts-node를 다운받습니다. tsc --init 명령어로 초기화 시켜주면 tsconfig.json파일이 생기고,해당 설정을 위와 같이 변경합니다. 다음은 index.ts파일을 하나 만들어서import express from "express";const app = express();const PORT = 3000;app.get("/", (_req:any, res:any) => { res.send("Hello from Express + TypeScript!");});app.listen(PORT, () => { console.log(`✅ 서버가 http://localhost:.. 더보기 [Flask] Nutritiguide 백엔드 서버 코드 리뷰 안녕하세요 오늘은 졸업작품 중 파이썬으로 작성한 Flask 서버 코드를 리뷰해보려고 합니다. from flask import Flask, request, jsonifyimport openaiimport pandas as pdimport numpy as npfrom flask_cors import CORSimport mathapp = Flask(__name__)CORS(app)openai.api_key = "비밀키" 먼저 상단의 기본 코드입니다. from flask import Flask, request, jsonify: Flask 프레임워크에서 웹 애플리케이션을 구축하는 데 필요한 클래스와 함수를 가져옵니다. import openai OpenAI Python SDK를 가져옵니다. OpenAI는 자연어.. 더보기 [React] 리액트로 서버에 데이터 연동하기2 저번 시간에는 express를 이용해서 서버에 데이터를 추가하고 변경하는 것까지 해봤습니다. 이번에는 리액트에서 코드를 짜서 서버에 데이터 요청을 해보겠습니다. (라매개발자님의 강의 영상을 참고하였습니다.) 먼저 create-react-app database를 터미널에 입력해서 작업 폴더를 만들어 줍니다. 그리고 필요없는 css파일들과 logo.svg파일을 지워줍시다. 파일을 지웠으니까 index.js와 app.js의 import문과 내용을 지워줍니다. function App() { return ( Todolist ); } export default App; 임의로 코드를 적고 npm start를 통해서 테스트 해봅시다. 잘 나오네요! 서버에 데이터를 요청하려면 fetch와 axios를 사용해야 합니다... 더보기 이전 1 다음
