HTML
(스마트인재개발원) CSS 태그 정리
[CSS] align-content align-content 속성은 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. 정의(Definition) align-content 속성은 콘텐츠 아이템의 상하관계 정렬 상태를 설정합니다. align-content 속성은 한 줄(flex-wrap: nowrap)에서는 의미가 없습니다. 참고(Reference) flex는 효율적으로 요소를 배치하거나 정렬 할 수 있는 레이아웃 방식입니다. flex에서 사용하는 속성은 부모 요소인 컨테이너(Container)와 자식 요소인 아이템(Item)으로 구성됩니다. 플렉스 컨테이너에는 flex-direction, flex-wrap, justify-content, align-items, align-content가 있습니다. 플렉스 ..
(스마트인재개발원) HTML 태그 정리
[HTML] 태그는 다른 페이지 이동을 설정합니다. 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있으며, 아이디(#) 값으로 페이지 내에서도 이동이 가능합니다. 정의(Definition) 태그는 클릭하면 다른 페이지로 이동합니다. 현재 페이지에서 다른 페이지 URL로 연결하는 것을 하이퍼링크라고 합니다. 태그는 페이지 주소 뿐만 아니라, 메일 주소, 전화 번호 등도 연결할 수 있습니다. 태그는 아이디(#id)로 이동 할 수 있습니다. 태그는 target 속성을 이용하면 새로운 브라우저 창에서 페이지 이동을 할 수 있습니다. 태그는 방문한 링크는 밑줄과 보라색으로 표시되고, 활성화된 링크는 밑줄과 빨간색으로 표시됩니다. 원칙적으로 태그는 블록구조를 포함 할 수 없지만, HTML5에서는..
(스마트인재개발원) JSP 기초
JSP 왜 필요한가? 1.Sevlet은 수정이 어렵다. 2. 프로그램이 복잡해지면 Servlet을 통해 출력되는 HTML페이지를 상상하기 어렵다. JSP(Java Server Page) HTML내에 Java 코드를 작성하고 웹 서버에서 웹 페이지를 생성하여 웹 브라우저에 돌려주는 Java를 기반으로 한 스크립트 언어. -.jsp 확장자 -동적으로 작동하여 응답은 html을 이용함 (동적 웹 애플리케이션 컴포넌트) -jsp -> 서블릿(.java) -> 클래스(.class) -> html으로 변환되어 실행됨 JSP 처리 과정 아래 과정은 웹서버가 JSP를 이용해서 어떻게 웹페이지를 생성하는지를 설명하고 있습니다. 1. 사용자가 웹페이지에서 요청을 합니다. 2. 웹서버가 요청을 받고 JSP페이지를 위한 요청..
(스마트인재개발원) Ajax 기초수업
Ajax는 JavaScript의 라이브러리중 하나이며 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 이며 Ajax를 한마디로 정의하자면 JavaScript를 사용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술 Ajax의 장단점 Ajax의 장점 1. 웹페이지의 속도향상 2. 서버의 처리가 완료 될때까지 기다리지 않고 처리 가능하다. 3. 서버에서 Data만 전송해면 되므로 전체적인 코딩의 양이 줄어든다. 4. 기존 웹에서는 불가능했던 다양한 UI를 가능하게 해준다. 사진공유 사이트 Fl..
(스마트인재개발원) JS 기초 실습.
Javascript 웹 페이지를 동적으로,프로그래밍적으로 제어하기 위해서 고안된 언어 1. 모든 웹 브라우저에서 동작한다. 2. 웹 브라우저에서 실행 결과를 즉시 확인 3. 다양한 용도의 프로그램 개발 4. 다양한 자바스크립트 공개 API 5. 다양한 라이브러리와 프레임워크 prompt(“출력내용”,”입력내용”) - 입력창을 통한 입력문 confirm(“출력문작성”) - 확인 및 취소를 통한 입력문 * 변수 var 키워드 - 사전적 의미로는 “변화를 줄 수 있는” 또는 “변할 수 있는 수” - 프로그래밍에서는 데이터를 담을 수 있는 공간 ECMAScript6 표준안에서 새로운 변수 키워드 등장 자료형 설명 number 정수, 실수 등 산술 연산이 가능한 자료형 string 문자열로 이루어진 자료형 boo..
(스마트인재개발원) CSS 반응선택자 , 명시자, display 기초
HTML CSS 선택자 HTML 요소를 접근할 때 사용하는 형식 CSS 스타일 네이버 버튼 CSS는 사랑입니다. HTML CSS 스타일 우선순위 (명시도 계산법) Block 특성을 가진 요소 inline 특성을 가진 요소 span요소 display 속성 - none 다음www.daum.net HTML box