반응형 FastAPI5 백엔드_백엔드의 핵심 CRUD(2) 이번에 CRUD를 공부하면서 정말 멘탈이 산산조각 나고 있다. 저번 글에 이어서 작성을 하기에는 이미 너무 많이 진행을 해버려서 전체 코드를 가지고 복습을 해보도록 하겠다. 코드는 JS와 파이썬 코드만 보면서 복습을 할 거고 주로 프론트와 백의 연결 부분에 초점을 맞추도록 하겠다. Create async function createMemo(value) { const res = await fetch("/memos", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ id: new Date().getTime(), content: value, }), }); readMemo(); } 먼저 back와 .. 2023. 7. 3. 백엔드_백엔드의 핵심 CRUD(1) CRUD란 데이터를 처리하는 4가지 기본 작업이다. Create : 새로운 데이터 생성 추가 Read : 데이터 조회 및 검색 Update : 기존 데이터 변경, 갱신 Delete : 데이터 삭제 Create 이번에는 CRUD 중에서 C를 실습해보자 이 강의가 너무 따라가기 벅차서 벌써 몇 번째 돌려 보는지 모르겠다. 지금 실습으로 메모를 만들고 있는데 먼저 이해한 대로 써보겠다. 현재 FastAPI를 통해서 uvicorn으로 서버를 만들었고 html은 아주 간단히 form label input button 으로 작성을 했다. 여기서 input에 어떠한 글을 작성을 하고 버튼을 누르면 글이 제출이 되고 제출된 글이 ul > li를 통해서 보여야 한다. 그래서 button의 type는 submit으로 했다.. 2023. 7. 1. 백엔드_FastAPI로 워들게임 연동하기 지난번에 클론 코딩으로 워들게임을 만들었었는데 2023.06.26 - [개발공부] - 클론 코딩-Wordle(게임)__3 자바스크립트 그때 만든 건 답을 JS파일에 변수로 지정해 놓았을 뿐이었다 이번엔 서버에 정답을 저장하고 게임을 할 때 서버에 정답을 요청해 보자 먼저 기존에 만들었던 파일을 서버에서 불러올 수 있도록 해보자 FastAPI공식 문서를 보자 영어는 모르겠지만 대충 복사할 것들이 보인다. 그대로 복사해온다. from fastapi import FastAPI from pydantic import BaseModel from fastapi.staticfiles import StaticFiles //이거 복사해 옴 app = FastAPI() app.mount("/", StaticFil.. 2023. 6. 30. 백엔드_정보를 전달하는 방식(FastAPI) Path parameter path 방식 /users/123 - 유저들 중에서 id가 123인 유저를 보여줘 123인 유저 한 명!!!!! 한 명만 식별 현업에서 리소스를 식별해야 할 때 Query parameter query 방식 /users?age=20 - 유저들 중에서 나이가 20살인 유저들을 보여줘 정렬이나 필터를 해야할 때 Request Body 저번에 이어서 FastAPI를 이용해서 서버를 만들고 Path 방식으로 요청을 해보자 from fastapi import FastAPI app = FastAPI() items = ['맥북','애플워치','아이폰','에어팟'] @app.get('/items') def read_items(): return items 이번에는 items라는 리스트를 만들고 .. 2023. 6. 30. 이전 1 2 다음 반응형
