로드맵 썸네일

자바스크립트 웹개발의 모든 것

작성자 프로필 이미지

Indie Coder

Svelte
REST API
Node.js

초급 대상

로드맵 참여중인 유저 프로필 사진
로드맵 참여중인 유저 프로필 사진

5명 참여중

30% 할인

13개 남음전체 구매 적용
쿠폰 받기

로드맵 코스

1) 기획배경

웹개발의 중심에 있는 언어인 자바스크립트 그리고 이 자바스크립트를 실행하는 런타임 node.js를 이용하면 프런트엔드 백엔드 등 웹의 모든 것을 만들 수 있습니다. 하지만 이를 위해서는 자바스크립트라는 언어말고도 다양한 것을 배워야 합니다. 개발에 기본이 되는 프레임워크, REST, GraphQL등과 같은 API, 인증, 파일업로드 등이 그것입니다.

이번 강좌를 통해 이제 막 개발에 입문하는 분들이 이런 다양한 개념들을 실제로 한번은 구현해 보는 경험을 갖게 하기 위해서 강좌를 준비했습니다.

2) 학습목표

이제막 자바스크립트를 익힌 개발자 입문자들에게 프레임워크, API, 인증, 파일업로드 등 웹 개발의 핵심이 되는 개념들을 실제로 한번씩 만들어 볼 수 있는 경험을 통해 다양한 요청에 유연하게 대응할 수 있는 자신감을 갖게 하는 것이 목표입니다.

3) 타겟 수강생

  • 자바스크립트를 이제 방금 익힌 초보 개발자
  • 프런트엔드 또는 백엔드 중 하나만 다루던 경험이 있는 개발자가 다른 영역에 도전해 보고 싶은 분
  • 프로젝트를 처음부터 완결해 보는 경험을 가지고 싶은 분

4) 학습내용

  • 프런트엔드 프레임워크 svelte 기본 사용방법
  • REST API를 이용한 프런트엔드 서비스 개발 방법
  • 백엔드 프레임워크 Fastify, Prisma를 이용해 REST API 직접 구현
  • 토큰을 이용한 인증 방법
  • javascript에서 Typescirpt로 한단계 레벨업
  • REST API 에서 보다 발전된 Graphql API 사용방법
  • Graphql 개념에서 백엔드 프런트엔드 모두 구현방법
  • Graphql을 이용한 실제 서비스 개발(키오스크 개발)
  • Node.js 환경에서 파일 업로드 방법
  • 만들어진 서비스를 실제 서버에 배포하는 방법

 

5) 로드맵 특장점

준비된 다양한 자료들을 이용해 개념에 대한 이해를 최대한 도울 수 있도록 준비했습니다.

 

웹개발에서 가장 많이 사용하게 되는 REST API를 이용해서 SLOG 라는 서비스의 프런트엔드와 백엔드를 모두 구현하게 됩니다.

 

가상의 키오스크 서비스를 Graphql을 통해서 구현하게 됩니다. 단순한 CRUD를 넘어서 파일을 업로드 하는 법, 실시간 데이터 처리 등 고급 기술들이 프로젝트에서 어떻게 사용되는지 학습하게 됩니다.

 

만들어진 서비스를 실제 리눅스 환경의 서버에서 어떻게 배포하는지도 학습내용에 포함되어 있습니다.

6) 수강평

중간에 안되는 부분들이 있었는데 친절하게 모두 설명 해 주셔서 감사했습니다! 키오스크가 필요했는데 사용할 수 있게 해주셔서 감사합니다! 사실 graphql과 meteor는 잘 사용안해봐서 적응하기까지는 좀 걸릴거 같아요..! 나중에 서버는 자바로 바꿔보면서 더 공부해봐야겠습니다 자세하게 설명해주셔서 감사합니다 즐겁게 수강했어요. [ GraphQL 완전정복 ]

수강을 완료하였습니다. Javascript, html, css 기초 닦은 상태에서, 풀스택 서비스를 만들어보고 싶어서, 수강했습니다. react 나 vue 도 있는데 svelte가 쉽고 핫하다고 해서, 이 라이브러리로 선택했습니다. 이 수업은 제로부터 스마트메뉴 서비스를 만들기까지 모든 과정이 다 녹아져있었습니다. 설명도 차근차근 잘 해주셔서, 이해가 잘 되었습니다. [ GraphQL 완전정복 ]

좋은 강의 감사합니다. graphql 기반으로 frontend/backed 개발하는 방법이 손에 익었고 cache, link, file upload, 인증 파트도 도움이 많이 되었습니다. meteor는 처음이지만 마지막배포까지 따라하면서 사용해보니 유용한거 같습니다. 앞으로 좋은 컨텐츠 기대하겠습니다. [ GraphQL 완전정복 ]

너무 쉽고 알찬 주제들로 가르쳐주셔서 잘 따라하며 학습할 수 있었어요! [ Svelte REST-API 프로젝트 ]

이해하기 쉽고, 차근차근 기본적인 부분까지 잘 설명해주셔서 빠른 학습이 가능할 것 같네요. [ Svelte REST-API 프로젝트 ]

 

 

로드맵 상세보기

4개 코스

로드맵에 포함된 강의 썸네일
Svelte 프레임워크는 자바스크립트 기초 지식만 있다면 정말 쉽게 배우고 곧바로 어떤 결과물을 만들어 볼 수 있습니다. 이를 통해 개발의 자신감을 얻을 수 있을 것입니다.

무료

로드맵에 포함된 강의 썸네일
Slog라는 가상의 서비스를 만들면서 Frontend 프로젝트를 진행하는 경험을 얻을 수 있습니다.

무료

30% 할인

13개 남음전체 구매 적용
쿠폰 받기

로드맵 코스 4