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

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ย. 2024

ความคิดเห็น • 113

  • @jocoding
    @jocoding  ปีที่แล้ว +21

    이번 영상은 웹 개발 5주 완성 라이브 강의 편집본으로 Node.js, npm 모듈 등 기초에 대해 배우고, express 프레임워크로 자바스크립트 API를 구현하는 것을 실습하는 영상입니다. 5주만에 코딩 기초와 웹 프론트엔드부터 백엔드까지 모두 배울 수 있는 커리큘럼을 진행하니 구독, 좋아요 눌러두시고 많은 시청부탁드립니다!
    Nodejs
    nodejs.org/ko/
    📖수업페이지: jocoding.net
    💬디스코드: discord.gg/zny87VeSaX
    [라이브 풀버전] 조코딩의 웹 개발 5주 완성
    th-cam.com/play/PLU9-uwewPMe0hiCRaWjRHd-TTNJYu9N6w.html
    [편집본] 조코딩의 코딩 기초와 웹 프로그래밍 (2022)
    th-cam.com/play/PLU9-uwewPMe2-R9-taf4oIjwrEZDgE-q2.html
    조코딩 멤버십 가입하기
    th-cam.com/channels/QNE2JmbasNYbjGAcuBiRRg.htmljoin
    보조 교재
    📖『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 후원 감사드립니다.
    th-cam.com/channels/QNE2JmbasNYbjGAcuBiRRg.htmljoin
    #nodejs #javascript #백엔드 #api

  • @태양-g6m
    @태양-g6m หลายเดือนก่อน +1

    선생님,
    파이썬 기본 문법을 알고 있고, 자바스크립트도 기본 문법은 공부했어요
    파이썬 flask를 배워야 하나요? node.js를 배워야 하나요?
    둘다 너무 좋다고 하던데, 무엇을 배워야 할지 모르겠습니다. ㅠㅠ
    너무나 고민되서 이렇게 여쭤봅니다. 답변 주시면 감사하겠습니다.

  • @attack-on-titan
    @attack-on-titan ปีที่แล้ว +7

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

  • @후츠릿
    @후츠릿 ปีที่แล้ว +5

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

    • @jocoding
      @jocoding  ปีที่แล้ว +1

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

  • @hyosunglim
    @hyosunglim ปีที่แล้ว +4

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

    • @jocoding
      @jocoding  ปีที่แล้ว

      감사합니다!!

  • @onez5697
    @onez5697 ปีที่แล้ว +14

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

  • @las_playlist
    @las_playlist ปีที่แล้ว +8

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

    • @jocoding
      @jocoding  ปีที่แล้ว +2

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

    • @las_playlist
      @las_playlist ปีที่แล้ว +1

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

  • @BNBJN-o4o
    @BNBJN-o4o ปีที่แล้ว +3

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

  • @airik612
    @airik612 ปีที่แล้ว +2

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

  • @후-r8f
    @후-r8f ปีที่แล้ว +4

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

    • @TwoDozenSigma
      @TwoDozenSigma ปีที่แล้ว +2

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

    • @jsh999
      @jsh999 ปีที่แล้ว +1

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

  • @sda99999
    @sda99999 ปีที่แล้ว +5

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

  • @necafe1
    @necafe1 ปีที่แล้ว +1

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

  • @AbundanceMind1
    @AbundanceMind1 ปีที่แล้ว +2

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

  • @omakase1890
    @omakase1890 ปีที่แล้ว +2

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

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @설아뚜아
    @설아뚜아 ปีที่แล้ว +1

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

  • @두진김
    @두진김 ปีที่แล้ว +1

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

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @jmi8708
    @jmi8708 ปีที่แล้ว +1

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

    • @jocoding
      @jocoding  ปีที่แล้ว +1

      DB 연결은 멤버십 전용 영상으로 공개되어있습니다.
      th-cam.com/video/K03qVWHdLOA/w-d-xo.html

  • @오웹개워보
    @오웹개워보 ปีที่แล้ว +2

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

  • @nyangdev-y9i
    @nyangdev-y9i 10 หลายเดือนก่อน +2

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

  • @specific-handler
    @specific-handler ปีที่แล้ว +1

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

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน +1

    58:04

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน +1

    56:07 🎉❤

  • @펭귄-f2v
    @펭귄-f2v 6 หลายเดือนก่อน

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

  • @진희양-b9t
    @진희양-b9t ปีที่แล้ว

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

  • @박상민-f5j
    @박상민-f5j หลายเดือนก่อน

    저 궁금한게 있는데 => 이건 뭔가요?

  • @vinhdo2959
    @vinhdo2959 2 หลายเดือนก่อน

    tại sao yt lại hiển thị cái này

  • @TheWatchman002
    @TheWatchman002 ปีที่แล้ว

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

  • @kim_dongryeong
    @kim_dongryeong 9 หลายเดือนก่อน

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

  • @perforcoder
    @perforcoder ปีที่แล้ว

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

  • @진리를깨달은성인
    @진리를깨달은성인 ปีที่แล้ว +1

    감사합니다

  • @k1mch2222
    @k1mch2222 4 หลายเดือนก่อน

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

  • @리나-y4g
    @리나-y4g 11 หลายเดือนก่อน

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

  • @jeffrey0208
    @jeffrey0208 ปีที่แล้ว +1

    좋아좋아

  • @알루네스
    @알루네스 ปีที่แล้ว

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

  • @정경진-x4j
    @정경진-x4j ปีที่แล้ว +2

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

  • @JAMGYU
    @JAMGYU ปีที่แล้ว +2

    감사합니다.

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @thankyouYoutube_
    @thankyouYoutube_ 10 หลายเดือนก่อน

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

  • @joebrown9998
    @joebrown9998 ปีที่แล้ว

    Back power speed detail 3 support

  • @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 그래도 안되네요

  • @wonju4006
    @wonju4006 ปีที่แล้ว +1

    41:37

  • @ijoasoccer
    @ijoasoccer ปีที่แล้ว

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

  • @설탕중독-y3u
    @설탕중독-y3u ปีที่แล้ว +1

    감사히 보갰습니다!!

  • @sanggeonoh2686
    @sanggeonoh2686 ปีที่แล้ว

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

  • @yeonwoojung6313
    @yeonwoojung6313 ปีที่แล้ว +1

    감사합니다.

    • @jocoding
      @jocoding  ปีที่แล้ว +1

      후원 감사드립니다!!😄

  • @박종선-v8i
    @박종선-v8i ปีที่แล้ว +1

    감사합니다.

    • @jocoding
      @jocoding  ปีที่แล้ว

      후원 감사드립니다!!

  • @nguyet-thu-tam-kinh
    @nguyet-thu-tam-kinh 6 หลายเดือนก่อน

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

    • @jocoding
      @jocoding  6 หลายเดือนก่อน

      자바입니다!

  • @성준쓰-d9z
    @성준쓰-d9z ปีที่แล้ว

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

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @speedyfriend67
    @speedyfriend67 2 หลายเดือนก่อน

    😊

  • @dotolbam4500
    @dotolbam4500 ปีที่แล้ว +4

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

  • @junyoon9321
    @junyoon9321 ปีที่แล้ว +1

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

    • @jocoding
      @jocoding  ปีที่แล้ว

      좋은 말씀 감사합니다 :)

  • @1등가즈아-f1u
    @1등가즈아-f1u ปีที่แล้ว +1

    좋은 강의 감사합니다.

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @kisspen
    @kisspen 2 หลายเดือนก่อน

    7/12 26:47

  • @rickedward4871
    @rickedward4871 ปีที่แล้ว

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

    • @jocoding
      @jocoding  ปีที่แล้ว

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

  • @beomnyoon
    @beomnyoon ปีที่แล้ว

    Js몰라도 괜찮아요😮

  • @김댓공
    @김댓공 ปีที่แล้ว

    17:00 express 설치

  • @deicide1137
    @deicide1137 2 หลายเดือนก่อน

    우앵!!!!!!!!!!!

  • @jjy8479
    @jjy8479 ปีที่แล้ว

    문자열 안에 :변수명

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    43:33

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    33:35

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    32:54

  • @josephkim1374
    @josephkim1374 8 หลายเดือนก่อน

    31:07

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    53:19

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    50:42

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    46:03

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    44:44

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    41:55

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    32:21

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    18:20

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    15:51

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    0:26

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    9:14

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    5:29

  • @오두막-i5o
    @오두막-i5o 6 หลายเดือนก่อน

    굿

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 9 หลายเดือนก่อน

    1:00:21

  • @keyrin3216
    @keyrin3216 6 หลายเดือนก่อน

    52:36

  • @미띤
    @미띤 ปีที่แล้ว

    귀하네요

  • @이수빈-z1e
    @이수빈-z1e ปีที่แล้ว

    13:42

  • @jjy8479
    @jjy8479 ปีที่แล้ว

    45:44

  • @chokingam
    @chokingam ปีที่แล้ว

    조코딩은 신이야

  • @WinningSpirit-ev9nx
    @WinningSpirit-ev9nx ปีที่แล้ว

    17:15

  • @레고인간-j8c
    @레고인간-j8c ปีที่แล้ว

    진짜 잘가르치시네요

  • @cindy665
    @cindy665 ปีที่แล้ว

    ❤❤

  • @민태영-l3t
    @민태영-l3t ปีที่แล้ว +3

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

  • @jsh999
    @jsh999 ปีที่แล้ว +3

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

    • @dhdjdj6309
      @dhdjdj6309 ปีที่แล้ว +2

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

    • @dhdjdj6309
      @dhdjdj6309 ปีที่แล้ว

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

    • @dhdjdj6309
      @dhdjdj6309 ปีที่แล้ว

      ㄹㅇ 40만원준거 현타나네

    • @nullerror934
      @nullerror934 ปีที่แล้ว

      ​@@dhdjdj6309소공이 머에요

  • @한재윤-x9f
    @한재윤-x9f ปีที่แล้ว +2

    영상 감사합니다.

    • @jocoding
      @jocoding  ปีที่แล้ว

      감사합니다ㅎㅎ

  • @hyeonilchoi7630
    @hyeonilchoi7630 ปีที่แล้ว

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