Not Using/Java script/HTML/CSS 썸네일형 리스트형 fetch API GitHub - JakeChampion/fetch: A window.fetch JavaScript polyfill. GitHub - JakeChampion/fetch: A window.fetch JavaScript polyfill. A window.fetch JavaScript polyfill. Contribute to JakeChampion/fetch development by creating an account on GitHub. github.com 서버 처리 시간이 오래 걸리는 경우에도 사용자에게 화면 대기 없이 반응성 있는 인터페이스를 제공하려면 비동기적인 처리 방식을 사용해야 합니다. 자바스크립트에서 비동기 호출을 수행하는 대표적인 방법으로는 - AJAX (Asynchronous JavaScri.. 더보기 CSS 계속 글자지정하기 font-family 글자체 font-size 크기 font-weight 글자굵기 font-style 글자 스타일 font-variant 작은 대문자로 변환 속성 설명 FONT지정하기 FONT지정하기 FONT지정하기 FONT지정하기 FONT지정하기 설명: BODY태그 전체에 글자 크기를 30pt로 지정하였다. 나나머지 클래스로 지정해주어 폰트체를 주었다. [글자크기 지정하기] 글자의 크기를 지정하는 속성은 font-size이다. font-size의 속성값 값 설명 xx-small 대단히 작은 글자 크기 x-small 작은 글자 크기 small 조금 작은 크기 medium 기본 값(12pt) large 조금 큰 글자 크기 x-large 큰 글자 크기 xx-large 대단히 큰 글자 크기 sma.. 더보기 CSS HTML의 단점을 보완하기 위해 스타일 시트 즉, CSS(Cascading Style Sheets)를 사용한다. 다양한 기능의 확장 통일된 문서양식제공-각태그마다 속성을 일일이 지정해줬던 HTML과 달리 CSS를 사용하면 한번의 속성 정의로 여러 문서에 동시에 다양하게 적용 할 수 있다. 즉, 문서의 형식이 모듈화된다. 사용자환경과 상관없는 독립된 문서 제작 가능 - 현재 많은 종류의 브라우저가 있다. 이에따라 html문서의 결과물이 다르게 표시될 수 있는데 css를 사용하므로써 이를 방지할 수 있다. 문서형식의 다양화 - 간단한html사용법과 추가적인 css사용으로 더욱 멋진 웹페이지 만들 수 있다. 로딩시간단축 - 통일된 문서 양식을 제공하므로써 브라우저가 읽어야하는 문자의 수가적으므로 로딩시간이 .. 더보기 홈페이지 프레임 연결과 기타태그 Main.HTML 메타태그사용하기 메타테그는 다른 테그로 정의할 수 없는 정보를 지정 할 때 사용한다. 멀티미디어 사용하기 웹페이지에는 동영상이나 음악도 삽입할 수 있다. 삽입하는 방법은 여러가지 있지만 대표적인 태그를 사용해보자 태그는 플러그인 프로그램을 사용해서 표시되는 데이터나 동여상을 웹페이지에 삽입하기 위해 사용하는 태그이다. 플러그인이란?) 플러그인이란 다른 말로 추가 기능이라고 할 수 있다. 웹 브라우저에 없는 기능을 보완하기 위하여 설치하는 프로그램이다. 플러그인 프로그램은 독립적으로 실행되지 못하여 웹브라우저와 함께 동작한다. 뮤직비디어 태그를 사용하여 동영상을 삽입한다. 삽입합 동영상은 WIDTH속성과 HEIGHT속성을 사용하여 크기지정이 가능하다. 또한 EMBED에 SRC속성으로 파일.. 더보기 TAG_ATTRIBUTE3 프레임 나누기 태그는 하나의 화면을 몇 개로 분할하고 나눈 화면에서 서로 다른 페이지를 보여주기 위한 역할을 한다. 태그의 속성은 화면을 상하로 나누는 ROWS 속성과 화면을 가로로 나누는 COLS속성이 있다. 두개의 속성 값으로는 픽셀 값 또는 퍼센트(%)로 지정 할 수 있다. 중요한것은 태그는 페이지의 내용을 말하는 것이 아니라 화면 자체를 나누는 역할을 하므로 태그 사이에 넣지 않는다. 태그만을 사용한다면 화면만 나누어지고 화면에는 아무런 페이지도 나타나지 않는다. 나누어진 화면에 페이지를 표시하기 위해서는 태그의 SRC속성을 사용하여 불러올 페이지의 URL을 값으로 지정한다. 의 속성인 ROWS는 행으로 쪼개고 COLS는 열로 쪼갠다. 태그의 COLS속성을 사용하여 5:5크기로 창을 좌우로 나누고.. 더보기 이전 1 2 3 4 다음