이 글의 모든 출처는 : poiemaweb.com/

 

웹 프로그래밍 튜토리얼 | PoiemaWeb

Front-end Development Tutorial

poiemaweb.com

위 사이트임을 밝힙니다.

 

로드맵은 github.com/kamranahmedse/developer-roadmap

 

kamranahmedse/developer-roadmap

Roadmap to becoming a web developer in 2021. Contribute to kamranahmedse/developer-roadmap development by creating an account on GitHub.

github.com

위에서 가져왔습니다.

 

 

 

 

프론트엔드 로드맵

 

프론트엔트 로드맵

 

 

백엔드 로드맵

백엔드 로드맵

 

 

 

데브옵스 로드맵

 

 

데브옵스 로드맵

 

 

 

 

필자는 프론트 엔드 개발자는 아닙니다. 그저 초보 백엔드 개발자일 뿐입니다만, 다른 프론트 엔드 개발자와 협업을 하며 느낀 것을 말해보고자 합니다.

 

아무리 퍼블리싱 업체에게 퍼블을 받아서 작업을 한들, 받은 파일을 동적인 jsp(java 기반 프로젝트 기준)로 만들어야 하기 때문에 만약 프론트엔드에 관한 지식이 아예 없다면 협업하기가 어렵다는 것을 느꼈습니다.

 

그렇기에 이와 같은 글을 남깁니다.

 


프론트 엔드 개발자가 배워야 할 것

백엔드 개발자가 배워둘 법한 것

 

  • HTML, JS, CSS ( Layout[float, flex, grid], transition/animation, 반응형웹, CSS 방법론, CSS 프레임워크 등 )
  • 크로스 브라우징
  • HTTP
  • Tools : git, webpack, Babel 
  • Library/framework : TypeScript, jquery, SPA ( angular, vue, react )
  • TDD : karma ( 테스트 주도 프로그래밍 = Test Driven Development )
  • 알고리즘, 자료구조

 

 

특히

  • 용어에 대한 지식, 기본지식 : 전문용어는 짧은 단어로 정확하게 전달할 수 있다는 장점이 있다. 그래서 개발자라면 전문용어를 많이 사용한다. 따라서 상대방의 용어에 대해 이해할 수 있도록 용어에 대한 지식을 갖추어야 한다.
  • 문제 해결 능력 : 문제가 무엇인지 알아내는 능력. 컴퓨터적인 생각을 할 줄 알아야 하고 알고리즘과 자료구조에 대한 지식이 뒷받침 되어야 한다. 특히 경험이 중요하다. 복잡함을 단순한 구조로 나타낸 뒤, 분해하고 자료로 정리 & 구분하는 능력이 필요하다.
  • 피드백을 겸손하게 받아드리는 태도 : 지적을 받아드릴 줄 알고 겸손하게 반응하며 교정할 줄 알아야 한다.
  • 설명할 수 있어야 한다 : 설명할 수 없다면 모르는 상태와 같다. 설명할 수 있을 때까지 공부하자.
  • 시도하고 실패하자 : 직접 코딩해보고, 반복하고 실패도 많이 겪어보자
  • 기록하자 : 사람은 자신이 한 것에 대해 잘 잊고, 착각하기 쉽기 때문에 기록하는 것이 중요하다. 또한 지속적으로 보강해 나갈 필요가 있다.
  • 프로이다 : 당신이 개발자라면 이미 프로의 영역에 들어와 있기 때문에 누구보다 기본기에 대한 지식을 갖추는 것이 중요하다. 프론트 엔드의 기본이라면, HTML, CSS, JS 등이 포함된다.