부트스트랩 이란?직접 CSS를 만드는 것보다 예쁜 CSS를 활용하는 것이 더 좋기에 그런것들을 모아둔 팩토리 같은 개념이다. 1.폴더를 하나만든다. 2. 앨범에 html 파일을 하나만든다.  3. 태그 다음에 부트스트랩을 가져오는 링크를 달아준다. 4.해당 사이트에 들어가서 원하는 부트스트랩을 골라 css 코드를 가져온다.링크:https://getbootstrap.com/docs/5.3/components/buttons/ ButtonsUse Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.getbootstrap.com  5. 안에 해당..

CSS 문법을 이용해 폰트를 바꿔볼려고 한다. 우선 폰트 사이트에 접속한다.링크:https://fonts.google.com/?subset=korean Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com  1. Filters 를 클릭하고, Language를 korean 으로 바꾼다.2.원하는 폰트 클릭 3.Get font 버튼 클릭 4. Get embed code 클릭 5.오른쪽의 Web 탭에서 import 버튼을 클릭 6. 태그 안에 묶인 코드만 복사해서 style 태그 안에 넣기  7. CSS class 탭의 코드를 복사한 후,  전체 적용(*{})..

HTML은 "누가 누구안에 있느냐" 를 이해하는 것이 중요하다.만약 아래 같이 빨간색 div 를 가운데로 옮기면 , 그안에 있는 초록/파란색 div 도 모두 함께 이동한다.  CSS 는 이러한 원리를 이해하여 뼈대를 꾸미는 일을 한다. CSS에 사용되는 기본적인 문법들이다. - 배경관련 background-color :배경색background-image:배경사진background-size:배경크기- 사이즈 width height - 폰트 font-size font-weight font-family color - 간격 margin:바깥쪽 여백padding :안쪽여백 CSS 사용방법을 이해하기 위해 예제로 먼저 살펴 보려고 한다. 로그인 페이지 ID: PW: 로그인하기  : 안에 ..

HTML을 이해하기 위한 난이도가 가장 쉬운 로그인 페이지를 만들어 보았다.CSS 는 아직 사용하지 않고 만들어보았다.  로그인 페이지 ID: PW: 로그인하기        : 큰 글씨로 제목을 쓸수 있는 태그        : 문단을 나눠 줄 수 있는 태그 : 텍스트 상자를 만드는 태그  텍스트: 버튼을 만드는 태그

대학교 2학년쯤에 HTML과 자바를 배웠던 기억이있다. 이후에는 파이썬을 위주로 사용했었기 때문에 문법과 알고리즘 등을 다시 공부 해볼려고 한다. 1주차에는 개발의 기본인 HTML과 CSS 에 대해 알아볼 것이다.브라우저의 역할1. 요청 보내기2.받은 HTML 파일을 그려주는것 API로 요청을 보내면 서버의 데이터베이스에서 데이터를 돌려주고,브라우저에서 Javascript라는 언어를 불러오게 된다. HTML 을 만들어보기 위해 Visual Studio 개발 환경을 사용하기로 했다. HTML과 CSS의 개념HTML: 웹페이지CSS: 뼈대를 꾸며주는 도구  HTML 환경 셋팅HTML 파일을 만들고 html 입력후 두번째걸 누르면  셋팅이 완료된다.

아래에 나오는 데이터는 서버에 없는 데이터 이기때문에 따로 CSV 파일을 만들어 LOCALHOST(MY SQL) 서버에 데이터를 넣어주어야한다.방법:https://computerreport.tistory.com/16 완료 Database 파일 우클릭 후 Create New" data-og-host="computerreport.tistory.com" data-og-source-url="https://computerreport.tistory.com/16" data-og-url="https://computerreport.tistory.com/16" data-og-image="https://scrap.kakaocdn.net/dn/ddkG56/hyX4sj0OAw/zqedmHWg5k7XLSRUm4lRMk/img.p..