배운점이 많은 하루
- 수정 : 많은걸 갈아버렸습니다 20201106 일지를 확인해주시면 감사하겠습니다 !
1 | // API 불러오기 |
2 | // 실무에선 axios를 많이 사용하지만 fetch로도 충분히 끌어올수 있다. (blog 참고, 조언참고) |
3 | // fetch('url') = 서버에 불러올 자료 끌어오기 |
4 | fetch('https://my-json-server.typicode.com/hackurity01/prgrms-gsmhs-rct-1-week-api/questions/1031') |
5 | .then(function(response){ |
6 | // 서버에서 원초적인 데이터를 가져온다 |
7 | return response.json(); |
8 | }) |
9 | .then(function(myJson_data) { |
10 | // 정리 1 |
11 | // 1차 가공 |
12 | // console.log(myJson_data); |
13 | let Json_data = JSON.stringify(myJson_data); |
14 | |
15 | console.log(Json_data); |
16 | // 정리 2 |
17 | // 서버에서 가져온 데이터를 가공한다 1차가공후 2차가공 |
18 | let Json_parse = JSON.parse(Json_data); |
19 | |
20 | // 정리 3 |
21 | // Mr.blog씨의 날짜와 질문(date, question) 3차가공 |
22 | console.log(Json_parse); |
23 | |
24 | let Blog_date = Json_parse.id; |
25 | let Blog_question = Json_parse.question; |
26 | console.log(Blog_date); |
27 | console.log(Blog_question); |
28 | |
29 | document.getElementById('blog_question').value = "12223"; |
30 | }); |