Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
개발 · 프로그래밍

/

데이터베이스

GraphQL 완전정복 (키오스크를 만들며 배우는 풀스택 과정) - [2024 부분 리뉴얼]

차세대 API 제어 기술인 GraphQL의 기본과 고급 사용법 그리고 GraphQL로 만들어 가는 가상의 키오스크 서비스를 통해서 실제 프로젝트 경험을 학습하게 됩니다. 강좌는 2024년 2월 기준 가장 최신 버전인 apollo-server v4로 강좌를 부분 업데이트 했습니다.

(4.5) 수강평 6개

수강생 216명

  • Indie Coder

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Graphql

  • Apollo

  • MongoDB

  • Svelte

  • NodeJs

  • nodeJs 파일업로드

  • 토큰기반 인증방법

  • 풀스택(웹백앤드 + 웹프런트앤드)

  • 가상의 키오스크 서비스 개발

프론트엔드, 백엔드 모두 구현 가능!
GraphQL 실전을 경험해보세요 💪


자신감의 가장 좋은 비결은
무언가를 처음부터 끝까지 만들어보는 것입니다.
웹에 대한 기초를 조금이라도 배우셨다면
이번 기회에 다양한 기술들로 한발 더 나아가 보세요!

GraphQL 완전 정복 👑

REST API를 보완, 발전하여 만들어진 차세대 API 제어 기술 GraphQL. GraphQL의 기초부터 고급, 완결된 서비스까지! 이번 강의를 통해 백엔드, 프론트엔드, 배포까지의 모든 과정을 학습할 수 있습니다. 같이 스마트 메뉴판 만들어 보실래요?

쉽게 이해할 수 있도록 준비한 강좌 내용

#1.
GraphQL의
기본 문법과 고급 문법

GraphQL에 필요한 문법들을 모두 차근차근 학습하게 됩니다. 강의의 이론 부분은 이미지, 애니메이션 등을 활용하여 최대한 쉽게 이해하실 수 있도록 준비했습니다.

#2.
실제 프로젝트
(스마트 메뉴) 구현

기본 사용 방법을 익혔으면 다음은 실제 프로젝트 구현이겠죠? 가상의 키오스크 서비스인 스마트 메뉴를 GraphQl을 이용해 만들어 볼 것입니다. 백엔드 서버에서 프론트엔드까지 모두 GraphQL을 중심으로 구현하게 됩니다.

#3.
다양한 문제의
해결 방법

단순히 코드를 따라 하면서 데이터를 읽고 쓰고 수정하는 것을 넘어, 서비스를 만들 때 발생할 수 있는 다양한 문제와 해결 방법을 학습하게 됩니다. Apollo 캐시 이용 시 발생하는 데이터 정합성 문제, NodeJS에서 파일을 업로드할 때 주의해야 할 점, 서비스에 꼭 들어가야 하는 인증 등을 배울 수 있습니다.

#4.
더 효율적인
프론트엔드 개발 방법

요즘 핫하게 떠오르고 있는 Svelte라는 프레임워크를 이용해 보다 효율적으로 프론트엔드 개발하는 방법도 알려드려요. 이를 통해 GraphQL의 기본 지식은 물론, 한 서비스의 백엔드, 프론트엔드, 배포까지 경험할 수 있게 됩니다.


이런 분들께 추천해요 🙋‍♀️

GraphQL에 관심이 있어 입문을 고민하는 분

웹 백엔드, 프론트엔드 풀스택을 경험하고 싶은 분

Apollo, Svelte 등 최신 기술로 만드는 웹이 궁금한 분

HTML, Javascript 기초를 익힌 후 뭔가 구현하고 싶은 분


구현 프로젝트 미리 보기 👀

무한 스크롤로 구현된 메뉴 보기 화면

로그인 화면

메뉴 등록 화면

주문 후 알람 화면

강의 참고 자료 📍

  • 강의에 사용된 패키지나 소스코드 등의 링크의 경우 ‘섹션2 GraphQL 기본 - 강의 자료 소개 ‘ 를 참고 바랍니다.

참고 강의 📚


예상 질문 Q&A 💬

Q. GraphQL에 대한 이론 강의 인가요?

