한시간만에 Node.js 백엔드 기초 끝내기 (ft. API 구축)

Поделиться
HTML-код
  • Опубликовано: 28 июн 2024
  • 이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 Node.js, npm 모듈 등 기초에 대해 배우고, express 프레임워크로 자바스크립트 API를 구현하는 것을 실습하는 영상입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
    Nodejs
    nodejs.org/ko/
    📖수업페이지: jocoding.net
    💬디스코드: / discord
    [라이브 풀버전] 조코딩의 웹 개발 5주 완성
    • [풀버전] 2022 코딩 기초와 웹 프로그래밍
    [편집본] 조코딩의 코딩 기초와 웹 프로그래밍 (2022)
    • 조코딩의 코딩 기초와 웹 프로그래밍 (2...
    조코딩 멤버십 가입하기
    / @jocoding
    보조 교재
    📖『Do it! 조코딩의 프로그래밍 입문』
    - 예스24: vo.la/SbhB7F
    - 교보문고: vo.la/6XXfEL
    - 알라딘: vo.la/OXqNP1
    목차
    00:00 목차
    00:09 node.js란?
    01:01 node.js를 배워야하는 이유
    02:38 node.js 설치하기
    04:38 nodejs 실행하기
    05:34 구글링 꿀팁
    06:16 npm이란?
    08:22 figlet 사용해보기 (아스키 아트)
    16:56 express 프레임워크 설치와 사용
    19:12 포트(port)의 개념
    22:38 HTTP 메소드, 라우팅, 콜백함수의 개념
    31:11 예제 API 만들어보기
    37:33 파라미터 값으로 라우팅하기
    41:45 쿼리 값 받는 방법
    45:44 동물 소리 API 서버 만들기 실습
    50:21 CORS 이슈와 프론트엔드 연결 실습
    01:00:30 VVIP 후원 감사 인사
    VVIP 멤버십 후원
    SOOJIN BANG님, THE MOTOR CITY님, CURIOUS_CuringE님, 김우종님, 동대문아들들님, 그림자그림자님, 마비님, 파라소프트웨어님, 최영득님, 뚱뚜루_수수또님 VVIP 후원 감사드립니다.
    / @jocoding
    #nodejs #javascript #백엔드 #api

Комментарии • 107

  • @jocoding
    @jocoding  Год назад +19

    이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 Node.js, npm 모듈 등 기초에 대해 배우고, express 프레임워크로 자바스크립트 API를 구현하는 것을 실습하는 영상입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
    Nodejs
    nodejs.org/ko/
    📖수업페이지: jocoding.net
    💬디스코드: discord.gg/zny87VeSaX
    [라이브 풀버전] 조코딩의 웹 개발 5주 완성
    ruclips.net/p/PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w
    [편집본] 조코딩의 코딩 기초와 웹 프로그래밍 (2022)
    ruclips.net/p/PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2
    조코딩 멤버십 가입하기
    ruclips.net/channel/UCQNE2JmbasNYbjGAcuBiRRgjoin
    보조 교재
    📖『Do it! 조코딩의 프로그래밍 입문』
    - 예스24: vo.la/SbhB7F
    - 교보문고: vo.la/6XXfEL
    - 알라딘: vo.la/OXqNP1
    목차
    00:00 목차
    00:09 node.js란?
    01:01 node.js를 배워야하는 이유
    02:38 node.js 설치하기
    04:38 nodejs 실행하기
    05:34 구글링 꿀팁
    06:16 npm이란?
    08:22 figlet 사용해보기 (아스키 아트)
    16:56 express 프레임워크 설치와 사용
    19:12 포트(port)의 개념
    22:38 HTTP 메소드, 라우팅, 콜백함수의 개념
    31:11 예제 API 만들어보기
    37:33 파라미터 값으로 라우팅하기
    41:45 쿼리 값 받는 방법
    45:44 동물 소리 API 서버 만들기 실습
    50:21 CORS 이슈와 프론트엔드 연결 실습
    01:00:30 VVIP 후원 감사 인사
    VVIP 멤버십 후원
    SOOJIN BANG님, THE MOTOR CITY님, CURIOUS_CuringE님, 김우종님, 동대문아들들님, 그림자그림자님, 마비님, 파라소프트웨어님, 최영득님, 뚱뚜루_수수또님 VVIP 후원 감사드립니다.
    ruclips.net/channel/UCQNE2JmbasNYbjGAcuBiRRgjoin
    #nodejs #javascript #백엔드 #api

  • @sda99999
    @sda99999 Год назад +5

    학원에서 배웠던 내용이 잘 정리가 안됐는데 조코딩님 영상보니까 이해가 잘됐어요!!
    좋은영상 감사합니다 ㅠㅠ.

  • @attack-on-titan
    @attack-on-titan 9 месяцев назад +7

    쉬운 설명으로 기초 잡아주셔서 정말 감사합니다! 덕분에 백엔드 쉽게 이해하고 갑니다!!😀

  • @user-zr5wq4iu7k
    @user-zr5wq4iu7k Год назад +2

    완전 초보들을 위한 설명 때문에 타채널에 비해 지루하지 않아서 집중이 잘되었습니다 ㄱㅅㄱㅅ👍

  • @user-rb3uj5js6x
    @user-rb3uj5js6x Год назад +2

    강의력 최고👍 재미있게 잘 봤습니다!!

  • @hyosunglim
    @hyosunglim Год назад +4

    세에상에 잠깐만 보려다 끝까지 다봤네요 너무 쉽고 간단하고 알차게 배웠어요 대박..ㅋㅋ

  • @user-jr6nw9id5g
    @user-jr6nw9id5g 11 месяцев назад +3

    명강의 덕분에 node.js가 무엇인지 이제야 개념이 좀 잡히네요! ㅎㅎ 세세한 용어까지 짚어주시고 재미있는 명강의! 완전 감사합니다

  • @AbundanceMind1
    @AbundanceMind1 Год назад +2

    초보 개발자들의 구세주~~👍
    영상 잘보고 있습니다.
    감사합니다.

  • @sanggeonoh2686
    @sanggeonoh2686 Год назад

    귀한영상 만들어주셔서 감사합니다. 기초적인걸 이해하는데 많은 도움되었어요.

  • @specific-handler
    @specific-handler Год назад +1

    오랜만에 구글링했더니, 구글은 참 똑똑해요.
    잘 보겠습니다. 좋은 영상 감사합니다!

  • @user-km3ru9bb7f
    @user-km3ru9bb7f Год назад +1

    학원강의 들으면서 너무 답답했는데 명쾌하게 해결이 되었습니다 감사합니다 ㅠㅠㅠ

  • @user-bj1tf6xh7l
    @user-bj1tf6xh7l 7 месяцев назад +2

    41:55 강의 잘 보고갑니다 감사합니다!

  • @omakase1890
    @omakase1890 Год назад +2

    조코딩샘 감사해요 쉽게 설명해주시네요 ㅠㅠ다른데서 이런 설명 절대 안해주는데 진짜 첨부터 같이 했어야 하네요

    • @jocoding
      @jocoding  Год назад

      좋은 댓글 감사합니다!ㅎㅎ

  • @user-kc5ov7kp2c
    @user-kc5ov7kp2c Год назад +1

    감사히 보갰습니다!!

  • @onez5697
    @onez5697 Год назад +14

    이런 돈주고 배워야하는 강의를 무료로 푸시다니.. 조코딩님 사랑합니다

  • @thankyouYoutube_
    @thankyouYoutube_ 7 месяцев назад

    좋은 일 해주셔서 정말 너무도 감사합니다!!!!!!!!!!!!!!!!1
    저도 좋은 일 하는 개발자 되겠습니다!!

  • @junyoon9321
    @junyoon9321 Год назад +1

    잘 배웠습니다, 감사합니다😊😊

    • @jocoding
      @jocoding  Год назад

      좋은 말씀 감사합니다 :)

  • @user-nb4el5jv6v
    @user-nb4el5jv6v 11 месяцев назад

    진짜 잘가르치시네요

  • @las_playlist
    @las_playlist Год назад +8

    요즘 프로그래밍에 관심이 생겨서 영상들을 보는데 조코딩이 너무 재미있게 설명해서 점점 배우고 싶습니다. 혹시 front end를 위한 "react"영상도 만들어 줄 수 있나요? 😅 아르헨티나에서 인사 보냅니다.감사합니다!

    • @jocoding
      @jocoding  Год назад +2

      와우 아르헨티나에서 봐주셔서 감사드립니다! react도 기회가 되면 강의해보겠습니다!

    • @las_playlist
      @las_playlist Год назад +1

      @@jocoding 와우 감사합니다! 😭😭😭

  • @user-gj7hj2lw2f
    @user-gj7hj2lw2f Год назад +1

    좋은 강의 감사합니다.

    • @jocoding
      @jocoding  Год назад

      시청해 주셔서 감사합니다!

  • @chokingam
    @chokingam 11 месяцев назад

    조코딩은 신이야

  • @후츠릿
    @후츠릿 Год назад +5

    배우고 싶은 시기에 딱딱 올려주시는 조코딩님🥹백엔드는 경험이 거의 없지만 이 영상으로 api만들수 있겠죠??🙏🏻

    • @jocoding
      @jocoding  Год назад +1

      감사합니다ㅎㅎ 그럼요! 백엔드 완전 기초부터 진행합니다

  • @dotolbam4500
    @dotolbam4500 Год назад +4

    자바 백엔드 개발 10년차 개발자입니다.
    자바랑 파이선을 할줄 아는데 더 공부해볼만한게 뭐있나 찾아보다가
    요즘 NODEJS백엔드가 핫하길래 검색했다가 이걸 보게 되었네요.
    자바 개발자라면 꽤나 배우기 쉬운편이네요.
    생산성도 꽤나 좋게 나올거 같군요.
    간단한 프로젝트 하나 만들면서 진득하게 공부해 봐야겠어요
    좋은 영상 감사합니다.

  • @user-lm7im2cg5z
    @user-lm7im2cg5z Год назад +1

    감사합니다

  • @JAMGYU
    @JAMGYU Год назад +2

    감사합니다.

    • @jocoding
      @jocoding  Год назад

      와우 후원 감사드립니다! :)

  • @You_Know_Who_I-am
    @You_Know_Who_I-am Год назад

    귀하네요

  • @airik612
    @airik612 Год назад +2

    와 옛날에 들었던 자바 프레임워크가 시스템이 달라도 한 번 들었다고 조금은 이해가 되네.

  • @user-wp8di6hk6z
    @user-wp8di6hk6z Год назад

    좋아요 😊

  • @user-ov1kr8cd9g
    @user-ov1kr8cd9g Год назад +2

    조코딩님 개청자랑 팬치셨넼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  • @jeffrey0208
    @jeffrey0208 Год назад +1

    좋아좋아

  • @user-gq3cc7mt1y
    @user-gq3cc7mt1y Год назад +2

    영상 감사합니다.

    • @jocoding
      @jocoding  Год назад

      감사합니다ㅎㅎ

  • @jsh999
    @jsh999 Год назад +3

    대학에서 리엑트랑 스프링부트 둘 다 배워보니 백엔드에 관심이 많아져서 스프링계열을 이용해서 백엔드 개발자로 취업을 할 생각이였는데 마침 조코딩님이 자바스크립트 백엔드 분야인 node.js를 다뤄주셨네요 node.js는 스프링/스프링부트랑 무슨 차이가 있을까 궁금했는데 잘 보겠습니다

    • @dhdjdj6309
      @dhdjdj6309 Год назад +2

      대학에서배워요? 우리대학은 안알려줘서 부트캠프 40만원주고배웠는데 학교차이;;레전드..

    • @dhdjdj6309
      @dhdjdj6309 Год назад

      노드는 황경설정위주이고// 스플링은 Java로 만든 ""서버"" 애플리케이션 인데 ""자바기술""을 더쉽게 만들기위해서 만들어졌습니다.//여기서 ""톰켓""(배포기술)이 포함돼면 스프링부트입니다. //ps..참고로 백엔드면 restful 공부하는게좋아요 설계도 공부열심히하세요(소공같은거==설계)

    • @dhdjdj6309
      @dhdjdj6309 Год назад

      ㄹㅇ 40만원준거 현타나네

    • @nullerror934
      @nullerror934 11 месяцев назад

      ​@@dhdjdj6309소공이 머에요

  • @user-ql2ct9ph5x
    @user-ql2ct9ph5x 10 месяцев назад

    포트에 대한 가장 마음에 들엇던 설명은 8080번 창고가 비어있으니 8080번 창고에 목화씨앗을 옮기도록 지정한다는 설명..

  • @cindy665
    @cindy665 Год назад

    ❤❤

  • @user-yd5wi8jx5e
    @user-yd5wi8jx5e 3 месяца назад

    굿

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад +1

    56:07 🎉❤

  • @necafe1
    @necafe1 Год назад +1

    현재 netlify 로 form 만드는 건 어느정도 따라할 수 있을 것 같은데요. 문제는 예약 기능을 넣고 싶거든요. 켈린더 선택해서 날짜 정하고 시간 정하고 제출하면 관리자가 승인해서 이메일로 확인메일 보내주고 하는 것들을 npm 에서 찾아보고 있는데 쉽지 않네요. 추천해주실 소스가 있을까요?

  • @codemarketist
    @codemarketist 9 месяцев назад

    node는 깔때 기본 디폴트로 지정해준 폴더 c:\programfiles
    odejs 에 깔고 프로젝트 파일은 별도의 폴더에 있는데, 그러면 노드npm은 전부 -g 옵션으로 깔아야 적용 가능한건가요?

  • @kim_dongryeong
    @kim_dongryeong 6 месяцев назад

    안녕하세요! 영상 고맙습니다!! 사용하시는 키보드는 뭔가요?

  • @user-xf9gg5ih6e
    @user-xf9gg5ih6e 9 месяцев назад

    17:00 express 설치

  • @wonju4006
    @wonju4006 Год назад +1

    41:37

  • @joebrown9998
    @joebrown9998 Год назад

    Back power speed detail 3 support

  • @ijoasoccer
    @ijoasoccer Год назад

    node.js 설치하고 파워쉘화면에서 계속 기다려야 하나요? 초콜렛 업그래이드 0/2 페키지 type enter to exit 있는데 늘 엔터 누르고화면 사라졌었는데, 그냥 기다려야지 뭔가 설치가 되는걸까요 ㅠ

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    1:00:21

  • @WinningSpirit-ev9nx
    @WinningSpirit-ev9nx Год назад

    17:15

  • @TheWatchman002
    @TheWatchman002 9 месяцев назад

    백엔드 자바 개발자가 되려면 어떤 커리큘럼으로 공부해야할까요?

  • @user-wq7xs1sl4t
    @user-wq7xs1sl4t Год назад

    13:42

  • @jjy8479
    @jjy8479 Год назад

    문자열 안에 :변수명

  • @jmi8708
    @jmi8708 Год назад +1

    자바스크립트가 많이 좋아져서 자바스크립트 언어만으로 다 할 수 있다해서
    어디까지 할 수 있는지 궁금해서 보고 있거든요
    DB 연결도 가능한지 궁금했는데.. 안나오네요

    • @jocoding
      @jocoding  Год назад +1

      DB 연결은 멤버십 전용 영상으로 공개되어있습니다.
      ruclips.net/video/K03qVWHdLOA/видео.html

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 6 месяцев назад

    5:29

  • @beomnyoon
    @beomnyoon Год назад

    Js몰라도 괜찮아요😮

  • @k1mch2222
    @k1mch2222 Месяц назад

    안녕하세요 처음 코딩입문하는 코린이입니다. 4:45 에 나오는것처럼 하고 터미널에서 실행했는데 hello world가 출력되지않고 빈 공백만 뜹니다 구글링해봐도 해결방법이없어 댓글 남깁니다 도와주세요ㅠㅠ

  • @jjy8479
    @jjy8479 Год назад

    45:44

  • @user-gu5fv6be6d
    @user-gu5fv6be6d Год назад +3

    제가 지금 파이썬을 배우는데 개발자될려면 파이썬 잘해야하나요?

    • @2.5Sigma
      @2.5Sigma Год назад +2

      파이썬 == 엑셀 입니다. 기본이죠. 뭔가 끄적끄적하기에 좋은..

    • @jsh999
      @jsh999 Год назад

      개발자가 될려면 언어 한두개는 필수적으로 잘해야 한다고 봅니다 그 외에도 운영체제, 데이터통신(네트워크), 소프트웨어공학, 데이터베이스, 컴퓨터구조에 대한 이론적인 지식을 쌓고 자료구조와 알고리즘을 통해서 데이터와 관련된 처리 방법을 공부하고나서 본인이 희망하는 분야에 따라서 필요한 것들을 공부해나가면 될 것 같아요
      저는 대학에서 컴공을 복전해서 자료구조, 알고리즘, 운영체제, 컴퓨처구조, 데이터베이스, 소프트웨어공학, 네트워크에 관한 이론적인 지식을 쌓고 자바를 중심으로 해서 웹프로그래밍쪽하고 앱프로그래밍을 공부했네요

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 6 месяцев назад

    0:26

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 6 месяцев назад

    9:14

  • @user-tb7gt4pb8z
    @user-tb7gt4pb8z 7 месяцев назад

    Node 실행시 자바스크립트터미널에서 실행해야 cmd터미널 실행이 되네요 cmd 터미널에서 바로 실행 안되는거 어떻게 설정을 바꿔줘야 될까요 환경변수는 정상 설정되어있어요

  • @user-xj2tx7uq6y
    @user-xj2tx7uq6y 11 месяцев назад +1

    Run this command inside a project directory.
    Error: build:configure command failed. 이러한 오류가 뜨는데 해결방법이 뭐가 있을까요 ㅜㅜ

    • @jocoding
      @jocoding  11 месяцев назад

      폴더 바깥에서 작업이 되어서 그렇습니다! vscode를 열어주시고 "폴더 열기"를 통해서 작업하는 폴더(index.js가 있는 폴더)를 열어서 명령어를 입력하셔야합니다!

  • @user-km3tc2qo8u
    @user-km3tc2qo8u Год назад

    조코딩님 npm init실행했는데 packge.json이 안떠요

  • @user-vp5tj7kc7x
    @user-vp5tj7kc7x 2 месяца назад

    저는 consle.log색이 붉은, 주황색인데 혹시 뭐가 잘못된걸까요,?ㅠㅠ

  • @doublehj1242
    @doublehj1242 Год назад +1

    node 버전 다운그레이드 어떻게 하나요??

    • @jocoding
      @jocoding  Год назад

      velog.io/@minchoi/Window%EC%97%90%EC%84%9C-Node-%EB%B2%84%EC%A0%84-%EB%B3%80%EA%B2%BD%ED%95%98%EA%B8%B0
      이렇게 진행해보세요!

    • @doublehj1242
      @doublehj1242 Год назад

      @@jocoding 그래도 안되네요

  • @rickedward4871
    @rickedward4871 10 месяцев назад

    맥으로 하는데 처음 hello world 하고 터미널에서 확인해봐도 파란색 불빛?만 들어오고 그대로네요... 뭐지? ㅠ

    • @jocoding
      @jocoding  10 месяцев назад

      오류 메세지가 어떻게 뜨시나요??

  • @user-cx6tc4qq3r
    @user-cx6tc4qq3r 10 месяцев назад

    혹시 code: 'MODULE_NOT_FOUND 오류는 어디가 잘못된걸까요 ㅠㅠㅠ

    • @jocoding
      @jocoding  10 месяцев назад

      경로가 잘못되었을 가능성이 높습니다! 삭제하고 다시 시도해보세요!!
      shadesign.tistory.com/18

  • @sasasa-musashi
    @sasasa-musashi 3 месяца назад

    저는 외국사람이예요. 혹시 한국에서 백엔드 개발에 가장 널리 사용되는 언어는 무엇일까요?

    • @jocoding
      @jocoding  3 месяца назад

      자바입니다!

  • @hyeonilchoi7630
    @hyeonilchoi7630 Год назад

    스마트기기. 안전하게 사용합시다. 좋은 습관을 만들어요. 😃🙂; Let's safely use smartphones, etc. Make good traditioning to self.😃🙂
    영상, 잘 봤습니다. 재미있네요.
    '/user/:userId/favorite'. '/user/:userId/favorite Query likeFood, likeFood2, ...
    공부해보세요~.
    또, 교회. 다녀보세요. 기독교. 전화도 해보세요. 사회에서 쉴 곳. 하고 싶은 말이네요.
    좋은 하루되세요.
    저의 댓글, 봐 주셔서 감사합니다.

  • @user-rw6lx7hg7i
    @user-rw6lx7hg7i Год назад +1

    감사합니다.

    • @jocoding
      @jocoding  Год назад

      후원 감사드립니다!!

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад +1

    58:04

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 6 месяцев назад

    15:51

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    33:35

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 6 месяцев назад

    18:20

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    44:44

  • @yeonwoojung6313
    @yeonwoojung6313 Год назад +1

    감사합니다.

    • @jocoding
      @jocoding  Год назад +1

      후원 감사드립니다!!😄

  • @keyrin3216
    @keyrin3216 3 месяца назад

    52:36

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    53:19

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    41:55

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    50:42

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    32:54

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    32:21

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    46:03

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 5 месяцев назад

    43:33

  • @josephkim1374
    @josephkim1374 5 месяцев назад

    31:07