라이프 싸이클 속성: create -> mount -> update -> destory beforeCreate-created beforeMount-mounted beforeUpdate-updated beforeDestory-destoryed1.beforeCreate: 첫 싸이클 시작 단계. -.전체 라이프 싸이클 단계의 첫번째임. -.template속성을 이용한 DOM과 같은 화면 요소에 접근안됨. 2.created: 서버와 데이터 요청 및 전송 로직 수행 단계. -.data속성과 methods속성이 정의되어 있음. -.template속성을 이용한 DOM과 같은 화면 요소는 아직 접근안됨. -.component가 생성되고 나서 실행되는 라이프 싸이클 속성 단계. 서버에 데이터를 요청하여 받아오는 로직을 ..
1.html 작성 HTML 연습 아주 멋진 페이지 제목 아주 멋진 페이지 제목 아주 멋진 페이지 제목 아주 멋진 페이지 제목 아주 멋진 페이지 제목 아주 멋진 페이지 제목 첫 인상 아주 멋진 페이지 제목 Colored by Color Scriptercs 2.CSS 파일 작성body{ font-family: verdana, sans-serif; font-size: 12px;}div { margin: 30px 0 30px 0; }#h1_1 h1{ font-family: Arial, sans-serif; font-size: 24px; color: #FFA500}#h1_2 h1{ font-family: Arial, sans-serif; font-size: 24px; color: #FFA500; padding-b..
※화면에 보이지 않게 하는 태그 3가지 #box{ /* * 화면상에서 안보이게만 함. * 실질적으로 공간은 잡혀 있으며 눈에 보이지만 않는다. * txt.Visible = false; 와 같은것. */ visibility: hidden; /* * 화면상에서 안보이게만 함. * 테이블 태그라고 봤을 때 height = 0 인 형태와 비슷하다. * 즉, 약간의 공간은 있지만 보이지는 않는 것 */ visibility: collapse; /* * 화면상에서도 보이지 않고 공간도 잡혀있지 않는 형태 * 즉, 원래 존재 하지 않은 형태와 같다.(단, 테이블 태그에서만 사용 가능하다.) */ display: none;} Colored by Color Scriptercs
※html 파일 HTML 연습 소개하고픈 링크 즐겨읽는 책 좋아하는 영화 함께듣는 음악 Colored by Color Scriptercs ※CSS3 파일#minitabs{ margin: 0; padding: 0 0 20px 10px; /* 방향은 top - right - bottom - left */ border-bottom: 1px solid #9FB1BC;}#minitabs li{ margin : 0; padding: 0; display: inline; /* 블록으로 표현 되는 리스트를 인라인 형태로 리스트 품목을 변경 */ list-style-type: none; /* 리스트의 블릿 모양을 없앤다.*/}#minitabs a{ float: left; line-height: 14px; font-weig..