생활코딩5 정규 표현식 정리 Note 정규표현식(Regular Expression)은 문자열을 처리하는 방법 중 하나로 특정한 조건의 문자를 검색하거나 치환하는 과정을 매우 간편하게 처리 할 수 있도록 하는 수단. 추천 참고 사이트 (zvon.org) 정규표현식은 대소문자 및 공백을 구분함.^who : who로 시작하는 문자열word$ : who로 끝나는 문자열정규표현식에서 의미있는 수식('^', '$', '\', '.' 등등...)을 문자로 사용하기 위해서는 앞에 \를 사용해준다. ex) $25에서 $로 시작하는 문자를 검색하고 싶으면 ^$가 아니라 ^\$로 검색해야함.. : 한개의 문자(모든 문자 + 공백도 포함) ex) .... 의 경우 4개의 문자를 의미함. 검색할 대상의 문자가 3개 이하라면 검색 결과 없음.[] : square b.. 2016. 9. 18. HTML5 추가 기능 현시점에서 최신 웹 기술인 HTML5에 추가된 기능에 대해 몇가지 정리. video tag HTML5 이전에는 video를 브라우저에 담을 표준이 없었으며 youtube와 같은 동영상 페이지는 flash와 같은 플러그인을 이용하여 동영상을 웹페이지에서 재생하곤 하였으나, HTML5에 video tag가 등장함으로서 플러그인 없이 동영상 재생이 가능하게 됨. : control속성을 이용하여 재생 설정 가능 (자세한 내용은 사용할때 document 참조.) : 브라우저마다 지원하는 코덱이 다르기때문에 여러 확장자의 동영상을 삽입해 주어야 함. CanIUse(http://caniuse.com/) : 새롭게 도입된 기술들은 모든 웹브라우저에 적용되는 것이 아니라 웹브라우저마다 지원하는 종류가 달라짐. 따라서 해.. 2016. 9. 18. 유지 보수 규모가 큰 사이트가 되면 유지보수를 효율적으로 해서 프로젝트의 복잡도를 낮추는 것이 정말 중요한 일. 따라서 대규모의 CSS 시스템을 구축할 때 여러가지 테크닉이 필요함. Link와 import 두 방법 모두 같은 방식. 수많은 사이트들의 공통적인 CSS를 하나의 CSS파일로 관리하면 추후 유지보수시 편리함이 있음. : CSS 내부에서 다른 CSS를 호출할 떄 사용 코드 경량화(minify) CSS는 네트워크를 통해서 전송되며 CSS크기가 커지면 생산자와 소비자 모두에게 손해임. 따라서 코드의 크기를 줄이는 것을 통해 이런 문제를 완화해주는 도구가 minify 도구. ( http://adam.id.au/clean-css-online/) Preprocessor CSS에 편리한 기능을 더한 새로운 언어를 만.. 2016. 9. 17. CSS 기초 스터디 Note CSS관련 체험 및 적용된 효과를 보고 배울 수 있는 사이트 (codepen.io) HTML이 정보를 전달하는 것이 목적이라고 하면 CSS는 HTML을 보기좋게 꾸며주는 역할을 하는 언어임. HTML과 CSS는 필연적으로 붙어있어야 하며, HTML이 무엇이고, Tag가 어떻게 사용되는지에 대해서만 알면 배울 수 있는 쉬운 언어임. CSS(Cascading Style Sheet)는 쉽지만 기능성이 떨어짐. 따라서 이를 보완하기 위한 여러 다른 언어들이 존재함.LESSSASSTwitter BootstrapHTML의 Font Tag가 따로 떼어져 나와서 CSS가 되었다라고 생각해도 됨. CSS 적용하기 (style)head Tag 하위에 위치해 있으며 Tag명과 속성값들로 해당 Tag에 디자인을 적용함. 또는.. 2016. 9. 15. 이전 1 2 다음
