CSS5 [10일] 자바스크립트, PHP 실습 1. 프로그래밍 접근방법 (https://opentutorials.org/course/1688/9380) - 적정 용도의 언어를 적정 수준으로 배우세요. - API를 탐험해보세요 - 그것을 좋아할 관객을 찾으세요 - 한계를 경험하라 - 더 잘 할 수 있는 방법에 대한 연구를 찾아라. - 대학의 전공 과정(대학에서 배우는것과 취지를 파악해보고, 나중에 문제에 직면했을때 당면한 문제를 해결할 수 있는 부분을 학습해라.) - Computational Thinking - 알고리즘/데이터 스트럭쳐/디자인 패턴/프래임 웍크/컴퓨터 구조 등..... 2. 자바스크립트 실습 (https://opentutorials.org/course/1688/9381) - HTML - 태그 - type 속성 : text/botton/.. 2017. 6. 14. [6일차] CSS 실습 1. CSS 실습 (https://opentutorials.org/course/1688/9351) 1.1 실습1 1.2 실습2 - .css 확장자를 이용해 CSS 파일을 생성 할 수 있음. - HTML head태그 하위의 style tag에서 작성하는 방법으로 css 파일을 채우면 된다. - : 작성한 CSS파일 내용을 현재 HTML에 적용. - link 태그를 이용한 CSS적용은 유지보수의 편의성과 함께, 인터넷 자원을 아낄 수 있다던가, 페이지 오픈 속도를 향상 시킬 수 있는 등. 장점이 있다. * 크롬 Stylebot이라는 확장프로그램을 이용하여 현재 웹페이지의 CSS값을 조정하여 내 입맛에 맞게 컨트롤 할 수 있다. (변경사항이 저장됨.) * JSFilddle.net : html 및 css를 작성.. 2017. 6. 11. [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. 유지 보수 규모가 큰 사이트가 되면 유지보수를 효율적으로 해서 프로젝트의 복잡도를 낮추는 것이 정말 중요한 일. 따라서 대규모의 CSS 시스템을 구축할 때 여러가지 테크닉이 필요함. Link와 import 두 방법 모두 같은 방식. 수많은 사이트들의 공통적인 CSS를 하나의 CSS파일로 관리하면 추후 유지보수시 편리함이 있음. : CSS 내부에서 다른 CSS를 호출할 떄 사용 코드 경량화(minify) CSS는 네트워크를 통해서 전송되며 CSS크기가 커지면 생산자와 소비자 모두에게 손해임. 따라서 코드의 크기를 줄이는 것을 통해 이런 문제를 완화해주는 도구가 minify 도구. ( http://adam.id.au/clean-css-online/) Preprocessor CSS에 편리한 기능을 더한 새로운 언어를 만.. 2016. 9. 17. 이전 1 2 다음