기본 사용법부터 실제 프로젝트에 적용하는 방법 모두를 학습합니다. 프로젝트의 경우 백엔드, 프론트엔드 모두에서 GraphQL을 구현하는 방법이 준비되어 있습니다.

Q. 프론트엔드의 경우 Svelte를 미리 학습해야 하나요?

강의 중간에 간략하게 Svelte의 기본 사용 방법을 준비했습니다. 준비한 내용만 알고 넘어가신다면 충분히 끝까지 학습 가능하다고 생각합니다.

Q. 개발환경은 어떻게 되나요? 

맥, 윈도우 그리고 리눅스 등 nodeJs를 설치할 수 있는 어떤 PC에서도 개발환경에 필요한 프로그램을 설치하고 진행할 수 있습니다.


지식공유자 소개 ✒️

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약 5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다.

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹 관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다.

 

  • 현) 프리랜서
  • 전) (주) 비즈플러그 전략솔루션 사업부 팀장
  • 전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

 

email: freeseamew@gmail.com

blog: https://medium.com/freeseamew

출간 도서


이런 분들께
추천드려요

학습 대상은
누구일까요?

  • javascript 기초를 배우신분

  • 웹 서비스를 처음부터 끝까지 한번 만들고 싶은 분들

  • 웹 백엔드 엔지니어

  • 웹 프런트엔드 엔지니어

선수 지식,
필요할까요?

  • html

  • javascript

안녕하세요
입니다.

2,407

수강생

55

수강평

84

답변

4.8

강의 평점

5

강의

2000년도 중반부터 본격적으로 웹개발을 시작하여 현재까지 프리랜서 개발자로 활동하고 있습니다. 약5년간 Amplix BI 솔루션 실무자 교육을 진행하고 개발을 지원하며 새로운 기술을 효율적으로 전달하는 것에 대한 많은 경험과 고민을 했습니다. 

현재는 개발 업무와 함께 개발자들에게 도움이 될만한 웹관련 분야의 새로운 기술을 찾고 강좌와 책을 통해 공유하고 있습니다. 

 

현) 프리랜서

전) (주) 비즈플러그 전략솔루션 사업부 팀장

전) (주) 퍼니몽키스 위니스토리 서비스 개발 팀장

youtube: https://www.youtube.com/channel/UC3cJspjF4TRTyD_RS0azeaw 

email: freeseamew@gmail.com

blog1: https://medium.com/freeseamew

blog2: https://dev.to/freeseamew

 

강좌 목록

출간도서

yes24, 교보문고, 알라딘

 

 

 

커리큘럼

전체

