java 배우기/TIL

24.06.24 내일배움캠프 Java_6기 TIL

checkuu 2024. 6. 24. 16:53

오늘 한일

  • 알고리즘 1문제
  • SQL 2문제
  • 웹개발 종합반 1주차 강의 완료

 

웹개발 종합반

브라우저는 서버가 만들어 놓은 API에 준비해두었던 HTML 파일을 받아서 우리가 볼 수 있도록 그려주는 역할을 수행

 

HTML은 웹페이지에서 뼈대를 담당

CSS는 꾸며주는 코드

VS Code라는 코드 에디터를 이용해 HTML ,CSS 실습

 

HTML 기초 실습하기

HTML은 크게 <head>영역과 <body> 영역으로 이루어져 있다.

head 안에는 페이지의 속성 정보를 body 안에는 페이지의 내용이 들어간다.

코드의 정렬이 제대로 되어 있지않으면 생김새를 파악할 수 없어 오류 해결이 어려워진다.

VS Code 에서 Shift + Alt + F 로 코드를 자동정렬 할 수 있다.

 

CSS 기초 실습하기

<head> 안에 <style> 이라는 공간을 만들어 작성한다.

<div>를 이용하여 각 컨텐츠를 묶어 구역을 나눠 준다.

자주쓰는 CSS 에는 h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding 등이 있다.

모든것을 꼭외울 필요는 없고 필요에 따라 구글링을 통하여 자연스럽게 적용하기.

잘만들어진 CSS를 모아둔 부트스트랩을 이용하여 쉽게 디자인하기