목록Code개발일지 (103)

Daily Front_Minhhk

[JS] fetch API...sprint

fetch API는 특정 URL로 부터 정보를 받아오는 역할을 합니다. 이 과정은 비동기적으로 이루어집니다. let url = ""; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((error) => console.log(error)); 위 코드는 네트워크에서 JSON 파일을 가져와서 콘솔에 출력합니다. 가장 단순한 형태의 fetch()는 가져오고자 하는 리소스의 경로를 나타내는 하나의 인수만 받습니다. 응답은 Response 객체로 표현되며, 직접 JSON 응답 본문을 받을 수는 없습니다. Response 객체 역시 JSON 응답 본문을 그대로 포함하지는 않습니다. Response는 HTT..
Code개발일지 2022. 11. 25. 22:19
[JS] fs모듈 (part-2)

📌 어렵다~ 스프린트 과제이지만,, 테스트케이스와 구글을 참고 하며 두들겨 보았다.. 느낌은 오는데 여전히 와닿지는 않는다^^ 01_callBack.js const fs = require("fs"); const getDataFromFile = function (filePath, callback) { // TODO: fs.readFile을 이용해 작성합니다 fs.readFile(filePath, "utf8", (err, data) => { err ? callback(err, null) : callback(null, data) }) }; getDataFromFile('README.md', (err, data) => console.log(data)); module.exports = { getDataFromFi..
Code개발일지 2022. 11. 25. 22:10
[JS] 타이머API[setTimeout,setInterval() ] / (node.js)-fs.readFile(path[, options], callback)

📌 슬슬 비동기 시간 부터 시작해서 머리가 복잡과 어렵기 시작했다.. 앞으로 서버 주고 받고 네트워크 형성이라고 해야하나? 할려면 비동기 계속 쓸텐데… 극복해야한다 하겠지? 타이머 관련 API setTimeout(), clearTimeout() // setInterval(), clearInterval(id) setTimeout(callback, millisecond) 일정 시간 후에 함수를 실행 매개변수(parameter): 실행할 콜백 함수, 콜백 함수 실행 전 기다려야 할 시간 (밀리초) return 값: 임의의 타이머 ID setTimeout(function () { console.log('1초 후 실행'); }, 1000); // 123 clearTimeout(timerId) setTimeout ..
Code개발일지 2022. 11. 24. 00:57
[JS] 비동기[callBack, Promise, async-await]

학습 목표 어떤 경우에 중첩된 콜백(callback)이 발생하는지 이해할 수 있다. 중첩된 콜백(callback)의 단점, Promise의 장점을 이해할 수 있다. async/await 키워드에 대해 이해하고, 작동 원리를 이해할 수 있다. blocking vs non-blocking 요청에 대한 결과가 동시에 일어난다 (synchronous) → 동기 요청에 대한 결과가 동시에 일어나지 않는다 (asynchronous) → 비동기 asynchronous 예제 function waitAsync(callback, ms) { setTimeout(callback, ms); // 특정 시간 이후에 callback 함수가 실행되게끔 하는 브라우저 내장 기능입니다 } function drink(person, cof..
Code개발일지 2022. 11. 24. 00:31
[JS] {Beesbeesbees}, super, extends, class, constructor( ),get-set

constructor constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드입니다. class Polygon { constructor() { this.name = 'Polygon'; } } const poly1 = new Polygon(); console.log(poly1.name); // expected output: "Polygon" constructor - JavaScript | MDN constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드입니다. developer.mozilla.org super super 키워드는 부모 오브젝트의 함수를 호출할 때 사용됩니다. super 선 호출 후 this. 키워드 사용 가능! super([ar..
Code개발일지 2022. 11. 21. 14:22
[JS] 프로토타입, 체인

프로토타입 학습 목표 프로토타입이 무엇인지 설명할 수 있다. 프로토타입과 클래스의 관계에 대해 설명할 수 있다. 프로토타입 체인에 대해 설명할 수 있다. 프로토타입 .prototype .__proto__ 클래스, 인스턴스, 프로토타입의 관계 프로토타입 JavaScript는 프로토타입 기반 언어이다. 모든 객체는 그들의 프로토타입으로부터 프로퍼티와 메소드를 상속받는다.자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터 상속을 받으며, 이때 상속되는 정보를 제공하는 객체를 **프로토타입(prototype)**이라고 한다. 프로토타입 객체는 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그상위 프로토 타입도 마찬가지로 상속을 계속 받는다.이렇게 프로토타입이 상속되는 가상의 연결 고..
Code개발일지 2022. 11. 18. 18:07
이전 Prev 1 ··· 9 10 11 12 13 14 15 ··· 18 Next 다음