Winter Web Camp

jquery

jquery란 제이쿼리는 자바스크립트 언어를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리이다. jqueryt 적용법 제이쿼리는 자바스크립트 라이브러리이므로, 제이쿼리 파일은 자바스크립트 파일(.js)형태로 존재한다. 따라서, 웹페이지에서 제이쿼리를 사용하기 위해서는 제이쿼리 파일을 먼저 로드해야한다. 웹페이지에서 제이쿼리 파일을 로드하는 방법 1. 제이쿼리 파일을 다운받아 로드하는 방법 https://jquery.com/download/ -> 다운받은 파일을 서버에 저장하고, 다음 2. 구글 CDN : 3. MS CDN : 4. CDNJS CDN : 5. jsDelivr CDN : -> 적용 예시 jqeury 문법 기본 문법 $(선택자).동작함수(); http://www..

JS(Java Script)

Java Script란 웹의 동작을 구현하기 위해 필요한 언어 Java Script의 특징 1. 객체 기반의 스크립트 언어 2. 동적이고, 타입을 명시할 필요가 없다. 3. 객체 지향형 프로그래밍과 함수형 프로그래밍 모두를 표현할 수 있다. 4. 자바스크립트는 HTML의 내용, 속성, 스타일을 변경할 수 있다. Java Script 적용방법 2. 외부파일을 연결하는 경우 문법 참고 사이트 TCPschool(http://www.tcpschool.com/javascript/intro)

HTML

HTML의 기본 구조 : 선언된 페이지의 HTML 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문(태그는 아님), 대부분의 브라우저를 지원함. : HTML 문서의 루트 요소(root element)를 정의함. : 해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의함. : 해당 문서의 콘텐츠 영역을 정의함. HTML Tag 정리 : 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용함. : 텍스트 내의 줄바꿈(line-break)을 정의할 때 사용함. 요소는 빈(empty) 태그로, 종료 태그가 존재하지 않음. : 클릭할 수 있는 버튼을 정의할 때 사용함. : HTML 문서에서 특정 영역(division)이나 구획(section)..

CSS

CSS Ruleset CSS Ruleset : 스타일 규칙이라고도 불리며, HTML 안의 특정 요소들을 어떻게 렌더링할 것인지 브라우저에게 알려주는 CSS문장이다. 선택자(Selector)의 종류 전체 선택자(*) : HTML 페이지 내부의 모든 요소(태그)에 같은 CSS속성을 적용함. 태그 선택자(ex : p, div, h1, etc...) : 태그에 대한 스타일을 지정함. 클래스 선택자(.classname) : 클래스 이름에 따라 스타일을 지정함. ID 선택자(#idname) : ID 이름에 따라 스타일을 지정함. CSS 적용하기 1. Inline Style Sheet -> HTML tag의 style 속성에 css코드를 넣어 적용시키는 방법 ex) Lorem ipsum dolor. 2. Intern..

닷홈(dothome)으로 호스팅 그리고 개발환경 구축하기

1. 닷홈(https://www.dothome.co.kr/)사이트에서 회원가입을 진행한다. 닷홈 호스팅 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 2. 웹 호스팅 카테고리의 무료 호스팅을 클릭한다. 3. 무료 호스팅 신청하기를 클릭한다. -> 위 과정을 거치면 본인의 도메인이 만들어졌을 것이다. -> 이후에 Filezilla와 같은 FTP(File Transfer Protocol)소프트웨어를 통해 본인이 업로드하고 싶은 파일을 업로드할 수 있고, 만들어진 도메인 주소를 통해 확인할 수 있다. 파일질라(https://filezilla-project.org/)설치 링크 개발환경 ..