현제 저는 야후에서 Frontend/Backend Engineer로 일하고 있습니다. 한국 유학생들도 컴퓨터 사이언스(cs)를 통해 웹 엔지니어쪽에 관심을 갖고 있을 것있니다. 야후에서는 현제 웹 개발과 관련해선 Backend 과 Frontend로 나누고 있죠. 하지만 아주 뚜렷한 구분선이 없다는 점이 웹 엔지니어쪽에 접근 하기 힘들다는 것입니다.

그래서 확실한 구분점을 제시하고자 합니다. Frontend엔지니어들이 알아야 할 지식들을 나열함으로써 Frontend engineer들이 어떤 직업인가라는 것을 알 수 있을 것입니다.

• Web Standard
• • CSS의 역사
  • HTML의 역사
  • Standard모드와 Quirk모드
  • DTD와 브라우저의 DOCTYPE스위치
  • Firebug의 사용, 자바스크립 콘솔
  • Semantic Markup
  • Presentational HTML
  • Semantic HTML
  • Block vs. Inline엘레멘트
• CSS
• • CSS의 규칙
  • Inline 규칙
  • Embedded Styles
  • Linked Style sheets
  • 새 브라우저와 기존 브라우저에서 CSS사용하기
  • Selectors
  • Descendent Groupings
  • ID Selectors
  • Attribute Selectors
  • Pseudo-Elements
  • Pseudo-Classes
  • important
  • CSS Inheritance
  • General CSS Rule Layouts
• CSS의 Box model, positioning, visual formatting
• • CSS Box Model
  • Setting Borders and Margins
  • Special Styles and Colors
  • Collapsing Margins
  • IE vs. W3C Box Model Differences
  • IE Box Model Hacks
  • Block vs. Inline styles
  • Absolute Positioning
  • Relative Positioning
  • Floating Elements
  • Three-Column layouts
  • Fixed Positioning
  • Clearing Elements
  • Drop Shadows on Images
• Object-Oriented JavaScript
• • Native Objects
  • Creating and working with arrays
  • Encapsulation: public and private
  • Static variables
  • this
  • Creating Objects using factories
  • Creating Objects using prototypes
  • Creating Objects using Constructors

일단 이정도를 알고 있으면 Junior레벨의 Frontend라고 할 수 있습니다. 리스트가 매우 길어지게 될듯 하여 일단 여기서 멈췄는데, 내일 다시 새로운 리스트를 첨가 하도록 하겠습니다. 만약 내일 올리는 리스트의 지식을 갖고 계신 분들이 있으시고 야후에서 일하시고 싶으시다면 이곳에 코멘트를 달아 주시던가 저에게 직접 이멜로 연락해 주세요. ^^

참고로 더 수준 높은 Frontend Engineer들은 (이곳 야후에서) Backend의 지식도 갖고 있답니다. BSD나 RedHat의 OS에서 팩키지 관리와 환경 셋업들도 할 수 있어야 하죠.

이 글로 짧지만 웹 엔지니어가 되고자 하시는 분들에게 약간이 나마 도움이 되었으면 하네요.