코다닥

WEB1. CSS 개요 및 CSS 기본 사용법CSS는 캐스캐이딩 스타일시트(Cascading Style Sheets)의 약자로 HTML 태그를 화면상에 어떻게 표현할지를 설정한다.CSS를 사용하는 이유CSS는 디자인, 레이아웃, 다양한 기기 및 화면 크기에 따른 디스플레이의 다양성 문제를 포함한 웹 페이지의 스타일을정의할 때 사용한다. PC화면, 태블릿 화면, 스마트폰 화면의 크기는 각각 다르고 다양하다. 웹 페이지를 작성할 때 이들화면의 따라 보이는 화면이 달라야 한다는 것을 알고 있어야 한다.화면에 크기는 다른데 같게 보이도록 한다면, 보이는 화면이 축속되어 포함되어야 하고 그에 따라 디자인이 어그러지게되고 스마트폰에서 볼 경우 화면이 축소되어 내용을 보기 위해서는 손가락을 사용해서 확대해야 하는 불..

Web1. HTML 개요 및 기본 태그HTML은 마크업 언어(Markup Language)로 웹 문서를 작성하며, 태그를 사용해서 문서의 구조등을 기술하는 언어태그설명현재의 문서를 HTML 문서로 선언 와 사이에 html 문서를 작성 사이에 인코딩, 키워드, 뷰포트 등의 문서에 대한 정보를 제공 와 사이에는 문서의 제목을 씀 와 사이에는 화면에 표시되는 문서의 내용을 씀html에는 더 많은 태그들이 있고 일반적으로 한쌍으로 기술하지만 단독으로 사용하는 단독 태그도 있다.내용 앞 태그를 시작 태그 뒤 태그를 종료 태그라고 부른다. 태그에는 어느 태그에나 넣어서 사용할 수 있는 글로벌 속성이 있다.글로벌 속성설명class태그에 적용할 스타일 이름 지정dir내용이 텍스트 방향을 지정 왼쪽에서 오른쪽으로 ..

Web1. 자바, 톰캣, 이클립스 기반의 웹 개발 환경이클립스 사용에 필요한 JDK(Java Development Kit) 다운로드, 설치 및 환경 변수 설정JDK를 다운로드 받아 설치하고 환경 변수를 설정 => JDK의 환경 변수 설정이 제대로 되었는지 확인웹 컨테이너 톰캣(Tomcat) 다운로드, 설치 및 환경 변수 설정웹 컨테이너인 톰캣을 다운로드 받아 설치 후 환경 변수 설정웹 서버와 웹 애플리케이션 서버를 설치하는 이유실제로 현업에서는 서버와 웹 애플리케이션 서버를 따로 설치한 환경에서 개발을 함웹 서버와 웹 애플리케이션 서버를 각각 설치하는 이유는 웹 사이트 성능 향상을 위해서임통합개발 환경 이클립스(Eclipse) 다운로드, 설치 및 실행통합개발 환경 이클립스를 다운로드 및 설치하고 이클립스..

Web1. HTML5, CSS3, JavaScript를 알아보자HTMLHTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)의 약자로 웹 페이지를 작성할 때 사용하는 프로그래밍 언어이다. 웹 문서인 웹페이지의 구조를 태그()를 사용해서 표현한다. HTML5와 HTML을 따로 구분하지 않고 그냥 HTML이라고 지칭한다.CSSCSS는 캐스케이딩 스타일시트(Cascading Style Sheets)의 약자로 HTML 웹 페이지를 웹 브라우저에 표현하는 방법을 제공한다. 정확하게 표현하면 HTML 태그를 어떤 형태로 표현할지를 결정한다.JavaScript자바스크립트는 웹 브라우저에서 동작하는 프로그래밍 언어로 주로 태그 등을 클릭해서 어떤 동작을 처리할 때 사용한다.jQuery는 자..