분류 javascript

완전한 풀 스택 웹 개발자 로드맵 2021

컨텐츠 정보

  • 조회 282 (작성일 )

본문

최신 풀 스택 웹 개발자가 되기 위한 최고의 가이드입니다.


안녕하세요 친구! 따라서 우리 모두 알고 있듯이 풀 스택 웹 개발은 매우 인기가 있으며 이 도메인에는 많은 작업이 기다리고 있습니다. 따라서 이 기사에서는 풀 스택 개발자가 될 수 있는 방법에 대한 완전한 로드맵을 제공하려고 노력할 것입니다.


저도 작년에 풀 스택 개발을 배웠고 여러분도 똑같이 할 수 있습니다. 나는 현재 점점 더 많은 것을 배우고 있으며 나의 학습을 공고히 하기 위해 몇 가지 프로젝트를 시도하고 있습니다. 새로운 것을 배우면 프로젝트를 만드는 것은 꽤 좋은 습관입니다.


그렇다면 풀 스택 개발자는 정확히 누구입니까? 


API를 만들고 데이터베이스를 설계 및 관리하며 웹 사이트에서 작업을 수행하고 데이터를 사용할 수 있도록 하는 모든 작업을 수행하는 백엔드 개발자가 있습니다. 그리고 웹 사이트의 프런트 엔드를 디자인하고 반응적이고 사용자 친화적으로 만드는 프런트 엔드 개발자가 있습니다. 백엔드가 사용자와 상호 작용할 수 있도록 웹 페이지를 구축합니다.


따라서 풀 스택 개발자는 이러한 작업을 모두 수행 할 수 있는 개발자입니다. 풀 스택 개발자는 양측을 혼자서 수행하기 때문에 자체적으로 완전한 웹 사이트를 구축 할 수 있습니다.


다재다능한 전문가에 대한 수요가 증가하고 있으며 둘 다 아는 것 자체가 장점입니다. 이 두 도메인 모두에서 일자리를 찾을 수 있으므로 기회를 넓히고 스스로 완전한 웹 사이트를 구축 할 수 있으므로 팀 파트너 없이도 백엔드와 프런트 엔드를 모두 포함하는 멋진 프로젝트를 구축 할 수 있습니다.


하지만 많은 사람들이 실수를 합니다. 그들은 백엔드의 작은 부분과 프론트 엔드의 작은 부분을 배우지만 전문성이 부족합니다. 이런 식으로 사람은 아무도 잘하지 않기 때문에 그것은 나쁜 접근입니다. 그들은 두 부서 모두에서 평균이며 이것은 좋은 인상을 남기지 않습니다.


풀 스택 개발자가 되는 완벽한 방법은 프론트 엔드 또는 백엔드의 한 부분을 전문화 한 다음 다른 부분에 대한 실무 지식을 얻은 다음 개선하는 것입니다. 이렇게 하면 더 나은 개발자가 되고 모든 조직에 더 유용 할 것입니다.


그래서 이제 우리는 풀 스택 개발자가 누구이며 어떻게 작동하는지에 대해 많은 논의를 했습니다. 이제 실제 주제 인 풀 스택 개발자가 되는 방법으로 이동하겠습니다. 또한 결국 내가 배운 프레임 워크와 출처를 알려 드리겠습니다.


두 경로에 대한 기본 요구 사항 


프런트 엔드 프레임 워크 또는 백엔드 프레임 워크를 배우기 전에 알아야 할 몇 가지 기본 요구 사항이 있습니다.


다음은 모든 개발자가 알아야 할 필수 기술입니다.


Git 및 Github 알아보기 


이것은 모든 개발자에게 필수입니다. Git을 아는 것은 애플리케이션을 개발하는 동안 커밋과 변경 내역을 관리하는 데 매우 유용합니다. 이전 커밋으로 돌아가고 싶을 때 매우 유용합니다. Github를 사용하면 파일을 온라인으로 저장하고 공동 작업에 도움을 주거나 작업을 사람들에게 보여줄 수 있습니다.


명령 줄 알아보기 


명령 줄은 응용 프로그램을 실행하거나 종속성을 설치할 때마다 사용하는 것이기 때문에 명령 줄을 배우는 것은 모든 개발자에게 매우 좋은 일입니다.


프로그래밍 언어 배우기 


