안녕하세요?  2021년에 코딩을 처음 배우거나 웹 개발자가되고 싶다면 제대로 찾아 오셨습니다. 이전에 저는 코딩  최고의 웹 개발 과정 을 배우기 위해 20 개의 웹 사이트를 공유 했으며,  이번에는 풀스택 웹 개발자 로드맵 여러분에게 공유할 특별한 것이 있어서 찾아 왔습니다.

아래는 2021년에 풀 스택 웹 개발자가되는 방법을 보여주는 훌륭한 그림이며 2021 년에 웹 개발을 배우고 마스터하는 방법을 안내합니다.

 

웹 개발자가 알아야 할 다른 모든 사항을 포함하여 프런트 엔드 , 백 엔드 및 풀스택 을 학습하는 다양한 로드맵 모음을 알려드립니다. 웹 개발뿐만 아니라 모든 종류의 프로그래머에게 중요한 필수 프로그래밍 에 대해 알게 될 것 입니다.

로드맵은 또한 3 개의 섹션으로 나뉩니다. 첫 번째 섹션은 모든 웹 개발자가 알아야하는 필수 기술 에 관한 것이고 두 번째와 세 번째 섹션은 웹 개발의 두 가지 주요 영역 인 프런트 엔드  백엔드 개발에 관한 것입니다.

선택에 따라 프런트 엔드 또는 백 엔드 또는 둘 다를 배울 수 있습니다. 풀스택 웹 개발자 가되고 싶다면그런 다음 프런트 엔드와 백 엔드를 모두 배워야합니다. 이것을 건너 뛸 수는 없습니다.

Frontend에서는 React , Angular 또는 Vue.js 와 같이 원하는 프레임 워크를 선택하여 학습할 수 있습니다. 모두 배울 필요는 없으며 원하는 것을 배울 수 있습니다. 내가 추천하자면 2021년에는 Vue.js가 더 나은 선택이지만 아직까지는 Vue.js보다 React, Angular가 더 많이 사용됩니다.

당신은 전에도 이 RoadMap을 보았을 것입니다. 웹 개발자가 되기 위한 이 멋진 시각적 가이드는 Kamranahmedse 가 작성하여 여기 GitHub 저장소에 게시했습니다 . 내가 가장 좋아하는 장소 중 하나이며 반복 방문을 위해 북마크를 추천 합니다.

작년에 인터넷 서핑을하다가이 훌륭한 페이지를 우연히 발견했습니다. 저는 DevOps RoadMap  React Developer RoadMap을 처음 발견했고 그 즉시 Kamran Ahmed 의 팬이되었습니다 . 사실, 저는 이 로드맵을 인쇄하고 정기적으로 참조 할 수 있도록 책상에 붙입니다.

로드맵은 무엇을 배워야하는지 알려주지만 학습 방법과 해당 기술을 어디서 배울 수 있는지는 알려주지 않습니다. 나는 기술 , 프로그래밍 언어 , 프레임 워크  라이브러리 를 배우기 위해 취할 수있는 몇 가지 유용한 과정   에 대한 링크를 제공하여이 부분을 보완하려고 노력했습니다. 웹 개발자가 되기위한 방법이 로드맵에 언급되어 있습니다.

 

 

 

 

 

 

 

2021 년 풀 스택 웹 개발자가되는 방법

 

어쨌든, 여기에서 시작할 것입니다. 앞서 말했듯이 관심에 따라 아래에서 프런트 엔드 또는 백 엔드 경로를 선택할 수 있습니다. 그럼에도 불구하고 두 경로 모두 배워야만 하는 노란색 권장 사항이 8 개 있습니다. 이는 모든 프로그래머가 알아야 할 기본적인 사항 입니다.

https://github.com/kamranahmedse/developer-roadmap

 

 

 

 

 

공통 학습

 

다음은 프론트 엔드 개발자 또는 서버 측 백엔드 개발자가되기 위해 필요한 몇 가지 필수 기술입니다.

 

1. Git

가장 널리 사용되는 버전 관리 시스템 중 하나입니다. Git 없이는 더 이상 살 수 없습니다. 시작하려면 Udemy에서 Git Complete Guide  확인하세요 .

 

2. SSH

모든 웹 개발자가 알아야하는 또 다른 인기있는 네트워킹 개념 인 다른 호스트에 대한 로그인을 제거 할 수 있습니다.

 

3. HTTP / HTTPS

