Language/JavaScript
-
JavaScript에서의 thisLanguage/JavaScript 2024. 3. 6. 19:23
this는 다른 언어에서는 자기 자신을 가리키는 참조 변수로 사용되는 경우가 많다. 그래서 JavaScript에서도 이와 유사하게 사용하려고 하였으나 예상한 대로 코드가 동작하지 않는 문제가 발생하였다. class CategoryController extends CommonController { constructor() { super(new CategoryModel()); } loadCategories(req, res) { categoryModel.loadCategories((err, result) => { this.requestCallback(err, result, res); }); } } 위 코드에서 CategoryController는 CommonController를 확장해서 만들어진 객체이다. Co..
-
fetch를 학습하다 JavaScript 동작원리를 학습한 건에 대하여...Language/JavaScript 2023. 11. 19. 18:33
fetch fetch는 JavaScript에서 서버로 네트워크 요청을 보내고 응답을 받을 수 있도록 해줍니다. 첫 번째 인자로 URL, 두 번째 인자로 옵션 객체를 만들고, Promise 타입의 객체를 반환해 줍니다. 비동기 방식으로 요청하기 때문에 자동으로 다음 코드로 넘어갑니다. 하지만, API로부터 받아온 정보를 사용할 필요가 있는 경우가 있는데 이럴 때 사용하는 것이 then입니다. then 앞서 언급했듯이 fetch는 비동기 함수입니다. then은 그런 fetch의 응답을 then에 전달된 콜백으로 처리할 수 있도록 해주는 fetch의 메서드입니다. fetch의 다른 메서드인 catch와 finally도 비슷하게 동작합니다. 그렇다면 fetch의 메서드들은 어떻게 비동기로 동작하는 fetch의 ..