Java Script
-
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...
-
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..
-
ModulesJava Script 2020. 8. 13. 16:29
1. Module 정의 JavaScript 모듈 은 한 프로그램에서 내보내고 다른 프로그램에서 사용하기 위해 가져올 수있는 재사용 가능한 코드 조각입니다. 모듈은 여러 가지 이유로 특히 유용합니다. 유사한 로직을 가진 코드를 모듈이라는 파일로 분리하여 다음을 수행 할 수 있습니다. 코드를 더 쉽게 찾고, 수정하고, 디버그합니다. 애플리케이션의 다른 부분에서 정의 된 로직을 재사용하고 재활용합니다. 정보를 비공개로 유지하고 다른 모듈로부터 보호합니다. 그리고 중요한 것은 프로그램에 로드하는 변수와 동작을 신중하게 선택하여 글로벌 네임 스페이스의 오염과 잠재적 인 명명 충돌을 방지하는 것입니다. 2. module.exports 하나의 파일에 모듈을 정의하고 Node.js module.exports구문 을 사..