HTTP 프로토콜은 웹의 중추이며 HTTP와 HTTPS에 대한 지식은 웹 개발자에게 필수입니다.

 

4. 기본 터미널 사용법 Linux 명령 줄 기본

웹 개발자뿐만 아니라 모든 프로그래머에게 Linux 명령 줄은 매우 중요하며이를 배우는 데 시간을 할애하는 것이 좋습니다. Udemy  Linux 명령 줄 기본 과정은 시작하기에 좋은 곳이며, 무료 과정이 마음에 드신다면이 무료 Linux 과정  사용하여 Linux 학습 을 시작할 수 있습니다 .

 

5. 데이터 구조 및 알고리즘

이것은 모든 프로그램의 빌딩 블록이며 알고리즘 및 데이터 구조에 대한 더 나은 지식은 다음 작업 또는 현재 작업에서 잘 수행하는 데 중요합니다.

알고리즘과 데이터 구조를 배우는 데 관심이 있다면 이해하는 프로그래밍 언어로 된 과정을 선택하는 것이 좋습니다.

예를 들어 Java 개발자의 경우 데이터 구조 및 알고리즘 : Java를 사용한 심층 분석 은 시작하기에 좋은 방법입니다.

JavaScript 개발자와 마찬가지로 Colt Steele의 JavaScript 알고리즘 및 데이터 구조 마스터 클래스 는 좋은 것입니다.

그리고 Python을 사용하는 경우 Python의 알고리즘 및 데이터 구조 가 좋습니다.

또한 리소스에서 배우는 것을 꺼리지 않는다면이 무료 알고리즘 과정 목록을 사용 하여 시작할 수도 있습니다.

 

7. 문자 인코딩

전 세계의 다양한 언어로 정보를 표시하는 글로벌 응용 프로그램을 만드는 경우 문자 인코딩에 대해 잘 알고 있어야합니다. 기본적으로 브라우저에 데이터를 표시하는 방법을 알려줍니다.

 

8. GitHub

버전 제어 및 코드 저장소 측면에서 표준이기 때문에 모든 프로그래머가 Git 및 Github를 알아야한다는 것은 의심의 여지가 없습니다. Git  Github 를 배우고 마스터 하려면이 무료 Git 과정을 확인하십시오 .

 

 

 

 

 

프런트 엔드 개발자 로드맵

 

2021 년에 프론트 엔드 개발자가되고 싶다면 아래 프론트 엔드 개발자 로드맵을 따라야합니다. 여기서 배우고 따라야 할 중요한 사항을 강조하는 노란색 상자에 집중해야합니다. 로드맵 아래에는 학습에 도움이되는   코스  같은 추가 리소스가 있습니다.

https://github.com/kamranahmedse/developer-roadmap/blob/master/images/frontend.png

 

1. 웹 개발 기초

웹 개발자가 되려면 인터넷, 웹 응용 프로그램, HTTP와 같은 프로토콜 및 웹 개발의 기본 사항을 알아야합니다. 고맙게도 이것들뿐만 아니라 그 이상을 배울 수있는 많은 코스가 있습니다.

웹 개발을 배우고 싶은 모든 프로그래머에게 다음 리소스를 권장합니다.

  1. Colt Steel의 웹 개발자 BootCamp
  2. Angela Yu의 2021 Complete Web Developer Bootcamp
  3. 고급 웹 개발자 부트 캠프

 

2. HTML과 CSS

HTML과 CSS는 모든 웹 사이트의 중추입니다. HTML은 구조를 제공하는 반면 CSS는 스타일을 제공하고 더 멋지고 시각적으로 매력적으로 보이도록 도와줍니다. 진지한 프론트 엔드 개발자가되고 싶다면이 두 가지를 마스터하고 시작하려면이 무료 HTML 및 CSS 과정  확인하여 온라인으로 학습 할 수 있습니다.

 

3. 자바 스크립트

객체 지향 프로그래밍의 네 가지 기둥 인 Abstraction , Encapsulation , Polymorphism , Inheritance 와 마찬가지로 웹 개발에는 HTML , CSS , JavaScript라는 세 가지 주요 기둥이 있습니다.

처음 두 개는 구조와 스타일을 제공하지만 상호 작용 성을 추가하여 그것들을 생생하게 만드는 것은 JavaScript입니다. 현대 자바 개발자가 자바 스크립트 를 배우는 것은 매우 중요 하며 고맙게도 초보자와 고급 자바 스크립트를 모두 배울 수있는 많은 과정이 있습니다. 여기 몇 가지 권장 사항이 있습니다.

  1. 완전한 JavaScript 과정 2021
  2. 고급 JavaScript 및 ES6에 대한 초보자 가이드

 

