본문으로 바로가기

Front-end Developer

category Dev Environment/개발 기타 자료 2015. 12. 30. 10:52

Front-end Developer 에 대해서


프론트-엔드 개발자로서 요구되는 능력

위키피디아에 정의된 Front-end Developer 정의




프론트-엔트 개발자가 고려해야 할 목표

  • 접근성(Accessibility)
  • 사용성(Usability)
  • 성능 향상(Performance)




프론트-엔드 개발자에게 요구되는 테크닉

가이드라인

  • 접근성
  • 검색 엔진 최적화(SEO)
  • UX 사용성 모델


웹 언어

  • HTML
  • CSS
  • JavaScript


라이브러리

  • JQuery
  • Underscore
  • Modernizr
  • 기타 등등...


이미지 편집

  • Phtoshop


프리프로세싱 & 컴파일러

  • CSS
  • Sass
  • Less
  • stylus


JS

  • CoffeeScript
  • TypeScript
  • 기타 등등..


모듈 관리

  • RequireJS
  • Browerify


업무 관리 도구(자동화 빌드시스템)

  • Gulp
  • Grunt


클라이언트 사이드 MVC 프레임워크

  • Angular
  • Backbone




넋두리

오늘의 Quora 질문 : 스타트업에서는 왜 프론트엔드 개발자를 더 많이 필요로 하나요? 다른 기술분야보다 상대적으로 개발이 쉽지 않나요?

이 질문에 관해 가장 많은 추천을 받은 질문과 사람들이 가장 많이 본 답변이 결국 일맥 상통하기에 요약해보면...


1. (국내에도 유명한 저자인) 니콜라스 자카스가 말하길 "가장 적대적인 개발 환경"이라고 했을 정도로 힘듬. 브라우저 많지, 브라우저는 버그도 제각각이고 업그레이드 주기도 제각각이지. 내가 둘 다 해봤는데 프론트엔드 할 때는 똑같은 걸 몇 번이나 테스트하느라 힘들었음.

뿐만 아니라 다양한 OS/디바이스/입력장치 종류/출력장치 종류(화면 크기 및 스크린 리더)와 사용자에 의한 변화(글자 크기, 색상 변경 등)도 고려해야 함. 

그리고 새 디바이스와 새 브라우저가 계속 나타남.


2. (오래된 브라우저 때문에) 버그가 있는게 당연한 HTML, CSS도 함께 사용해야 함.


3. 기술적으로도 고려할 게 많음. SEO, 접근성, 성능은 물론 각종 보안까지 고려해야 함.


4. 배워야 할 기술이 너무 많음. 반응형 디자인, 미디어 쿼리, AppCache, WebGL, CSS transform, SVG, Canvas, WebSocket. 근데 환경에 따라 사용할 수 없을지도 모르니 확인부터 해야함.


5. 문제는 변화가 너무 빨라서 대처 방법을 제대로 가르쳐 줄 사람도 없음.


그리고 가장 많은 추천을 받은 답변의 마지막 문장.


Seriously. Server-side developers have it easy.

진심으로. 서버사이드 개발자가 편합니다.



Jaehee's WebClub