부트스트랩 2

[Bootstrap] Bootstrap 사용법 익히기

식품영양DB 오픈 API를 이용하여 사용자가 하루동안 먹는 음식에 대한 칼로리를 계산해주는 웹 페이지를 구성해보려한다. 이를 위해 프론트엔드 영역을 손쉽게 해결해 줄 수 있는 bootstrap을 이용하기로 하였다. 참고한 페이지는 Bootswatch 로 이 페이지에 있는 템플릿은 무료로 이용이 가능하다. 처음엔 Morph 템플릿을 이용했었는데 온 화면이 하늘색으로 덮여있으니 답답하여 좀 더 밝고 경쾌한 느낌의 Minty로 변경하였다. 적용 방법 사용 방법은 아래 사진에서 보이듯이 Download에서 bootstrap.css / bootstrap.min.css 파일을 다운로드 받아 프로젝트의 css 파일에 넣어주고 Bootstrap에서 CDN 링크로 bootstrap을 연결해주면 된다. 위 방법보다 더 쉬..

웹개발 2023.12.21

WEB : [0621] Bootstrap

! 배워가고 있는 주인장이 쓴 글이니 정보의 정확성에 유의해주시기 바랍니다 ! BootstrapApp ■■■ 부트스트랩(Bootstrap) ■■■ 더보기 ○ 웹 개발의 흐름 (웹 어플리케이션) 홈페이지 --------------> 웹 사이트 ------------> 웹 서비스 ------------> 웹 앱 - 읽기 위주의 - 쓰기 가능한 - 기능성 - 실시간 정적 콘텐츠 동적 콘텐츠 개발 생산성 상호작용 - HTML - CGI & - MVC 서버 - 경량 서버 제작도구 서버 페이지 프레임워크 & 프레임워크 & AJAX 툴킷 프론트엔드 프레임워크 ○ 부트스트랩 개요 - 트위터(Twitter)에서 오픈소스로 공개한 웹 프론트엔드 개발 도구 → 트위터 개발팀에서 제작 - 트위터(Twitter) 개발 과정 중..

JAVA개념&실습 2023.08.22