분류 전체보기
-
Requests II (fetch)Java Script 2020. 9. 1. 16:27
1. fetch() GET Requests I fetch()기능 : API에 필요한 관련 정보가 포함 된 요청 객체를 만듭니다. 해당 요청 객체를 제공된 API 엔드 포인트로 보냅니다. API가 다시 보낸 정보와 함께 promise의 상태를 포함하는 응답 객체로 궁극적으로 확인되는 promise를 반환합니다. fetch()GET 및 POST 요청을 만드는 데 사용 됩니다. 돌아 오는 응답의 상태를 확인 발생할 수있는 오류 포착 성공적인 응답을 받아 웹 페이지에 렌더링 /*1. First, call the fetch() function and pass it this URL as a string: This first argument determines the endpoint of the request. 2...
-
Request카테고리 없음 2020. 8. 31. 17:12
https://opentutorials.org/course/3281/20565 Ajax의 적용 - 생활코딩 수업소개 배웠으면 써먹어야죠. 이번 시간엔 fetch API를 실전에 적용해보겠습니다. 강의 소스코드 변경사항 WEB1 - Welcome WEB opentutorials.org Ajax - 외부에 있는 데이터를 가져와서 사용할 수 있다. - 변경이 용이하다 예를들어, 인터넷 쇼핑몰 에서 아우터, 상의, 하의 구분에 따라 내용이 다르지만 기초적인 포멧 (메뉴 구성)은 같다고 할 때, ajax를 이용해 쉽고 빠르게 필요한 아우터or상의or하의 데이터를 불러오고 메뉴에 오타가 있다고 할때, ajax 파일 하나만 수정하면 됨. 또는 세계시간 사이트에서 세계시간 정보를 ajax로 퍼와서 내 홈페이지에 그대로..
-
ASYNC AWAITJava Script 2020. 8. 26. 17:49
https://www.youtube.com/watch?v=aoQSOZfz3vQ&t=914s 1.The async Keyword 앞서 배운 promise를 좀 더 간편하게 쓰는 방법 - async 사용 사용방법 1) 함수앞에 async 붙이기 async function myFunc() { // Function body here }; myFunc(); 2) 변수 선언하여 붙이기 const myFunc = async () => { // Function body here }; myFunc(); . async기능은 세 가지 방법 중 하나를 반환합니다 : 함수에서 반환 된 내용이 없으면 확인 된 값이 undefined. 함수에서 반환 된 약속이 아닌 값이 있으면 해당 값으로 확인 된 약속을 반환합니다. 함수에서 p..
-
JAVASCRIPT PROMISESJava Script 2020. 8. 24. 17:43
https://www.youtube.com/watch?v=s1vpVCrT8f4 https://www.youtube.com/watch?v=JB_yU6Oe2eE&t=12s 1. Promise란 PROMISE 은 비동기 작업의 최종 결과를 나타내는 개체입니다. Promise목적은 세 가지 상태 중 하나 일 수 있습니다 : 1. Pending : 초기 상태-작업이 아직 완료되지 않았습니다. 2. Fulfilled : 작업이 성공적으로 완료되었으며 이제 Promise에 해결 된 값이 있습니다. 예를 들어 요청의 promise는 값으로 JSON 객체를 사용하여 확인할 수 있습니다. 3. Rejected : 작업이 실패했으며 프라 미스에 실패 이유가 있습니다. 이 이유는 대개 Error일종의 것입니다. 2. Cons..
-
Error Handling / 예외처리Java Script/디버그 2020. 8. 21. 16:12
https://www.youtube.com/watch?v=LQ182IQZfW8 1. Runtime Errors 코드를 실행하고 코드 줄에서 오류가 발생하면 해당 오류를 런타임 오류 라고합니다 . JavaScript에는 무엇이 잘못되었는지 알려주 는 nameand message속성 이있는 내장 오류 객체가 있습니다 . 내장 런타임 오류의 예는 다음과 같습니다. ReferenceError: 변수 또는 함수를 찾을 수없는 경우. TypeError: 값이 유효한 유형이 아닌 경우 2.Constructing an Error 이전에는 내장 오류가 코드의 일반적인 실수에 대해 경고하는 방식을 보았습니다. 그러나 기본 제공 오류로 처리되지 않는 오류 메시지가 필요한 경우 어떻게해야합니까? 사용자에게 인수로 전달 된 문..
-
Debugging JavaScript CodeJava Script/디버그 2020. 8. 20. 16:31
오류는 손상된 코드를 실행하려고 할 때 화면에 나타나는 무서운 빨간색 텍스트로 인식 할 수 있습니다. 컴파일러 라고하는 소프트웨어 는 컴퓨터가 코드를 이해하고 실행할 수 있도록 코드를 번역하려고합니다. 그러나 컴파일러는 해석 할 수없는 코드를 발견합니다. 결과적으로 중지해야하며 그 이유를 알려주는 오류가 다시 발생합니다. 이 정보는 오류 스택 추적 , 즉 오류가 발생한 위치, 발생한 오류 유형 및 오류에 대한 설명이 포함 된 인쇄 된 메시지 로 기록됩니다 . 1. 오류 스택 추적 읽기 어떤 줄에서 오류가 발생 했습니까? 이 정보는 거의 항상 다음 형식으로 스택 추적의 첫 번째 줄에서 찾을 수 있습니다 /:. 이 예에서 위치는 app.js:1입니다. 이것은 app.js 이라는 파일에서 1번째 줄에 오류가 ..
-
WorkAroundJava Script 2020. 8. 19. 11:18
1-8 //employee.js let Employee = { salary: 100000 }; let payGrades = { entryLevel: { taxMultiplier: .05, benefits: ['health'], minSalary: 10000, maxSalary: 49999 }, midLevel: { taxMultiplier: .1, benefits: ['health', 'housing'], minSalary: 50000, maxSalary: 99999 }, seniorLevel: { taxMultiplier: .2, benefits: ['health', 'housing', 'wellness', 'gym'], minSalary: 100000, maxSalary: 200000 } }; Emp..
-
Message MixerJava Script 2020. 8. 18. 17:16
function countCharacter (inputString, inputCharacter) { let count = 0; let string = inputString.toLowerCase(); let character = inputCharacter.toLowerCase(); for (let i = 0; i < string.length; i++) { if (string[i] === character) { count++; } } return count; } function capitalizeFirstCharacterOfWords(string) { let arr = string.split(" "); for (let i = 0; i < arr.length; i++) { let word = arr[i]; a..