✅ 아래 내용들에 대해서 알아보자 - 프로젝트 세팅 및 실습 - 테스트 공식문서를 보면서 FastAPI & Sqlalchemy를 같이 사용해 보자! 프로젝트 세팅 프로젝트 폴더 구조는 sql_app이라는 폴더가 있고 그 밑에 각각 역할을 하는 파일이 존재한다. 각 파일들을 하나씩 살펴보자! 1. crud.py - DB와 통신하여 crud 작업을 하는 역할(persistence layer, 스프링의 repository 클래스 from sqlalchemy.orm import Session from . import models, schemas def get_user(db: Session, user_id: int): return db.query(models.User).filter(models.User.id ==..

✅ 아래 내용들에 대해서 알아보자 - 쿼리 매개변수 - HTTP 요청 - 쿼리 매개변수 쿼리 매개변수는?(물음표)를 사용하여 나타내고 &를 사용하여 쿼리 파라미터를 구분한다. 예를 들어, http://localhost:8000/items/1?q=3&short=true의 1은 item_id 값으로 스프링으로 비유하자면 pathVariable이고 q와 short는 각각 쿼리 매개변수로 식별된다. 그리고 매개변수에 타입을 설정할 수 있다. (item_id:str, short:bool 등..) 자세한 건 아래 코드를 참고하자 """ 쿼리 매개변수 """ from typing import Union from fastapi import FastAPI app = FastAPI() fake_items_db = [ {"..

✅ 아래 내용들에 대해서 알아보자 - FastAPI란 - FastAPI 설치 및 간단 실습 - 정리 FastAPI란 FastAPI는 python 3.6 이상 버전의 API를 빌드하기 위한 웹 프레임워크이다. FastAPI 특징 Starlette와 Pydantic 덕분에 높은 매우 높은 성능을 보여준다. 배우기 쉽고 공식문서가 잘되어 있어서 러닝 커브가 낮다 API에 대해 swagger와 오픈 API를 관리할 수 있도록 자동으로 제공해 준다.(따로 스웨거 세팅 필요 없음!) 내부에 Pydantic을 사용하여 유효성 검증을 자동으로 해준다. 복잡한 사용자 인증 시스템, DB 연결 등 지원 효율적인 테스트 코드 환경 제공 fastapi 공식문서를 보면서 fastapi 찍먹을 해보자. FastAPI 설치 pyt..

✅ 아래 내용들에 대해서 알아보자 - display - 예제 코드 display display 속성은 요소를 블록, 인라인 요소 중 어느 쪽으로 처리할지와 함께, 플로우, 그리드, 플렉스처럼 자식 요소를 배치할 때 사용할 레이아웃을 설정하는 속성이다.(참고) 종류 특징 none - 요소를 화면에 숨긴다(공간도 차지하지 않음) - visibility: hidden과 달리 레이아웃에 공간을 차지하지 않는다. block - 요소를 블록 레벨 요소로 지정 - width, height, margin, padding 속성 사용 가능 - 요소 추가 시 세로로 배치(줄 바꿈 됨)가 되어 최대 가로 너비를 차지한다. inline - 요소를 인라인 요소로 지정한다 - 요소 추가 시 가로로 배치(줄 바꿈 안됨)가 되어 가로..

✅ 아래 내용들에 대해서 알아보자 - css 폰트 - css 크기 - 예제 코드 css font css font 속성을 이용하여 폰트에 대해서 다양한 속성을 사용할 수 있다.(참고) css 크기 - rem : 최상위 요소의 크기의 n배 적용 - em : 상위 요소의 크기의 n배 적용 - vw: viewport width 사이즈 크기의 퍼센트만큼 너비 크기 - vh: viewport height 사이즈 크기의 퍼센트만큼 높이 크기 예제 코드 폰트 공부 font-size, font-family를 공부해봅시다 font-weight 공부해봅시다 font-weight를 공부해봅시다 웹폰트를 공부해봅시다 px px에 대해서 공부해봅시다 rem rem에 대해서 공부해봅시다 em em에 대해서 공부해봅시다 vw vh ..

✅ 아래 내용들에 대해서 알아보자 - css 선택자 - 예제 코드 css 선택자 css선택자는 특정 요소(element)를 선택하여 스타일을 적용할 수 있게 해 준다. css 선택자의 종류에는 여러 가지가 있다. 궁금하다면 mdn을 참고하자 참고로 id 선택자 사용 시 특정 id는 해당 html에서 하나만 적용이 가능하다. 반대로 class 선택자는 다중 사용이 가능하다. 예제 코드 예제 코드 하나씩 보면서 분석해 보면 쉽게 이해할 수 있을 것이다. 1. 자손, 자식 결합자 예시 자손 결합자 #1 자손 결합자 #2 자식 결합자 #1 자식 결합자 #2 애국가 1절 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 무궁화삼천리 화려 강산 대한 사람, 대한으로 길이 보전하세. 2절 남산 위에..