라이브러리(Library) 라이브러리는 코드의 모음으로, 코드의 재사용을 쉽게 해주는 도구입니다. 주로 기능별로 분류되며, 필요한 기능을 호출하여 사용할 수 있습니다. 라이브러리는 일반적으로 코드의 일부분이며, 개발자가 원하는 기능을 사용할 때마다 호출하여 사용합니다. 대표적인 자바스크립트 라이브러리로는 jQuery, Lodash, Moment.js 등이 있습니다. 프레임워크(Framework) 프레임워크는 애플리케이션의 기본적인 뼈대를 제공합니다. 개발자는 프레임워크가 제공하는 규칙과 구조를 따라야 합니다. 이러한 규칙과 구조는 개발자가 작성한 코드를 프레임워크에서 호출하여 사용합니다. 프레임워크는 자체적으로 완성도 높은 기능을 제공하기 때문에, 개발자가 개발해야 할 부분이 줄어듭니다. 대표적인 자바스..
분류 전체보기
시작되었읍니다.. 제너레이터로 가기 이전의 첫번째 지옥열차를 탑승하신 것을 축하합니다.. 이터레이터를 들어가기 전에, 먼저 우리가 모던자바스크립트 책에서 자주 볼 수 있었던 '유사 배열 객체' 에 대해서 공부해볼까요? #유사배열객체 ● 유사 배열 객체 const arr = [10, 11, 12, 13] 우리가 흔히 잘알고 있는 배열은 '유사 배열 객체' 입니다. 이 배열을 콘솔로 찍어보면 콘솔창에서 0, 1, 2, 3 을 프로퍼티로 가지고 있씁니다. 아니 이런 ddaeunbb.tistory.com 객체를 이렇게 까지 배열로 만들어야하는 이유는 뭘까요? 배열의 메서들을 활용하고 싶어서일까요? 우린 왜 이렇게 까지 배열의 메서드를 사용하고 싶을까요? 자바스크립트의 새로운 문법들은 대부분 어떠한 '이유'가 있..
● 유사 배열 객체 const arr = [10, 11, 12, 13] 우리가 흔히 잘알고 있는 배열은 '유사 배열 객체' 입니다. 이 배열을 콘솔로 찍어보면 콘솔창에서 0, 1, 2, 3 을 프로퍼티로 가지고 있씁니다. 아니 이런 그럼 배열은 객..객체입니까? 답은 YES! 배열도 객체라고 볼 수 있는 것이죠 const arr = [10, 11, 12, 13] arr[0] // 10 arr[1] // 11 arr[2] // 12 arr[3] // 13 따라서 [0], [1] .. 등 bracket notation으로 접근할 수 있는 것입니다. 않의 뭔 이딴?? 게?? 있죠? 그러게요(?)ㅎ 아무튼 이런 것을 유사 배열 객체라고 합니다. 유사배열 객체란? 유사 배열 객체는 객체이며 length라는 프로퍼..
● 오늘 공부한 것 fetch, Promise, axios 과제하기 01_basicChaining.js const newsURL = 'http://localhost:4999/data/latestNews'; const weatherURL = 'http://localhost:4999/data/weather'; function getNewsAndWeather() { // TODO: fetch을 이용해 작성합니다 // TODO: 여러개의 Promise를 then으로 연결하여 작성합니다 const result = {}; return fetch(newsURL) .then(response => response.json()) .then(json => { result.news = json.data; return fet..
● 모듈의 일반적인 의미 모듈이란 무엇인가? 우리가 어떤 문제를 해결할 때, 막상 문제에 도전한다면 해결하기 어려울 것이다. 하지만 문제를 쪼개어 하나씩 해결한다면 조금 더 쉬울 것이다. 소프트웨어 개발에서도 마찬가지이다. 실제로 현업에서도 가장 먼저하는 것이 실제 개발할 수 있는 작은 단위로 쪼개는 것이다. 따라서 작은 단위로 나누는 것을 '모듈화' 라고 한다. 모듈화란 코드의 가독성과 효율성을 위해 단위 별로 기능을 쪼개어 개별 파일로 만들어 관리하는 것을 말한다. 모듈을 사용했을 때의 장점? 자주 사용되는 코드를 별도의 파일로 만들어서 필요할 때마다 재활용할 수 있다. 코드를 개선하면 이를 사용하고 있는 모든 애플리케이션의 동작이 개선된다. 코드 수정 시에 필요한 로직을 빠르게 찾을 수 있다. 필요..
fetch와 axios로 Http 요청을 보낼때에는 늘 promise를 반환하는데, response 객체를 promise로 감싸서 반환한다. 이후 후속 메서드를 활용하면 resolve된 값으로 사용할 수 있는 것.. 즉 후속메서드는 늘 resolve된 값을 사용한다!! (rejected때는 생각하지 않고 적엇읍니다.) fetch('https://example.com/data.json') // response 객체를 promise로 감싸서 반환함 .then(response => response.json()) // resolve된 response 객체를 활용 근데 json해줌 .then(data => console.log(data)) // json하면 프로미스 반환함, 반환된거 resolve하면 이제서야 d..
