Jieunny의 블로그

📣 fetch API ✔️ 동적으로 데이터를 받아야 하는 경우 사용한다. ✔️ 특정 URL로부터 정보를 받아오는 역할을 한다. ✔️ 과정이 비동기로 이루어지기 때문에 시간이 소요되는 작업을 요구할 경우에는 blocking이 발생하면 안되므로 특정 DOM에 정보가 표시될 떄까지 로딩 창을 대신 띄우는 경우도 있다. let url = "https://koreanjson.com/posts/1"; fetch(url) .then((response) => response.json()) .then((json) => console.log(json)) .catch((error) => console.log(error)); //{id: 1, title: '정당의 목적이나 활동이 민주적 기본질서에 위배될 때에는 정부는 헌법재..

➰ 35일차 fs모듈 스프린트 과제 완료! Promise가 이해 하기도 힘들고 비동기를 구현하는 방법도 많아서 많이 헤맸지만 그래도 오늘 part 3까지 끝냈다. 많이 헤맸던 것도 있어서 블로깅도 해놨다. 내일 올려야징 요새 페어 활동을 혼자 하고 있어서 여유롭기도 하고, 혼자 속도에 맞춰서 할 수 있어서 좋지만 페어 활동 기회를 놓치는 것 같아서 아쉽기도 하다. 그래도 다음주면 또 하게 될테니 지금을 즐기기로.. 오늘 선배적 참견 시점 시간이 있었는데 실제로 수료하고 취업하신 분 보니까 신기하기도 하고.. 나도 언젠가 개발자로 취업할 수 있을까 걱정되기도 하고..🥹 그래도 언제나 파이팅..!💪

📣 Node.js ✔️ '비동기 이벤트 기반 JavaScript 런타임' 이다. ✔️ 모듈 : 어떤 기능을 조립할 수 있는 형태로 만든 부분으로, 그 중 fs(File System) 모듈은 PC 파일을 읽거나 저장하는 등의 일을 할 수 있게 도와준다. 📣 Node.js 내장 모듈을 사용하는 방법 ✔️ Node.js 내장 모듈 목록 : Node.js v16.14.2 Documentation Index | Node.js v16.19.0 Documentation nodejs.org ✔️ fs 모듈의 메서드 목록을 보면 readFile 메서드로 파일을 읽고, writeFile 메서드로 쓸 수 있다. 1️⃣ 모듈 불러오기 ➰ Node.js 에서는 JS 코드 최상단에 require 구문을 이용하여 다른 파일을 불러..

📣 질문에 답해보기 1️⃣ Promise 실행 함수가 가지고 있는 두 개의 파라미터 resolve와 reject는 각각 무엇을 의미하나요? ✔️ resolve ➰ 콜백함수의 코드가 정상적으로 실행되면 resolve 함수가 호출되고, then으로 접근해서 1초후에 비디오를 멈추고, 제목을 표시한다. ➰ then이 promise 객체를 반환하면, 다음 then을 실행해서 함수를 받아온다. ✔️ reject ➰ 콜백함수의 코드에서 에러가 발생하면 reject 함수를 호출하고 catch로 접근 가능하다. 2️⃣ resolve, reject 함수에는 전달인자를 넘길 수 있습니다. 이때 넘기는 전달인자는 어떻게 사용할 수 있나요? ✔️ 각각 호출하는 콜백함수의 매개변수로 사용할 수 있다. 3️⃣ new Promis..

➰ 34일차 대부분의 시간을 Underbar 과제 하는데 쓰고, 남은 시간에 블로깅 하고, 프로그래머스 문제 좀 풀었다. Underbar는 헷갈리는 메서드도 몇 개 있었는데 그래도 nightmare까지 다 끝냈다! 구현하는 데 시간 좀 걸렸던 메서드들은 블로깅으로 따로 정리해 놓았다. 프로그래머스 level1인데 정답률 낮아지니까 어렵다..문제 딱 보고 풀이가 생각 안나는 느낌 🥹🥹🥹🥹🥹 그래두..파이팅.... 내일도 과제가 많으니 시간이 삭제되겠지...

📣 js 메서들을 직접 구현해보자 ➰ 구현하면서 헷갈렸거나 헤맸던 메서드들만 정리 1️⃣ reduce ➰ 배열을 순회하며 각 요소에 iteratee 함수를 적용한다. ➰ 그 결과값을 계속 누적한다. ➰ 최종적으로 누적된 결과값을 리턴한다. ➰ iteratee(acc, ele, idx, arr) -> 차례대로 누적값, 데이터, 접근자, collection _.reduce = function (arr, iteratee, initVal) { // TODO: 여기에 코드를 작성합니다. let result = initVal; _.each(arr, function(ele, idx, arr){ if(result === undefined){ result = arr[0]; } else { result = iteratee..