본문 바로가기

CSS4

[Vue.js] 210706 학습일지 SPA ( Single Page Application ) - 이전의 방식은 페이지에 어떤 Action 으로 인해 변경이 발생한 경우 Client 는 Server 에 HTML 파일을 재요청하여 페이지 전체를 갱신하게 되는 비효율적인 부분이 있음 - 이러한 부분을 해결하기 위해 HTML 파일이 아닌 변경된 부분에 한하여 Server 에 데이터를 요청하는 방식이 고안됨 - 하나의 페이지로 여러개의 페이지를 새로고침 없이 이용 가능하게 됨 - URL 공유나 검색 엔진에 노출되야하는 시스템으로는 부적합함 - SPA 프레임워크 중 대표적인 예는 Vue.js, Angular, React 가 있음 CSR ( Client Side Rendering ) - URL 이 바뀌어도 Server 에서 새로운 HTML 을 다시 내.. 2021. 7. 6.
[HTML, CSS, JS] 210623 학습일지 Javascript 는 .js 의 확장자명을 가지며 html 어디에서나 호출이 가능함 ( html은 Top-Down 형식으로 진행되므로 삽입한 위치에서 Javascript 실행 ) Javascript 를 태그 젤 밑단에 삽입하는 이유는 사용자에게 보여줄 화면을 먼저 구성하고 이후에 필요한 기능을 불러오기 위함 Javascript 는 C 언어처럼 int, double 의 자료형을 가지지 않고 var 라는 통합된 변수형을 사용 var 이외에 let, const 의 변수형도 존재함 var, let, const 의 특징은 아래 테이블 참고 var let const *재선언 O X X *재할당 O O X *재선언 : 변수명을 동일하게 하여 새롭게 선언이 가능함을 의미함. var myAge = 10; console.. 2021. 6. 23.
[HTML, CSS] 210621 학습일지 태그에 1개 이상의 스타일을 적용하고 싶은 경우 아래 사진처럼 적용 , , 등으로 표기하여 사용되었던 부분을 HTML 5 로 넘어오면서 똑같은 div 태그가 아닌 그 용도에 따라 구분짓는 Semantic Tag가 새로 만들어짐 기능적인 부분에서는 'div' 와 다르지 않으나 명칭만 구분되어 진 것이 특징 제목을 기준으로 div를 구분하면 될 듯..? 상단 첫번째로 나오는 테이블은 3열을 rowspan=3 으로 합치고, 테두리 설정하면 비슷한 모양이 나올 것 같음 아래는 문제에 대한 DIV 구상도 main.html 교육 훈련 일지 과 정 명 블록체인 비즈니스 모델 개발 강 사 담 당 교육장소 월드메르디앙 비즈센터 4층 405호 강 사 명 고승원 2021년 06월 21일 월요일 교시 시간 교육내용 1교시 0.. 2021. 6. 22.
[HTML, CSS] 210618 학습일지 "출발역", "도착역" 은 세로 2칸으로 병합하였으므로 rowspan, "현재운임", "2022년...서비스" 는 가로 2칸 병합하였으므로 colspan, "현재운임", "2022년...서비스" Background-color 각각 구분하여 색칠되었으므로 하나로 묶어서 스타일을 지정하면 될 듯 문제. 열차 시간표를 만드세요 출발역 도착역 현재운임 2022년 중앙선 전 구간 개통 시 청량리 ~ 서원주 구간 '준고속 서비스' 일반실(A) 우등실 일반실(B) 우등실 청량리 원주 10,100 13,100 13,300 16,300 양평 원주 8,400 11,400 8,400 11,400 원주 제천 8,400 11,400 8,400 11,400 원주 단양 8,400 11,400 8,400 11,400 원주 풍기 10.. 2021. 6. 18.

티스토리툴바