5. W3C 스펙은 대충 이렇게 갑니다
1. WD Working Draft
2. LC Last Call
3. CR Candidate Recommendation
4. PR Proposed Recommendation
5. Rec Recommendation
6. 내용과 표현이 분리되기까지
비표준 코딩 표준 코딩
table 코딩 div 코딩
• CSS 2 1998
• CSS 2.1 CR 2007
• CSS 2.1 PR, REC 2011
7. 웹접근성이 확보되기 까지
• WCAG 1.0 1999
• WCAG 2.0 2008
• 대한민국 장애인차별금지 및 권리구제 등에 관한 법률 (제8974호) 시행 2008.4.11
• 대한민국 장애인차별금지 및 권리구제 등에 관한 법률 (제9705호) 시행 2009.8.23
• 대한민국 장애인차별금지 및 권리구제 등에 관한 법률 (제10280호) 시행 2010.5.11
• 대한민국 장애인차별금지 및 권리구제 등에 관한 법률 (제10465호) 시행 2011.9.30
• 대한민국 장애인차별금지 및 권리구제 등에 관한 법률 (제10789호) 시행 2011.12.8
8. 크로스 브라우징 방법론의 확립
1. DTD 사용
2. 표준 먼저, 그 후 하위호환 작업
3. CSS 리셋
1. IE5, 6 대응 시절
2. IE6, 7 대응 시절
3. IE6, 7, 8 + FF 버전별 대응 시절
4. 현재는 IE6, 7, 8 + FF/Chrome 대응 (?)
18. 모바일 쇼크가 준 교훈들
• 아 변화는 엄청나게 빨리 올 수도 있구나
• 옛날게 금방 없어지지도 않는구나
• 파편화된 개발은 참 짜증나는 거구나
• 원 소스멀티유즈는 쉽게 되는게 아니구나
• 일일이 다 대응하는 것도 답은 아니구나
• 전략이 필요하구나
19. HTML5의 의의
Abstract
In this version, new features are introduced to help Web application authors,
new elements are introduced based on research into prevailing authoring
practices, and special attention has been given to defining clear conformance
criteria for user agents in an effort to improve interoperability.
• 웹도 네이티브 기술을 따라간다
• 앱을 만들 수 있을 때까지
• 계속 진화한다
• 웹은 웹 다워야지
20. 진화중인 CSS
가 인터랙션을 발생한다
가 컨텐츠를 담는다
가 모션을 처리한다
가 연산한다
21. 고정관념 타파
• 시간이 흐르면서 정답도 바뀐다
• 정석을 찾았다고 방심하지 말자
• 못 들어본 소리한다고 무시하지 말자
• 꼰대가 되지 말자
23. 만년 떡밥, 이제는 쉰 떡밥
• 퍼블리셔의 업무 범위는 어디까지인가요
• 자바스크립트 해야 하나요
• 이름 어떻게 지어야 좋을까요
• 그건 이나 마찬가진데요
• 쓰면 안되고 써야 된다고 하던데요
• 링크 점선 없애고 싶은데 안되나요
• 좋은 학원 추천 좀 해주세요
27. Pros & Cons
• 하나의 이슈에도 다양한 방법론이 있습니다
• 각 방법론은 장점과 단점이 있습니다
• 치명적인 단점을 가진 방법은
사용할 수 없습니다
• 이왕이면 장점이 많은 방법이 좋습니다
• 실수하면 이슈가 생기고
어떤 단점이 있는지 알게 됩니다
우리는 경험에서 배웁니다
29. IR 기법에도 다양한 방식이…
안녕하세요. 막내 오브 막내 조은입니다. 오늘 발표드렸던 IR기법 발표 자료 공유하겠습니다.
1. NIR(Nash image replacement)
URL: http://nicolasgallagher.com/css-image-replacement-with-pseudo-elements/
- IE7 이하에서 기능구현이 제대로 되지 않아서 IE7이하에서는 Phark Method로 적용되게 했습니다.
- 함경우 과장님이 말씀하셨지만, only mobile용으로 개발한다면 좋은 기법이 될 것이라 생각됩니다.
- SPRITE기법을 사용하는 방식이 다소 복잡합니다. (코드량이 어마무지하게 늘어납니다.)
2. nine Techniques for CSS IR
URL: http://css-tricks.com/css-image-replacement/
- 소개드렸던 대부분의 기법을 소개해 주고 있습니다.
3. Scott Kellum Method
URL: http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
- Phark Method의 -9999px을 사용하면 우리 눈에는 보이지 않지만 브라우저 상에서는 해당 박스 영역까지 렌더링이 되
니, 그 부분을 수정해보자! 라는 의미에서 만든 거라고 합니다.
- Phark Method에서는 길이가 극단적으로 길어질 경우에는 텍스트가 노출되는 경우가 있는데, 이 기법은 노출되지 않습
니다.
4. Another Image Replacement
URL: http://nicolasgallagher.com/another-css-image-replacement-technique/
59. 신기술은 어디서 배우나
• 도서는 번역서 나오는데 년
• 커뮤니티는 답글도 적고 오답도 많고
• 블로그는 쓰는 사람만 쓰고 새 글도 띄엄띄엄
• 세미나도 너무 가끔
• 교육은 비싸고
60. 번역이… 엉터리
• 꼭 틀린 번역이라고 할 수는 없지만
• 유쾌한 구어체가 딱딱한 문어체로
• 의역은 죄 짓는 기분이라서 결국 직역
• 그러나 직역으론 의미전달이 안 되는게 함정
• 출판사도 독자도 틀린 걸 잘 몰라
• 가 가리키는 것 헷갈려
• 개발용어인지 그냥 단어인지 헷갈려