풀 스택 개발자가 되려면 프로그래밍 언어도 알아야 합니다. 우리는 웹 개발을 할 예정이며 이 두 가지가 이 분야에서 가장 인기 있는 옵션이기 때문에 Javascript 또는 Python을 선택하는 것이 좋습니다.


언어가 실제로 어떻게 작동하는지 알고 나면 항상 학습 프레임 워크를 찾아야 합니다. 이것은 우리가 더 잘 이해하는 데 도움이 될 것입니다.


프런트 엔드 개발자 로드맵 


Frontend Development는 사용자가 상호 작용하는 웹 사이트의 인터페이스입니다. 프런트 엔드는 사용자와 애플리케이션의 백엔드 간의 상호 작용을 담당합니다.


프론트 엔드 개발은 HTML, CSS 및 간단한 자바 스크립트에만 국한되지 않습니다. 웹 사이트를 위한 좋은 프런트 엔드를 설계하고 작업을 더 쉽게 만드는 데 도움이 되는 프레임 워크가 많이 있습니다.


Image for post 



먼저 기본 사항에 집중해야 합니다. HTML과 CSS로 시작해야 합니다. 이것이 빌딩 블록입니다.


HTML 및 CSS 


먼저 HTML과 CSS를 배워야 합니다. HTML은 웹 사이트의 콘텐츠를 구축하는 데 도움이 되며 CSS는 웹 사이트에 스타일과 효과를 추가합니다. HTML을 배우는 것은 간단하며 며칠 안에 완료 할 수 있습니다. 그런 다음 웹 페이지 스타일을 지정하기 위해 CSS를 배워야 합니다.


사용자 정의 CSS를 작성하거나 사용 가능한 모든 CSS 라이브러리를 사용할 수 있습니다. CSS에는 SASSLESS와 같은 전처리기가 있어 보다 프로그래밍 방식과 읽기 쉬운 방식으로 CSS를 작성하는 데 도움이 됩니다.


배울 수 있는 다양한 CSS 라이브러리가 있지만 일부는 나머지 라이브러리보다 더 많이 사용됩니다. 가장 인기 있는 선택은 Bootstrap입니다. 가장 널리 사용되는 CSS 라이브러리이며 스타일링을 더 쉽게 만들어주는 다양한 스타일과 구성 요소가 있습니다.


더 좋은 CSS 라이브러리는 다음과 같습니다.


  1. Tailwind CSS
  2. Materialize
  3. Bulma

Javascript 


HTML과 CSS를 배운 후에는 다음으로 자바 스크립트를 배워야 합니다. HTML과 CSS는 정적 및 반응형 웹 사이트를 구축했지만 Javascript는 웹 사이트에 동적 동작을 추가하는 웹 사이트입니다. 웹 사이트에서 모든 논리 연산을 수행 할 수 있는 것입니다.


Javascript는 다양한 맛으로 제공됩니다. Javascript를 먼저 배우고 나중에 프레임 워크로 이동하면 더 잘 이해하는 데 도움이 됩니다.


Frontend Frameworks 


많은 프런트 엔드 프레임 워크가 있지만 가장 인기 있는 세 가지가 있습니다. React, Angular 및 Vue입니다.


대부분의 프런트 엔드 개발자는 이 중 하나 또는 여러 가지를 배웁니다. 그들 중 하나로 시작해야 합니다. 그들은 모두 자신의 장점과 단점이 있습니다.


이 기사를 참조하여 어느 것이 당신에게 완벽한 지 확인하십시오.


하지만 제 개인적인 의견은 React 또는 Vue로 시작하는 것입니다. Angular는 제 생각에는 조금 힘들고 초보자에게는 좋은 선택이 아닙니다. 하나의 프레임 워크에 익숙해지면 많은 것들이 유사하게 남아 있기 때문에 쉽게 전환 할 수 있습니다.


백엔드 개발자 로드맵 


백엔드는 모든 논리 부분을 보유하는 애플리케이션의 일부입니다. 데이터베이스와 통신하고 모든 논리를 처리하며 프런트 엔드 부분과도 통신합니다. 프런트 엔드에 데이터를 수신하거나 제공합니다.


Image for post 


백엔드 서버 


Javascript, Python, Ruby, Go, Java 등과 같은 많은 언어로 백엔드 서버를 작성할 수 있습니다. 인기 있는 선택 사항이 많이 있지만 쉽고 강력하기 때문에 Javascript 또는 Python 기반 프레임 워크로 시작하는 것이 좋습니다.


