우당탕탕 코딩생활

  • 홈
  • 태그
  • 방명록

모던자바스트립트 #예제 #자바스크립트 #제이슨 #json 1

자바스크립트 JSON 활용하여 코드짜보기

'모던자바스크립트'의 502페이지 예제입니다! 목표 dummyjson.com/quotes 사이트의 json 데이터를 가져온 후 콘솔 창에 결과를 표시해 봅니다. 가져온 데이터가 어떤 구조로 이루어져 있는지 확인하고 그 중에서 명언과 말한 사람 정보를 가져올 수 있는 방법을 생각해봅니다. 1. JSON 데이터를 가져온 후 콘솔창에 결과를 표시해 보세요. .then(이름) 까지가 json을 활용하는 기본적인 문법입니다. 2. JSON데이터에서 명언 1개를 가져와 내용과 말한 사람을 표시해 보세요. let currentIndex = 0; function quotes(){ fetch("json/quotes.json") .then(res => res.json()) .then(items => { const resu..

코딩/Javascript 예제 2023.04.15
이전
1
다음
더보기
300x250
프로필사진

시작하자 코딩

GIT 블로그
  • 분류 전체보기 (80)
    • 공부 (13)
      • 오답노트 (7)
      • 개인공부 (5)
      • 웹디자인 실기 (1)
      • 정보처리기능사 실기 (0)
    • 코딩 (30)
      • Javascript (11)
      • Javascript 예제 (6)
      • HTML (6)
      • CSS (4)
      • 애니메이션 (3)
      • PHP (0)
    • 웹 페이지 제작 (8)
      • 몽분리 (1)
    • 이펙트 효과 (22)
      • 퀴즈 만들기 (9)
      • 게임 이펙트 (0)
      • 마우스 이펙트 (3)
      • 슬라이드 이펙트 (7)
      • 패럴랙스 이펙트 (2)
      • CSS 속성 검색 창 만들기 (1)
    • MySQL (1)
    • 일상 (4)
      • 맛집 (0)
      • 여행 (0)
      • 독서 (0)
      • 냥멍이 (4)

Tag

자바스크립트 #문자열 #문자열 객체 #기본 #기초 #이론 #코딩, 웹 페이지 디자인 #웹 #웹 개발, 모던자바스트립트 #예제 #자바스크립트 #제이슨 #json, 자바스크립트 #기초 #코딩 #함수 #개발 #테스트 #기초, 자바스크립트 #정보처리기능사 #퀴즈만들기 #함수 #선택자 #기초 #기본, includes, CSS #IT #코딩, 자바스크립트 기초 #자바스크립트 문제 #데이터 # 자바스크립트 #함수 #예제 #문제 #기능사, 문자열 객체 #endsWith() #메소드 #자바스크립트, lastindexof, indexof(), 자바스크립트 #이펙트, 코딩 #웹퍼블리셔 #HTML #CSS #코딩시작 #기초 #인라인 #블록 #Inline Block #Block-leverl Elements #Inline Element, 마크업 #HTML #CSS #IT #퍼블리셔 #웹 #웹코딩 #시멘틱 마크업, CSS #CSS애니메이션, 고양이 #미르 #다온, match(), 웹디자인 #실기 #웹디자인 실기 #HTML #CSS #웹스토리보이 #inline #padding, 자바스크립트 #정답 #퀴즈 #함수, 배열 #객체 #자바스크립트 #자료형 #원시 유형 #문자열 #논리형,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바