HTML6 CSS로 HTML / JS 돌아가는 로딩 UI 만들기 ( 로딩창 만들기 / React.js / Next.js 등 ... ) 안녕하세요 이런 식으로 동글동글 돌아가는 UI가 필요한 경우가 많은데 오늘은 이걸 만들어보도록 하겠습니다 우선 이런 식으로 베이스 코드를 작성해주시고 같은 경로에 main.css / main.js를 만들어줍니다 사실 css만 있으면 되고 js는 딱히 필요한 건 아닙니다 여튼 처음 html을 생성하고 로드하면 위와 같은 화면이 뜹니다 여기서 loader는 inline 요소인 span태그로 만들어졌고 아무런 값도 가지고 있지 않습니다 일단 우선 button 태그를 가운데에 정렬해보죠 그리고 배경도 깔끔하게 베이지 색으로 적용해보겠습니다 body { background-color: beige; min-height: 100vh; display: flex; justify-content: center; align-.. 2024. 3. 16. HTML 초간단 테이블 만들기 ( 복붙하면 끝 ) 안녕하세요 오늘은 HTML 파일에서 테이블 형식으로 코드를 구현하는 방법을 알아보죠 근데 사실 되게 간단한데 테이블 구조만 맞추면 OK 거든요 요거 한번 만들어 보려고 합니다 ( 사실 그냥 만들고 css 붙이면 끝이라서 귀찮으면 아래 코드 복붙 ㄱㄱ ) 제품명 가격 URL 테스트 정보 테스트 정보 테스트 정보 테스트 정보 테스트 정보 테스트 정보 테스트 정보 테스트 정보 테스트 정보 기본적으로 안에서 동작하고 아래 tr 부분은 데이터를 담아야 하는 `` ( 백틱 ) 관련 처리를 위한 폼 입니다 여기에 클래스로 table 효과를 주려면 위에 태그를 열고 .table 에 효과를 주시면 됩니다 #dataset 은 jquerry 가지고 데이터 수정할 때 써먹으면 됩니다 .table { margin-top: 70.. 2022. 12. 31. FASTAPI HTML 파일 초간단 전송 방법 ( 복붙하세요 ) 안녕하세요 요즘 개인 프로젝트로 FASTAPI 재진행하고 있는데 아파서 쉬다 돌아왔습니다 여튼 거두절미하고 바로 진행하죠 from fastapi import FastAPI from fastapi.responses import StreamingResponse from fastapi import Request from fastapi.responses import HTMLResponse from fastapi.templating import Jinja2Templates from fastapi.staticfiles import StaticFiles import pymysql from pydantic import BaseModel 이건 FASTAPI 이용할 때 주로 쓰는 여러 코드인데 쓸모없는게 몇게 섞여있지만 .. 2022. 12. 30. Django로 백엔드 만들어보자! ( django 설치 & 폴더 구조 설정 ) 안녕하세요 오늘은 Django 로 백엔드를 만들어볼건데요 여기서 백엔드라는 건 여러분이 이 블로그를 보는 건 프론트 그 뒤에서 여러분한테 파일 보내주는(카카오서버) 얘는 백엔드라고 합니다 사실 Fastapi() 쓰려고 했지만 하자가 조금... 설치하기 사실 설치는 되게 간단합니다 python 설치된 PC( PATH 설정된 ) 에서 pip install django 치시면 되거든요 뭔가 열-심히 하는 데 그냥 놔두면 알아서 하구요 https://docs.djangoproject.com/ko/4.1/intro/ Django The web framework for perfectionists with deadlines. docs.djangoproject.com Django 공식 페이지 가면 문법 다 나와있습니다.. 2022. 12. 7. 이전 1 2 다음
