분류 전체보기298

[HTML5] input 요소의 타입 완전 정복 [HTML5] input 요소의 타입 완전 정복 HTML에서 자주 사용되는 input 요소의 대표적인 타입 목록 text password checkbox radio button submit HTML5에서 추가된 input 요소의 타입 목록 number (숫자입력) range (입력 범위 지정) email (이메일 입력) tel (전화번호 입력) url (URL 주소 입력) search (검색어 입력) color (색상 입력) date (날짜 입력) month (연도와 월 입력) week (연도와 주 입력) time (시간 입력) datetime (날짜와 시간 입력) datetime-local (날짜와 시간 입력) 예제를 볼 때는 Chrome 브라우저로 보는 것을 권장합니다. 텍스트 입력(text inpu.. Front/HTML 2020. 8. 19.

[Java] 추상클래스와 인터페이스 차이 [Java] 추상클래스와 인터페이스 차이 추상클래스 (abstract class) - 정의 : 한 개 이상의 추상메서드를 가지는 클래스 - 목적 : 추상메서드는 선언만되며 구현이 되지 않은 불완전한 메서드이므로 객체로 생성되지 않는다. 구분 일반 클래스와 추상 클래스의 차이 예시 일반 클래스 세부적이고, 구체적 고양이, 사자, 강아지 추상 클래스 추상적 고양이과, 개과 추상메서드 - 정의 : 내용이 없는 메서드, 구현(정의)는 하지 않고 선언만 한 메서드 - 목적 : 메서드의 내용이 너무 일반적인 내용이므로 부모 클래스에서 구체화하여 정의할 필요가 없을 경우, 추상메서드로 선언만하고 상속받은 자식 클래스에서 재정의하도록 할 때 사용 추상 클래스는 반드시 하나 이상의 추상메서드를 가지며, 객체를 생성할 수.. JVM/Java 2020. 8. 19.

[HTML5] 글자태그 2 : <strong>, <b>, <i>, <small>, <sub>, <sup>, <ins>, <del> [HTML5] 글자태그 2 : , , , , , , , - strong Tag 글자 강조 strong 태그 사용 - b Tag 굵은글씨 체 b 태그 사용 - i Tag 기울어진 글씨 체 i 태그 사용 - small Tag 글씨를 작게 small 태그 사용 - sub Tag 아래창자처럼 입력 (진수표기법) 글자 입력 sub 태그 사용 - sup Tag 윗창자처럼 입력 (제곱표기법) 글자 입력 sup 태그 사용 - ins Tag 밑줄을 넣어줌 ins 태그 사용 - del Tag 글씨 가운데 줄을 넣어줌 del 태그 사용 ▶ 다른 글자 태그 알아보기 Front/HTML 2020. 8. 18.

[HTML5] 목록을 정의하는 태그 : <ul>, <ol>, <dl> [HTML5] 목록을 정의하는 태그 : , , 태그는 list의 약자로, 목록을 만드는 태그이다. 이 태그는 단독으로 쓰이지 않으며 혹은 태그 내부에 들어간다. - ol Tag ordered list, 순서가 정의되어있는 리스트 나혼자산다 놀면뭐하니? 런닝맨 - ul Tag unordered list, 순서가 정의되어있지 않는 리스트 나혼자산다 놀면뭐하니? 런닝맨 - dl Tag definition list, 단순히 어떤 내용 혹은 용어를 설명하기 위한 리스트 는 difinition term (정의 용어)의 약자로, 정의되는 용어의 제목을 넣을 때 사용한다. 은 definition description (정의 설명)의 약자로, 용어롤 설명하는 데 사용한다. 영화 범죄도시 드라마 스카이캐슬 Front/HTML 2020. 8. 18.

[HTML5] <head> 태그 : <title>, <meta>, <link>, <style> [HTML5] ... 태그는 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그로 닫는 태그가 없는 태그이다. 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보를 제공할 수 있다. ... 문자 인코딩에 관련된 내용이다. Internet Explorer(IE) 10 이하 버전은 문서를 읽을 때 IE7 모드를 사용해서 웹페이지를 표시한다. 태그를 이용하여 최신 엔진으로 페이지를 렌더링하도록 설정할 수 있다. width 속성은 뷰포트의 크기를 조정하며 CSS 픽셀들로 계산된 화면의 폭을 의미한다. initial-scale 속성은 페이지가 처음 로드될 때 줌 레벨을 조정한다. meta 태그에 대해서는 다음 링크에서 자세히 설명해주고 있다. 메타(meta)태그 정리 meta 태그 메타태.. Front/HTML 2020. 8. 18.

[HTML5] HTML 기초 [HTML5] HTML 기초 간단한 HTML 기초 내용을 파악해보자. 개요 HTML 이란? 웹 사이트에서 화면에 표시되는 정보를 약속 한 것으로 HyperText Markup Language의 약자이다. HyperText 는 단순 텍스트 이상의, 링크 개념이 포함 된 텍스트 Markup 은 꺽쇠()로 이루어진 태그를 사용하는 규격 으로 태그들을 이용하여 텍스트 요소를 정의하는 언어라고 할 수 있다. HTML 예시 Hello, World! HTML에서 각 태그에 따라 각자의 역할을 갖고 있다. 예를 들어 태그는 웹 브라우저의 추가정보를 입력할 때, 태그는 문서의 본문 내용이 들어간다. 일반적인 마크업 언어와의 차이점은 일반 마크업 언어에서는 태그 이름을 사용자가 지정하지만, HTML은 태그의 이름이 정해져.. Front/HTML 2020. 8. 18.

[HTML5] 글자 태그 1 : <h#>, <p>, <br/>, <a> [HTML5] 글자 태그 1 : , , , - Heading Tag 제목, 주제를 표현할 때 쓰는 태그로 - 요소는 6단계의 구획 제목을 나타낸다. 티스토리 부제목 h3태그 h4태그 h5태그 h6태그 는 회사의 로고 혹은 가장 중요도가 높은 제목에 사용하며 보통 문서에서 딱 한번 사용한다. 는 영역마다의 이름을 넣어주는 역할로도 사용한다. 특별히 글자의 크기나 굵기에 대한 스타일을 주지 않았지만 다음과 같이 각 태그의 표출되는 스타일이 다른 것을 볼 수 있다. 단순히 글자 크기만 크게 보일 뿐 아니라, 검색엔진이 문서를 파악하기 위해 쓰이므로 상황에 맞게 를 잘 써주는 것이 중요하다. - Paragraph Tag 문서의 단락이나 본문내용을 표기할 때 혹은 본문 안의 단락을 여러 개 나눌 때도 사용된다. .. Front/HTML 2020. 8. 18.

[VSCODE] Visual Studio Code 다운로드 및 설치 후 확장자 세팅방법 [VSCODE] Visual Studio Code 다운로드 및 설치 후 확장자 세팅방법 1. Visual Studio Code 다운로드 웹 퍼블리싱을 하기위해 Visual Studio Code를 다운로드하기 위해 먼저 다음 페이지로 이동하자. Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web a.. IDE/VsCode 2020. 8. 17.

[Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ② [Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ② ▶ Dynamic Web Project 생성방법 [Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ① [Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ① - 스펙은 다음과 같다. 참고로 이클립스는 전자정부 프레임워크가 아니다. JDK 1.5 Eclipse 3.5 Tomcat 5.5 1. 프로젝트 생성 - Pro.. haenny.tistory.com 1. JSP 파일 생성 - [WebContent] - [New] - [JSP] 클릭한 뒤 jsp 파일명을 설정 후 Finish 전자정부프레임워크를 주로 쓰다보면 WEB-INF에 jsp.. IDE/Eclipse 2020. 8. 13.

[Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ① [Eclipse] Dynamic Web Project 생성 및 JSP 페이지 연결 방법 : ① - 스펙은 다음과 같다. 참고로 이클립스는 전자정부 프레임워크가 아니다. JDK 1.5 Eclipse 3.5 Tomcat 5.5 ▶ 전자정부 프레임워크 웹 프로젝트 생성방법 바로가기 [eGovFramework] Spring 기반 웹 프로젝트 만들기(1) : 프로젝트 생성 [eGovFramework] Spring 기반 웹 프로젝트 만들기(1) : 프로젝트 생성 1. eGovFrame Web Project 생성 - Package Explorer 창에서 [마우스 우키] - [New] - [Other] - [eGovFrame] 폴더에 eGovFrame Web P.. haenny.tistory.com 1. 프로젝트 생성.. IDE/Eclipse 2020. 8. 13.

[Eclipse] 이클립스 버전 확인 방법 [Eclipse] 이클립스 버전 확인 방법 - 전자정부프레임워크 이클립스와 이클립스 모두 같은 방법이다. 1. Eclipse 상단 [Help] - [About Eclipse] 클릭 2. About Eclipse 창 하단 [Installation Details] 버튼 클릭 3. Eclipse Installation Details 창 [Features] 탭 클릭한 뒤 Feature Name이 "Eclipse Platform"인 것의 버전 확인 IDE/Eclipse 2020. 8. 13.

[JavaScript] 자바스크립트 변수(var/let/const) 선언 방식의 차이 [JavaScript] 자바스크립트 변수(var/let/const) 선언 방식의 차이 구분 var let const 공통점 변수를 선언하는 방식, 어떤 변수타입이든 선언 가능 차이점 재할당 가능 재할당 가능 재할당 불가능 재선언 가능 재선언 불가능 재선언 불가능 function-level-scoped block-level-scoped block-level-scoped 이들의 차이점을 이해하기 위해 예제로 살펴보자. 1. 선언과 할당 ▶ var - 자바스크립트 가장 많이 사용하는 변수 선언 방식 중 하나인 var는 변수 선언 시 할당되는 값이 유동적으로 변경될 수 있다. var color = "RED"; console.log(color);// output : RED var color = "BLUE"; co.. Front/JavaScript 2020. 8. 12.

이전 1 ··· 14 15 16 17 18 19 20 ··· 25 다음

추천 글

728x90

티스토리툴바