designer DK의 블로그

  • 홈
  • 태그
  • 방명록

Fetch API 1

[Node.js 스터디] 할일 앱 만들기 - 프론트엔드 부분 작업

강의 예제로 할일 앱 프론트엔드 부분 작업을 진행했다.강의의 경우 리액트 기반으로 프론트엔드를 제공하는데 나는 리액트로 프론트엔드를 진행하지 않고 생 자바스크립트로 진행하기 때문에 처음부터 끝까지 직접 구현해보았다. (물론 gpt에게 물어가면서) 서버 데이터를 가져오는 방식은 fetch api 방식을 썼다.처음에는 읽기, 생성, 수정, 삭제 네가지 fetch를 만들어서 진행했었는데 진행하다보니 생성을 제외한 케이스들은 처음 fetch를 실행하는 방식이 일치해서 getTasks라는 하나의 함수로 묶이게되었다. '할 일'이라는 리소스를 tasks라는 url로부터 가져와서 할일 목록을 만들어냈다. (읽기)function getTasks() { fetch("http://localhost:5001/tasks") ..

나의 개발 일지 2024.10.09
이전
1
다음
더보기
프로필사진

designer DK의 블로그

designer DK의 블로그 입니다.

250x250
  • 분류 전체보기 (71) N
    • 나의 개발 일지 (57) N
    • UX UI 포트폴리오 (1)
    • 생활 팁 (3)
    • 일상 (2)
    • 생각 (1)
    • 블렌더 팁 (2)

Tag

웹컴포넌트, netlify, 프론트엔드, 개발, URL, CSS, 백엔드, javascript, cloudtype, 페이지네이션, 배포, 풀스택, 서울시유치원, API, graffin, node.js, mongoDB, 쇼핑몰, 자바스크립트, nodejs,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • MY 유튜브 채널

티스토리툴바