html6 [Web app] Tab UI 설명, 구현 Tab UI Tab은 자주 사용되는 UI 중 하나 입니다. 많은 컨텐츠를 효과적으로 보여줄 수 있습니다. 1) 자주 보는 Tab UI 형태 상단 메뉴를 누르면, 새로고침 없이 아래 내용이 변경됩니다. 기본 코드 TAB UI TEST crong jk pobi honux hello jk Lorem ipsum dolor sit amet consectetur adipisicing elit. Error dignissimos nostrum voluptates atque fuga natus molestiae distinctio provident perferendis consequatur, ipsum saepe libero omnis quibusdam obcaecati placeat quidem excepturi ex.. 2019. 12. 31. [Webapp] DOM API, HTML 구조 수정 DOM API HTML은 동적으로 다양한게 변경될 수 있습니다. DOM APIs에서 이를 지원하는 다양한 메서드와 속성이 있습니다. 라이브러리를 사용하기 전, low-level의 DOM API를 먼저 배워봅니다. querySelector getElementById 등등.. createElement, createTextNode, appendChild insertBefore, innerText, innerHTML, insertAdjacentHTML 등등 1. DOM Node 조작 DOM API 1 다양한 APIs 1) document. 2) element. 2 DOM 탐색 APIs 유용한 DOM element 속성 var a = document.querySelector(".w3-table-all"); a.t.. 2019. 12. 7. [Web] Rest API 설명 REST API 1. Rest API 클라이언트의 종류가 웹 브라우저, 안드로이드 앱, ios앱 등 다양해지면서 클라이언트에게 정보를 제공하는 방식을 하나로 일원화해야 했습니다. 일원화시키는 방식 중에 대표적 방식이 HTTP protocol 로 API를 제공하는 것입니다. HTTP 프로토콜로 제공하는 API를 REST API 라고 합니다. API Application Programming Interface 약자입니다. API는 응용 프로그램에서 사용할 수 있도록 os나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻합니다. 주로 파일 제어, 창 제어, 화상 처리, 문자 제어 등을 위한 인터페이스를 제공합니다. https://docs.oracle.com/javase/8/docs/ap.. 2019. 12. 2. [HTML] 구조설계 3) HTML 구조설계 Company Name Home Home About Map AboutUs Lorem ipsum dolor sit amet, What we do Lorem ipsum dolor sit amet, Contact us Lorem ipsum dolor sit amet, Copyright @codesquad class 객체 : 비슷한 스타일을 함께 표현 하나의 HTML 문서 안에서 중복사용 가능 하나의 태그에 여러개의 다른 class 이름을 공백을 기준으로 나열할 수 있다. 홈페이지 전체적인 스타일을 일관성 있게 지정하기 위해, class의 사용이 필수적이다. id : identifier 고유한 하나의 객체, 객체 관리, 고유한 영역을 표시, 검색시 id를 가지고 쉽게 찾을 수 있음, 클래.. 2019. 10. 5. [HTML] 기초 1. HTML Tags tag 종류 (의미에 맞추어 사용해야 한다.) 링크 이미지 목록 제목 google - html tag list 검색. anchor 태그, img, ul/li, heading, p 태그 등이 자주 이용됨 div 태그는 특별히 block 엘리먼트라고 하고, 일반적인 영역을 표현할 때 가장 많이 사용한다. 2. HTML Layout 태그 레이아웃은 '배치'를 의미하고, HTML 태그로 감싸진 각 정보요소를 화면상의 특정 공간에 위치하도록 결정 상단 header home news sports logout Today's weather luck Hello Here are some fruits. apple banana melon orange [출처 - 부스트코스 웹 프로그래밍] https://.. 2019. 10. 5. [HTML] 서브라임텍스트에서 미리보기 단축키 설정 Sublimetext3에서 HTML 작성 후, 웹에서 미리보기를 하고 싶을 때, 우클릭 View in Browser을 해도 되지만, 이는 프로그래밍의 손 맛을 떨어뜨리죠!! 이제는 alt + ctrl + V 단축키로 바로 미리보기를 하도록 해봅시다. Step 1 Package Control 설치 ctrl + ` (Show console) Package Control Website 복사 Enter (몇 초의 시간 소요) Step 2 View in Browser Package 설치 ctrl + shift + p "Install Package" 검색 Package Control : Install Package 엔터 View In Broswer 엔터 단축키 Alt + Ctrl + V로 가능! 단, 기본값은 파이.. 2019. 9. 20. 728x90 이전 1 다음
