일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 스프링 jsp
- 정신차리고공부하자 #개발자되기 #몰입하자
- 스프링부트 마이바티스
- MySQL 테이블명 바꾸기
- 순위정렬
- Failed to configure a DataSource
- SpringBoot Mybatis
- 스프링부트
- html input
- html video thumbnail
- 자바 #Java #Scanner #스캐너 #자바알파벳입력
- 스프링 jsp 연결
- 스프링부트 오류
- HTML
- src/main/java
- selection does not contain a main type
- @PathVariable
- 자바마스터
- 자바
- 랭킹정렬
- sql 테이블명 바꾸기
- 자바정렬
- 스프링부트 jsp 연결
- jsp 연결
- 정수 자료형
- 비디오 태그 이미지
- video tag
- 자바 순위정렬
- spring jsp
- 비디오 태그 썸네일
- Today
- Total
목록UI 구현 (10)
쌤리

HTML 5 의 기본 레이아웃은 다음과 같다 위 태그들은 semantic tag 로 불린다. semantic tag : 의미 요소, semantic element 를 담는 태그 각 태그에 대해 알아보자:

href="네이버 주소 입력" target="_blank" 는 새로운 창으로 열기 >표기할 텍스트

display display 속성은 요소를 어떻게 보여줄지를 결정합니다. 주로 4가지 속성값이 쓰이는데, 태그마다 기본값이 다릅니다. none : 보이지 않음 block : 블록 박스 inline : 인라인 박스 inline-block : block과 inline의 중간 형태. 출처: https://ofcourse.kr/css-course/display-%EC%86%8D%EC%84%B1 block block 은 기본적으로 가로 영역을 모두 채운다 요소 앞뒤로 줄바꿈 됨 inline 문자 앞뒤로 줄바꿈 안됨 display: block display: inline-block;
SPA 는 페이지가 하나인 어플리케이션 싱글 페이지 애플리케이션(single-page application, SPA, 스파)은 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말한다. 이러한 접근은 연속되는 페이지들 간의 사용자 경험의 간섭을 막아주고 애플리케이션이 더 데스크톱 애플리케이션처럼 동작하도록 만들어준다. 출처 : 위키백과 SPA에서 HTML, 자바스크립트, CSS 등 필요한 모든 코드는 하나의 페이지로 불러오거나,[1] 적절한 자원들을 동적으로 불러들여서 필요하면 문서에 추가하는데, 보통 사용자의 동작에 응답하게 되는 방식이다. SPA의 구축을 지원하는 성숙된 오픈 소스 라이브러리들을 (react 등)..