본문 바로가기

전체 글41

[5일차] CSS 이론 및 실습 1. CSS 이론 (https://opentutorials.org/course/1688/9350) 1.1 CSS의 기본문법 & 1.2 선택자 심화 학습 - CSS (Cascading Style Sheet) - HTML 언어를 디자인하기 위해 고안된 언어이므로 항상 HTML과 함께함. - HTML 정보에 집중하게 하기 위해 시각적인 기능을 가진 내용이 CSS로 만들어짐(디자인에 집중). - head태그 내부에 작성. 선택자1, 선택자2(tag나, #id 등...) {서술1; 서술2 (어떤 효과를 줄지에 대한 정보)} -> h1 {color:red; font-size:10px} : h1 tag의 내용이 빨간색으로 표시됨. {} 내부에서 줄바꿈을 해서 여러줄로 서술해도 적용된다. header h1 : head.. 2017. 6. 10.
[4일차] 개발도구 1. 개발 도구 (https://opentutorials.org/course/1688/9346) 1.1 도구의 필요성 - 개발을 위해 다양한 도구들이 존재함. 도구를 이용하면 편리하고 파워풀한 성능이 나오지만, 도구 사용을 위한 학습 시간이 필요함. - 버전 관리 시스템 : 협업에서 여러사람이 같은 파일을 수정할 때 질서를 정해주거나 개발 버전업시 문제가 발생했을 경우 다리 롤백하는 등의 기능을 제공 - SVN - GIT - 코드 편집기 - 아톰 : https://atom.io - Aptana - Sublime Text - Brackets 2.1 아톰 사용법 - 확장 프로그램 emmet을 설치하면, tag만 입력하고 TAB을 누르면 자동 완성됨. 2017. 6. 10.
[3일차] ~HTML 실습 1. HTML 실습 (https://opentutorials.org/course/1688/9345) 1.1 모델링을 HTML로 만들기 1.2 의미론적 웹 (Semantic Web) - : 네비게이션 tag로서 특별한 기능이 없음. - : 웹 페이지의 헤더(간판)를 묶어주는 태그. 특별한 기능이 없음. - : 내용을 묶어주는 태그. 특별한 기능이 없음. => HTML은 의미론적으로 만들기 위해 발전해 왔음. 위의 태그를 사용함으로서 해당 태그의 속해있는 내용이 어떠한 역할을 하는지 컴퓨터도 인식 할 수 있는 역할을 하는것이 위의 태그들임. 1.3 사이트 완성 * 쉬어가기 웹 브라우저 VS 웹서버 (Client Side Tech) (Server Side Tech) HTML PHP CSS DB JavaScri.. 2017. 6. 9.
[2일차]~HTML 이론 1. 서버 제어 (https://opentutorials.org/course/1688/9410) Bitnami 매니저 프로그램을 통해 Apache, DB를 실행시켜야함. Log를 확인 할 수 있음. 2. 프로그래밍 언어 (https://opentutorials.org/course/1688/9339) 프로그래밍을 해보았기 때문에, Skip 3. HTML 이론 (https://opentutorials.org/course/1688/9340) 3.1 HTML의 기본 문법 HTML : Hypertext (= Link) => 링크는 HTML의 본질. 웹의 본질. Markup Language => tag를 이용하여 문서나 데이터의 구조를 명기하는 언어 3.2 HTML 문법 - 속성 여러가지 tag가 존재하며 각각의 .. 2017. 6. 8.

티스토리툴바