몇 가지 훌륭한 백엔드 프레임 워크는 다음과 같습니다.


  1. Django (Python) — Python 프레임 워크이며 더 빠른 속도로 애플리케이션을 개발하려는 모든 사람에게 완벽한 선택입니다. 시작하기는 조금 어렵지만 미리 만들어진 많은 것을 제공합니다. 기본 제공 관리 대시 보드와 사용자 모델이 있습니다.
  2. Flask (Python) — 모든 기능이 내장되어 있지는 않지만 모든 요구 사항을 충족하기 위해 많은 종속성이 있는 단순하고 가벼운 프레임 워크입니다. 소규모 애플리케이션 개발 또는 API 개발에 가장 적합합니다.
  3. Express / Node (JS) — 가장 널리 사용되는 Javascript 프레임 워크이며 누구에게나 훌륭한 선택입니다. 배우기 쉽고 확장성이 뛰어납니다. Javascript를 기반으로 하고 이미 Javascript 프런트 엔드 프레임 워크를 사용했기 때문에 사용하는 것이 좋습니다.
  4. Ruby on Rails (Ruby) — Ruby를 기반으로 하며 매우 인기가 있습니다. 배우기도 쉽고 많은 곳에서 널리 사용됩니다.

Databases 


MySQL, MongoDB 및 PostgreSQL이 가장 많이 사용되는 데이터베이스에 대한 많은 선택 사항이 있습니다. 당신의 선택에 따라 그들 중 하나를 선택할 수 있습니다.


Express / Node를 백엔드 프레임 워크로 선택하는 경우 Javascript 프레임 워크와 매우 잘 작동하므로 MongoDB를 선택하는 것이 좋습니다.


MySQL과 PostgreSQL은 데이터를 행과 열의 테이블 형태로 저장합니다. 하지만 MongoDB는 NoSQL 데이터베이스이며 JSON 형식의 문서 형태로 데이터를 저장합니다. API를 통해 JSON 형식으로 데이터를 전송하기 때문에 매우 좋습니다.


Django를 프레임 워크로 선택했다면 Django 프레임 워크를 사용하여 소셜 미디어 웹 사이트를 구축하는 훌륭한 시리즈가 있습니다. 이것은 더 나은 방법으로 장고를 배우는 데 도움이 될 것입니다.


그래서 우리가 본 것처럼 프레임 워크가 우리에게 가장 적합하고 우리가 개발하는 것을 좋아하는 것은 우리의 선택에 관한 것입니다.


나의 선택과 배움 


저는 현재 몇 가지 프레임 워크를 배웠습니다. 나는 사물의 논리적 측면에 더 관심이 있기 때문에 백엔드 개발 부분부터 시작했습니다. 저는 데이터베이스 작업과 프론트 엔드가 활용할 API를 만드는 것을 좋아합니다.


내가 배운 첫 번째 프레임 워크는 Flask입니다. 당시에는 Javascript 지식이 거의 없었기 때문에 Flask를 선택했습니다. 저는 Python에 능숙했기 때문에 Flask를 사용했습니다. 저는 Flask를 사용하여 대학의 위원회 웹 사이트를 개발해야 했습니다.


Corey Schafer의 Youtube 비디오를 통해 Flask를 배웠습니다.


그런 다음 같은 YouTube 채널에서 장고에 대해 많이 들었기 때문에 계속해서 장고를 배웠습니다. 저는 Django를 좋아했고 이를 사용하여 몇 가지 좋은 프로젝트를 개발했습니다. 그중 하나는 소셜 미디어 웹 사이트이고 다른 하나는 구직 포털입니다.


다음으로 Javascript를 배우기 시작한 후 완전한 MERN 스택 (MongoDB, Express, React 및 Node)을 배웠습니다. 나는 두 개의 YouTube 채널에서 이것을 배웠고 현재 그들로부터도 배우고 있습니다. 그들은 Net NinjaTraversy Media입니다. 웹 개발 학습을 위한 멋진 채널입니다.


MERN Stack을 사용하여 간단한 전자 상거래 웹 사이트를 구축하는 방법에 대해 자세히 설명하는 MERN Stack 기반의 이 새로운 시리즈를 읽을 수 있습니다.


https://medium.com/javascript-in-plain-english/the-complete-full-stack-web-developer-roadmap-2021-7495b4ae59ac