본문 바로가기
개발일기

학원 수업 39일차 221017

by hhana 2022. 11. 18.
  • 9-10

spring boot jsp 사용? 
https://7942yongdae.tistory.com/m/115
굳이...? 하지마...

properties파일 우클릭 > Convert .properties to .yaml
이거나 저거나 똑같은거임~ 봐도 당황하지마
똑같은건데 형식의 차이임
(yaml에서 properties로 바꿔주는 기능은 없음)

mabatis 얘는 카멜 적용해줘야됨
jpa는 카멜적용 안해줘도 기본으로 됨

 

 

  • 10-11

오늘은 front design 데이~
<head>
<title>브라우저 상단 탭영역에 표기되는 문자열</title>
</head>

파비콘

html?

 

 

  • 11-12

HTML Introduction
https://www.w3schools.com/html/html_intro.asp

블록 레벨 요소
https://developer.mozilla.org/ko/docs/Web/HTML/Block-level_elements

다음은 HTML 블록 레벨 요소의 전체 목록입니다. (사실 HTML5의 새로운 요소를 설명할 때, "블록 레벨"이라는 용어는 정의되지 않습니다.)

<address>

연락처 정보.

<article>

단락 콘텐츠.

<aside>

부가 콘텐츠.

<blockquote>

긴("블록") 인용구.

<details>

상세 정보 위젯.

<dialog>

대화상자.

<dd>

설명 목록의 정의 설명.

<div>

문서의 분할.

<dl>

설명 목록.

<dt>

설명 목록의 정의.

<fieldset>

필드 집합의 라벨.

<figcaption>

그림 설명.

<figure>

미디어 콘텐츠 그룹과 설명. (<figcaption>을 참고하세요)

<footer>

페이지나 구역의 푸터.

<form>

입력 폼.

<h1>, <h2>, <h3>, <h4>, <h5>, <h6>

1~6단계 제목.

<header>

페이지나 구역의 헤더.

<hgroup>

헤더 정보 그룹.

<hr>

수평선(구분선).

<li>

목록의 항목.

<main>

문서에서 하나 뿐인 중심 콘텐츠.

<nav>

탐색 링크를 포함.

<ol>

정렬된 목록.

<p>

문단.

<pre>

미리 서식 적용한 글.

<section>

웹 페이지의 구역.

<table>

표.

<ul>

정렬되지 않은 목록.


인라인 요소
https://developer.mozilla.org/ko/docs/Web/HTML/Inline_elements

xhtml html 차이?
https://velog.io/@ryalya/Android-XHTML%EC%9D%B4%EB%9E%80-%EB%AC%B8%EB%B2%95-HTML%EC%B0%A8%EC%9D%B4-%EC%9A%94%EC%86%8C-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%EC%A0%95%EB%A6%AC

 

 

  • 12-1

시맨틱 태그 semantic elements
https://www.w3schools.com/html/html5_semantic_elements.asp

HTML Layout Elements and Techniques
https://www.w3schools.com/html/html_layout.asp

HTML5 Outliner
https://chrome.google.com/webstore/detail/html5-outliner/afoibpobokebhgfnknfndkgemglggomo?hl=ko

 

 

  • 2-3

How To Add CSS
https://www.w3schools.com/css/css_howto.asp

(reset.css)(index.html)
position: absolute;
top/bottom
left/right

상단영역 만드는중

 

 

  • 3-4

(header.css)
오아시스 홈페이지 따라 만들기

블럭 주석 ctrl+shift+/
블럭 주석 해제 ctrl+shift+\

 

 

  • 4-5

(header.css)

 

 

  • 5-6

CSS Selector Reference
https://www.w3schools.com/cssref/css_selectors.asp
:first-child
: Selects every <p> element that is the first child of its parent

'개발일기' 카테고리의 다른 글

학원 수업 43일차 221021  (0) 2022.11.28
학원 수업 42일차 221020  (0) 2022.11.28
학원 수업 41일차 221019  (0) 2022.11.24
학원 수업 40일차 221018  (0) 2022.11.18
학원 수업 38일차 221014  (0) 2022.11.18
학원 수업 37일차 221013  (0) 2022.11.17
학원 수업 36일차 221012  (0) 2022.10.31
학원 수업 35일차 221011  (0) 2022.10.31

댓글