4. TypeScript

C와 C ++ 가있는 것처럼 TypeScript는 C ++만큼 인기가 없지만 JavaScript ++로 간주 될 수 있습니다.

TypeScript 의 좋은 부분은 JavaScript 코드에 유형 안전성을 추가하여 개발 단계에서 불쾌한 JavaScript 유형 관련 오류를 포착 할 수 있다는 것입니다.

또한 JavaScript 용 객체 지향 코드를 쉽게 개발할 수 있습니다. TypeScript를 배우고 싶다면 TypeScript 이해 는 시작하기에 좋은 과정이며, 더 많은 선택 사항이나 무료 대안이 필요한 경우 시작해야 할 무료 TypeScript 과정 의 또 다른 목록이 있습니다 .

 

5. Angular

사람들이 일반 HTML, CSS 및 JavaScript를 사용하여 웹 사이트를 구축하던 시대는 지났습니다. 오늘날 대부분의 작업은 Angular , React JS 또는 Vue.js 와 같은 프레임 워크에서 수행됩니다 .

코드를 저장하기위한 구조를 제공 할뿐만 아니라 웹 애플리케이션을 빠른 시간에 쉽게 개발할 수 있습니다.

Angular는 Google에서 지원하므로 Angular를 배우는 것은 모든 최신 웹 개발자에게 좋은 선택입니다. Angular를 배우고 싶다면 Max의 Angular 7 (이전의 Angular 2) — Udemy 의 완전한 가이드 보다 더 좋은 과정은 없습니다 .

 

7. React JS

Angular  마찬가지로 React 는 웹 애플리케이션 개발을위한 인기있는 라이브러리이기도합니다. 재사용 가능한 구성 요소를 작성하여 현대적인 대화 형 웹 페이지를 만드는 데 사용할 수 있습니다.

Angular가 Google에서 지원하는 것처럼 React는 Facebook에서 지원되므로 꽤 유명합니다. React를 배우고 싶다면 Stephen Grider의 Modern React with Redux 또는 Max의 React — The Complete Guide on Udemy에 참여하세요. 둘 다 온라인에서 React를 배우는 훌륭한 과정입니다.

링크는 다음과 같습니다.

  1. Redux를 사용한 최신 반응
  2. React — 완전한 가이드

 

8. Vue.js

Vue 또는 Vue JS 는 작년에 실제로 속도를 올렸으며 점점 더 많은 사람들이 Vue.js를 추천하고 사용하고 있습니다. 나는 여전히 Vue의 초보자이며 아마도 Vue 기반 응용 프로그램으로 배우고 마이그레이션하는 데 시간이 걸릴 것입니다. 그러나 이미 결정을 내린 경우 Udemy  Vue.js Essentials 과정 부터 시작할 수 있습니다 .

 

 

 

 

 

 

백엔드 개발자 로드맵

 

2021 년에 백엔드 개발자가되고 싶다면이 백엔드 개발자 로드맵을 따를 수 있습니다. 다시 말하지만, 배워야 할 핵심 기술 을 강조한 노란색 상자로 시작한 다음 거기에서 성장할 수 있습니다. 로드맵 아래에는 학습에 도움이되는 몇 가지 보충 자료와 코스 및 서적 링크가 있습니다. 비 무료 코스를 구입하면 수수료도받을 것입니다.

https://github.com/kamranahmedse/developer-roadmap/blob/master/images/backend.png

 

1. Node.js

Java 및 Spring 또는 Python + Django를 사용할 수있는 것처럼 웹 애플리케이션의 백엔드를 개발할 수있는 많은 선택 사항이 있지만 최근에는 Node.js가 선호되는 옵션으로 등장했습니다.

NodeJS 의 가장 좋은 점은 단 하나의 프로그래밍 언어 인 JavaScript를 사용하여 완전한 웹 애플리케이션을 개발할 수 있다는 것입니다.

당신은 노드 경로를 가고 싶어한다면, 완전한 Node.js를 개발자 과정 에 의해 롭 퍼시벌  앤드류 미드 로 시작하는 것이 가장 좋습니다.

 

2. 자바

