Web Standard

Angular js로 반복문 표현시 팁입니다. 앞선 예제 이어서 해보겠습니다. 1234567891011121314 {{ webtoons.length }}개의 작품 {{ $index+1 }} {{ webtoon.title }} {{ webtoon.cartoon.artists[0].name }} Colored by Color Scriptercs 조건문ng-if : 예제에는 index 가 3미만인것만 표기했습니다. (총 3개 노출)webtoon.img ? webtoon.img : 'default.jpg' 등으로도 표현가능합니다. 반복문$index : index 표현$first : 첫번째 요소$middle : 첫번째나 마지막 제외한 요소 모두$last : 마지막 요소$even : 짝수번째 요소$odd : 홀수번..

css에서도 변수나 조건문을 쓸 수 있다. 아직 draft상태이긴 하나.. 표준으로 채택되고 브라우저 지원률이 확대된다면 페이지 테마등을 한방에 바꾸는게 편해질것 같다. 조건문을 써서 css3를 지원하지 않는 브라우저에 대한 분기를 태워준다던지 (어차피 안먹는건 무시하긴 하겠지만..) 페이지별 스타일도 따로 관리가 가능하시겠다. 간단히 어떤 내용인지 알아보도록 하자. (각 제목을 클릭하면 w3c 관련 페이지로 이동합니다.) CSS Variables 배경 CSS의 특징 상 다양한 정보들이 흩어져서 선언됨 ex) 페이지의 일관된 색구성이 여러 위치에서 작성됨 기획이나 색상정보가 변경될때, 찾아 바꾸기로는 한계가 있음 LESS나 SASS 처럼 추가적인 작업 없이 구현할 순 없을까? 변수 (Variables) ..