목록기타 (21)
제로하우스
배열, 객체를 다루는 Underbar 라이브러리를 구현해본다. Underbar의 모티브가 되는 라이브러리는 Underscore.js, Lodash 등이 있다. _.identity _.identity는 전달인자가 무엇이든 그대로 리턴한다. 이 함수는 underbar의 기능 구현 및 테스트를 위해 재사용되는 함수이다. _.identity = function (val) { return val }; _.slice _.slice는 배열의 start 인덱스부터 end 인덱스 이전까지의 요소를 shallow copy하여 새로운 배열을 리턴한다. _.slice = function (arr, start, end) { let _start = start || 0, _end = end; if (start < 0) _start..
코드스테이츠의 블록체인 부트캠프 5기 - 시작한지 16일째(2022년 5월 19일) 📌 Today I Learned Section 1 Hiring Assessment 진행 - Quiz, 코플릿 알고리즘, React 과제 📌 Reflection 편한 마음으로 시험을 봤다. Quiz에서는 생각보다 교재에서 다루지 않은 내용들이 있어서 조금 당황스러웠다. 코플릿 문제는 기존에 풀던 문제들보다 난이도가 높지 않았다. React 과제는 썸네일을 클릭하면 사진이 보이는 갤러리, 할일 목록을 입력/삭제/완료처리 할 수 있는 todo 리스트를 만드는 것이었다. 학습한 내용들을 토대로 제법 그럴듯한 시각적 효과가 있는 페이지를 만들어보니 재미있었다.
📌 목적 fetch API를 이용해 HTTP 요청을 보내고 응답을 받는다. chaining, Promise.all(), async&await를 이용한다. 📌 fs 모듈 비동기 요청의 가장 대표적인 사례는 네트워크 요청이며, 여기서는 fetch를 이용한 네트워크 요청에 대해서 다룬다. let url = "" fetch(url) .then((response) => response.json()) .then((result) => console.log(result)) .catch((error) => throw Error(err)) 1. basic chaining tc fetch를 이용하여 url 주소로 데이터를 요청한다. 이후 작업을 .then으로 연결한다. var newsURL = 'http://localhos..
📌 목적 fs 모듈을 활용하여 "파일 열기"를 구현한다. callback과 Promise를 구현한다. 텍스트 파일을 JSON.parse()를 통해 다른 언어들이 이용할 수 있도록 파싱한다. 📌 fs 모듈 File System 모듈은 Node.js의 내장 모듈이다. fs 모듈을 활용하여 파일 읽기, 파일 쓰기 등의 작업을 할 수 있다. const fs = require("fs"); 1. callback tc 파일 경로와 콜백함수를 입력받는다. 파일을 읽고, 에러가 발생한 경우에는 callback 함수에 데이터를 null로 넘겨주고, 이외의 경우에는 데이터를 넘겨준다. const fs = require("fs"); const getDataFromFile = function (filePath, callback..
코드스테이츠의 블록체인 부트캠프 5기 - 시작한지 15일째(2022년 5월 18일) 📌 Today I Learned JavaScript 비동기 처리 방법: 1) Callback 2) Promise 3) async&await Fetch API FS(File System) 모듈 📌 Reflection 점점 더 난이도가 높아지는 게 느껴진다! 이해는 잘 되고 문제도 잘 풀리는데 개념이 명확히 정리가 안 되고 있는 것 같은 느낌이다. 오늘 제출하는 과제에서 계속해서 테스트 fail이 나는 것이 있어서 오후 3-4시간을 디버깅을 했는데, 결국은 윈도우에서 실행을 하는 오류인 것을 발견하게 되었다. 리눅스에서 코드를 실행하니 통과여서 바로 제출했다. 오후 시간을 다 날린 것 같아 조금 기분이 좋지는 않았지만, 한편..