나는 주로 웹 개발 및 기타 프로그래밍 언어를 배운 Java 개발자이므로 백엔드 개발과 관련하여 선호하는 선택은 Java입니다. Core Java 또는 Java + Spring Boot를 사용하여 최첨단 고성능 백엔드를 작성할 수 있습니다 . Java 및 Spring 경로로 가고 싶다면 여기에 가입하여 최신 정보를 얻을 수있는 몇 가지 과정이 있습니다.

  1. 완전한 자바 마스터 클래스
  2. Spring Framework 5 : 초급에서 전문가

 

3. 파이썬

Python 은 강력한 프레임 워크와 라이브러리로 가득 찬 또 다른 멋진 언어입니다. Python  사용하여 백엔드를 개발하려는 경우 Python 프로그래머를위한 풀 스택 웹 개발 프레임 워크 인 Django를 사용할 수 있습니다.

시작하려면 Python과 Django를 배우는 몇 가지 과정이 있습니다.

  1. 완전한 파이썬 부트 캠프
  2. Python 및 Django 풀 스택 웹 개발자 부트 캠프

 

4. 루비

Ruby는 웹 개발에 완벽한 또 다른 강력한 언어입니다. 웹 애플리케이션을 정말 쉽고 빠르게 만들 수있는 Rails라는 훌륭한 프레임 워크가 있습니다. Ruby로 시작하고 싶다면 Udemy의 The Complete Ruby on Rails 개발자 과정  확인하세요 .

최고의 리소스 중 하나이며 더 많은 선택이 필요하고 무료 리소스에서 배우는 데 신경 쓰지 않는다면 무료 Ruby 및 Rails 과정을 살펴볼 수도 있습니다 .

 

5. PHP와 MySQL

사람들이 PHP에 대해 부정적인 말을하는 것은 잊어 버리십시오. 여전히 서버 측 코드를 작성하는 가장 쉬운 방법이며 인터넷의 거의 50 %가 PHP 및 MySQL 스택에서 실행됩니다.

PHP 학습에 관심이있는 경우 Udemy의 초보자를위한 PHP 과정을 확인할 수 있습니다 . 더 많은 선택 사항과 무료 리소스가 필요한 경우 시작할 무료 PHP 및 MySQL 코스 목록을 확인할 수도 있습니다 .

 

 

 

 

 

이것이 2021 년에 웹 개발자가되는 방법에 관한 것 입니다. 이것은 웹 개발자가되기위한 몇 가지 방법을 안내하기 때문에 따라하기에 훌륭한 가이드라인 입니다.

하지만 어딘가에 막히는 부분이 있거나 혼란스러울 경우 언제든지 여기에서 질문 할 수 있으며 가능한 한 최선을 다해 답변을 드릴 것입니다. 프로그래밍 세계

개발이 처음이라면 이 그림과 많은 기술에 겁먹지 마십시오. 이것은 단지 지침 일 뿐이며 웹 개발을 배우고 웹 개발자가되는 방법은 수 없이 많습니다.

 

 

 

 

 

 

마무리 노트

 

지금까지이 기사를 읽어 주셔서 감사합니다. 배워야 할 것이 너무 많고 참여할 코스가 너무 많다고 생각할 수도 있지만 걱정할 필요는 없습니다.

대부분의 내용을 이미 알고있을 가능성이 높으며 사용할 수있는 유용한 무료 리소스 도 많이 있습니다.

저는 Udemy 코스 의 특별한 팬입니다. 코스를 구입하면 돈을받을 것이기 때문이 아니라 매우 저렴하고 아주 적은 금액으로 더 많은 가치를 제공하기 때문 입니다..

하루가 끝나면 여기에 언급 된 내용에 대해 충분한 지식과 경험을 쌓아야합니다.

웹 개발 여정에 행운을 빕니다! 확실히 쉽지는 않을 것입니다 .그럼에도 불구하고 로드맵과 가이드를 따르면 웹 개발자가 되는 데 한 걸음 더 가까워 질 것입니다.

이 기사가 마음에 드시면 미디엄 ( javinpaul ) 에서 저를 팔로우 해주세요 . 모든 새 게시물에 대한 알림을 받고 싶다면 Twitter에서 javarevisited 를 팔로우 하는 것을 잊지 마십시오 ! 웹 개발 여정에 최선을 다하고 멋진 콘텐츠를 제작 한 Kamran Ahmed 에게 큰 감사를드립니다 .

 

 

 

 

 

 

출처 ; medium.com/javarevisited/the-2019-web-developer-roadmap-ab89ac3c380e

 

+ Recent posts