1. 웹을 이루는 기본 뼈대, HTML 1. HTML과 마크업 HTML 문서 : HTML 태그로 작성된 문서 확장자 : .html HTML : Hyper Text Markup Language 마크업 언어 마크업 : 보기 쉽게끔 마크를 남겨두는 작업 요소의 계층 관계 ...
basics_진짜 쉽게 설명하는 코딩
HTML : 뼈대 CSS : 꾸며 주는 역할 자바스크립트 : 웹사이트를 실제로 움직이게 하는, 실제적인 기능을 갖추게 하는 역할 보통 웹 프론트엔드 기술과 함께 사용 자바 : 백엔드 기술과 함꼐 많이 쓰는 프로그래밍 언어 SQL : 데이터베이스를 다룰 수 있도록...
springboot_게시판 내 페이지 이동하기
6.1 링크와 리다이렉트란 목록 페이지에 링크와 리다이렉트라는 기능을 이용해 구현 링크 : 미리 정해 놓은 요청을 간편히 전송하는 기능으로 보통 페이지 이동을 위해 사용 HTML의 <a> 태그 혹은 <form> 태그로 작성 클라이언트가 링크를 통해 ...
springboot_게시판 만들고 새 글 작성하기_Create
CRUD 게시글을 생성(Create)하고 조회(Read)하고 수정(Update)하고 삭제(Delete)하는 것 3.1 폼 데이터란 폼 데이터 : HTML 요소인 <form>태그에 실려 전송되는 데이터 <form> 태그 : 웹 브라우저에서 서버로 데이터를 전송할 때 사용 &...
springboot_MVC 패턴 이해와 실습
2.1 뷰 템플릿과 MVC 패턴 2.1.1 뷰 템플릿이란 뷰 템플릿 화면을 담당하는 기술 웹 페이지를 하나의 틀로 만들고 여기에 변수를 삽입해 서로 다른 페이지로 보여줌 Mustache : 뷰 템플릿을 만드는 도구 (1장에서 도구 추가함) 2.1.2 MVC 패턴 뷰 템플릿 (=...
springboot_summary
Part 1 스프링 부트 개요 1장 스프링 부트 시작하기 1.1 스프링 부트란 자바 웹 프로그램을 쉽고 빠르게 만들기 위한 도구 1.2 스프링 부트 개발 환경 설정하기 1.2.1 JDK 설치하기 자바 코드의 번역과 실행을 담당하는 자바 개발 도구 설치 URL : AdoptOpenJDK 1.2.2 IDE 설치하기 개발 생...
JavaScript_자바스크림트로 웹 페이지 제어하기
자바스크립트 시작하기 HTML과 자바스크립트 연결하기 <!-- HTML 파일 내부 연결 --> <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>javascript</title> <...
CSS_flex 방식으로 레이아웃 만들기
부모 요소에 flex 적용하기 flex 레이아웃 배치 방법 남는 공간을 어떻게 차지할 것인지에 대한 성질이 핵심 개념 부모 요소와 자식 요소를 이용하여 구성 부모요소를 flex container, 자식 요소를 flex item 속성명 속성값 설명 display ...
CSS_css handling
콘텐츠 모양을 자유롭게 변형하기 속성명 속성값 설명 transform(2D) scale 선택한 요소의 크기를 축소 및 확대 (현재 크기 비율 기준 1보다 크면 확대, 작으면 축소) skew 선택한 요소를 x축 or y축으로 비틀어 변형 (원하는 각도를 지정하여 기울기 조절 가능) transl...
CSS_basic grammar2
웹 페이지의 배경 꾸미기 배경색 지정하기 속성명 속성값 설명 background-color 영문명 배경색을 영어 색상명으로 지정 rgb(0, 0, 0) 배경색을 RGB 표기법으로 지정 #000000 배경색을 16진수 표기법으로 지정 16진수 표기법 색상값 입력시 같은 숫자나...