72개 ∙ (10시간 28분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

6개

4.5

6개의 수강평

  • wndtlr10248980님의 프로필 이미지
    wndtlr10248980

    수강평 5

    평균 평점 4.4

    3

    100% 수강 후 작성

    Overall, the lecture time is short, so there is no burden, and the answer to questions is fast. The disadvantage is... They explain by showing the already written code in PPT format (If you click, the existing code flies away and the code is added smoothly) Even without that, since I listen to the explanation while looking at the unfamiliar code structure in PPT format, it is hard to understand the flow of the code and follow along. You may think, "Since there is a lecture code on GitHub for this part, why don't you just copy and paste it?" But if you intended to do that, you should have saved the code by branching GitHub by lecture section part.. The GitHub lecture code was already completed code, and it was very tiring to compare these codes with the lecture I am currently listening to and copy and paste them.. I listened to the server part lecture at the beginning of the lecture and ran passionately for four hours without stopping, but when I entered the front part, I thought that the tuition fee was too expensive compared to the lecture quality, but I thought it was because I got really good answers when I asked questions, so I let it go. Lastly, since it is not a seminar like a technology tech, I think there will be more people who dislike this kind of PPT-style lecture than who like it. Furthermore, the code is not that complicated or long, so I think it would have been better if you had added explanations while typing the code together. Following the lecture with PPT, it really ㅠㅠ is so tiring for the listener. I just clicked the “I watched” button for the latter half of the lecture and skipped over it..

    • viewee님의 프로필 이미지
      viewee

      수강평 3

      평균 평점 3.7

      4

      100% 수강 후 작성

      I completed the course. I took the course because I wanted to create a full-stack service after learning the basics of Javascript, HTML, and CSS. There are also React and Vue, but Svelte is easy and hot, so I chose this library. This course covered the entire process of creating a smart menu service from scratch. The explanation was also very detailed, so I understood it well. /// What was disappointing was that I kept getting stuck during the course. I made typos when I wrote the code, but there were many important typos in the lecture videos, so I had problems when I just watched the lecture videos and followed along. There were also occasional typos in the example code, so whenever I ran the server and tested it, I was often confused as to whether I made a mistake or there was a typo in the lecture content. (I don't understand how other people who wrote course reviews could proceed with the course without asking questions on the bulletin board.. Didn't they complete the course?) The environment in which the course was conducted was MacOS, and I was in a Windows environment, so the server execution command was not meteor but meteor.bat, which was different from the course. Or, there were problems such as the course proceeding differently because the course and the current meteor version were different. Still, when I asked questions about these problems on the community bulletin board, the teacher answered them well within a day or two, so I was able to continue the course. // From Section 4, which creates a SMART MENU, it was okay at first, but as the code got bigger and bigger, it was very important to compare the differences with the previous code when a bug occurred, so I felt the need for version control, studied git separately, and applied it while listening. As I listened to the class while creating a branch every time the code of each section ended without a bug, and committing every time a small chapter in the section ended, I was able to quickly deal with bugs that occurred after Sections 12 and 13. I recommend that beginners like me study git separately and use it in class. Also, in class, regarding debugging, if there were more parts where you check the terminal window for the backend and the console window for the frontend, wouldn't it have been better for beginners like me? Since this is basic content, it doesn't seem to be included in the flow of the class. However, I thought it would be good if you made a brief mention of git or debugging methods in class. // < Subtitle Coverage Issue > There were videos with subtitles in the middle of the lecture, but when you renew the subtitles, please make sure they are positioned above the play bar. The subtitles are covered every time you stop and watch. ㅠ // While I was teaching, I diligently reported the parts that I was stuck on and minor typos, etc., and since the teacher said that he will be renewing the course in March 2023 to reflect these parts, I think those who take the class after that will be able to take the class more comfortably. // After completing the class, - I was able to learn about the overall operation of GraphQL and how to operate it on the Apollo server. - How to build a front-end that connects to the back-end easily and quickly using Svelte. I listened hard and understood, but I think I need to do the class two or three times to become more familiar with the structure and operation. Personally, I think I need to study more about creating a front-end using Svelte, so I think I need to do some additional learning. I'm a beginner who only watched videos of react and vue, so I don't know much, but when I made a service using svelte, I felt that svelte was easy and intuitive. There's a svelte-only integrated framework called svelteKit, so I wish the teacher would make a lecture on this part too. ㅎㅎ.. The lecture content is really informative, so if you want to listen, please listen.

      • holocoding
        지식공유자

        I'm glad you finished the lecture safely. I've improved the typos and problematic parts by commenting them on the video. Thank you for pointing this out. And I'll try to make sveltekit as soon as possible. Congratulations again on completing the course. Thank you.

    • sycheon3883님의 프로필 이미지
      sycheon3883

      수강평 2

      평균 평점 5.0

      5

      80% 수강 후 작성

      The composition is so good

      • holocoding
        지식공유자

        I'm glad you like the class. I will continue to work hard to prepare good lectures in the future. :)

    • lsmin01님의 프로필 이미지
      lsmin01

      수강평 1

      평균 평점 5.0

      5

      100% 수강 후 작성

      Thank you for the great lecture. I got used to developing frontend/backed based on graphql, and the cache, link, file upload, and authentication parts were also very helpful. It's my first time with meteor, but I found it useful after following along until the final deployment. I look forward to good content in the future.

      • holocoding
        지식공유자

        Thank you for your review. I'm glad you found the content helpful. Have fun coding :)

    • leaguematter7718님의 프로필 이미지
      leaguematter7718

      수강평 5

      평균 평점 4.6

      5

      31% 수강 후 작성

      ₩55,000

      Indie Coder님의 다른 강의

      지식공유자님의 다른 강의를 만나보세요!

      비슷한 강의

      같은 분야의 다른 강의를 만나보세요!

      연관 로드맵

      강의가 포함된 로드맵으로 학습해 보세요!