스크랩>MySQL 실습을 위한 bootstrap 템플릿 시작하기

MySQL 실습을 위한 웹페이지 구성

* 사용자 등록 및 로그인 페이지: 사용자가 계정을 등록하고 로그인할 수 있는 페이지이다. 회원 정보를 MySQL 데이터베이스에 저장하고 인증을 위한 쿼리를 실행하는 기능이 포함될 수 있다.
* 게시판 페이지: 게시글을 작성하고 조회할 수 있는 게시판 형태의 페이지, MySQL을 사용하여 게시글과 관련된 데이터를 저장하고 조회하는 기능을 구현할 수 있다.
* 상품 목록 페이지: 상품 정보를 MySQL 데이터베이스에서 가져와서 목록으로 표시하는 페이지이다. 상품 검색, 정렬, 필터링 등의 기능을 포함할 수 있다.
* 주문 처리 페이지: 사용자가 상품을 선택하고 주문을 처리하는 페이지이다. 주문 정보를 MySQL 데이터베이스에 저장하고 주문 상태를 업데이트하는 기능이 포함될 수 있다.
* 관리자 대시보드 페이지: 관리자가 데이터베이스의 내용을 관리하고 통계 정보를 확인할 수 있는 대시보드 페이지로 MySQL 데이터베이스와 상호작용하여 데이터 관리 및 분석 기능을 제공한다.

 

개요 알기

https://www.youtube.com/watch?v=LnGgndT308Q&ab_channel=%EC%A1%B0%EC%BD%94%EB%94%A9JoCoding 

 

예시 부트스트랩 템플릿

https://adminlte.io/blog/free-bootstrap-5-templates/

1, 10번 템플릿

 

 

Flask

https://doraeul19.tistory.com/168

[Flask] 구름IDE를 활용한 Flask

https://www.youtube.com/watch?v=ddfBlI_ioyw&list=PLqIc89sXpwUBmr0Z282fm9JurDDYBE55r&ab_channel=%EA%B3%A0%EC%A4%80%EC%84%9C 

 

 

Bootstrap은 프론트엔드를 위한 웹 프레임워크입니다.

쉽게 말하면 ppt를 만들 때 템플릿과 같은 것들이 모인 곳이라고 보면 되겠네요.

 

하지만

우리가 템플릿만 쓰면 나만의 느낌을 가진 ppt를 만들지 못하는 것처럼

bootstrap으로만 화면을 꾸미면

그 특유의 느낌이 생깁니다.

누가봐도 bootstrap을 쓴 것 같은 느낌...?ㅎ

그래서 만약 프론트엔드 개발자 쪽을 꿈꾸신다면

부트스트랩을 탈피하여 자신만의 코드를 짜셔야겠지만!

우선 처음하는 개발자들에게

대신 꾸며주는 bootstrap은 가뭄 속의 단비와 같습니다.

 

https://free-eunb.tistory.com/12

Bootstrap 사용법 & Start bootstrap 템플릿

 

 

부트스트랩 기본 사용법

https://mixedcode.com/Article/Index?aidx=1071 

믹스드코드랩:{나도개발자시리즈1}: 부트스트랩 기본 사용법

 

 

 

부트스트랩

https://datamoney.tistory.com/149

BootStrap 부트스트랩 (소개 / 추천 / 사용법 / html / css / 프론트엔드 / 백엔드 / 웹 디자인 / 웹 개발

 

 

 

부트스트랩 텝플릿 적용하기

https://dev-jwblog.tistory.com/33

[SpringBoot] BootStrap Templete 적용하기

 

 

 

부트스트랩 텝플릿 적용해보기

https://softstudy.tistory.com/7

부트스트랩 템플릿 적용해보기