Jieunny의 블로그

📌 문제 정답은 아무에게도 말하지 마세요. 콜라 빈 병 2개를 가져다주면 콜라 1병을 주는 마트가 있다. 빈 병 20개를 가져다주면 몇 병을 받을 수 있는가? 단, 보유 중인 빈 병이 2개 미만이면, 콜라를 받을 수 없다. 문제를 열심히 풀던 상빈이는 일반화된 콜라 문제를 생각했습니다. 이 문제는 빈 병 a개를 가져다주면 콜라 b병을 주는 마트가 있을 때, 빈 병 n개를 가져다주면 몇 병을 받을 수 있는지 계산하는 문제입니다. 기존 콜라 문제와 마찬가지로, 보유 중인 빈 병이 a개 미만이면, 추가적으로 빈 병을 받을 순 없습니다. 상빈이는 열심히 고심했지만, 일반화된 콜라 문제의 답을 찾을 수 없었습니다. 상빈이를 도와, 일반화된 콜라 문제를 해결하는 프로그램을 만들어 주세요. 콜라를 받기 위해 마트에 ..

➰ 36일차 오늘 커리큘럼 어제 다 끝내놔서 코딩테스트 문제 풀고, 내일 할 리액트 스프린트 보고 이것저것 해봤다. 원래 CSS에 시간을 많이 들였었는데, CSS는 적당히 하고 그 시간에 내가 부족한 것들을 더 공부하는 게 나을 것 같다는 생각이 들어서 이제부터는 그럴 생각이다. 아직 본격적인 프로젝트를 하는 게 아니고, 미니 해커톤도 아니니 CSS보다는 기능에 신경쓰고, TS공부나 코테 공부를 할 생각! 리액트 배우기 시작하니까 재밌어지는 거 같다. 확실히 HTML, CSS만 쓸 때 보다는 복잡하지만 좀 더 멋진 페이지를 만들 수 있을 거 같은 느낌..? 코딩테스트도 전에는 너무 풀기 싫고 안풀리면 짜증나고 그랬는데 조금씩이라도 풀다보니 적응한건지 모르면 스트레스 받지 않고 찾아본다. 머리 싸매고 하는..

📣 fetch를 이용해 HTTP 요청을 보내고 응답 받아오기 ✔️ HTTP 요청 ➰ 클라이언트가 HTTP 프로토콜을 사용해 서버에 요청 보내는 것 1️⃣ basicChaining.js const newsURL = 'http://localhost:4999/data/latestNews'; const weatherURL = 'http://localhost:4999/data/weather'; function getNewsAndWeather() { // TODO: fetch을 이용해 작성합니다 // TODO: 여러개의 Promise를 then으로 연결하여 작성합니다 return fetch(newsURL) .then((response) => response.json()) .then((json1) => { retur..

📣 fs 모듈을 통해 비동기 구현하기 ✔️ fs.readFile("filename", [options], callback) ➰ "filename" 파일을 [options] 을 적용해 읽은 후 callback 함수를 실행한다. ➰ 파일을 비동기적으로 읽어올 수 있다. ➰ 두번째 인자를 "utf8" 로 명시하여 인코딩이 되도록 해줘야 한다. 1️⃣ callback.js const fs = require("fs"); const getDataFromFile = function (filePath, callback) { // TODO: fs.readFile을 이용해 작성합니다 fs.readFile(filePath, 'utf8', (err, data) => { if(err){ callback(err, null); }..

📣 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: '정당의 목적이나 활동이 민주적 기본질서에 위배될 때에는 정부는 헌법재..

📌 문제 당신은 폰켓몬을 잡기 위한 오랜 여행 끝에, 홍 박사님의 연구실에 도착했습니다. 홍 박사님은 당신에게 자신의 연구실에 있는 총 N 마리의 폰켓몬 중에서 N/2마리를 가져가도 좋다고 했습니다. 홍 박사님 연구실의 폰켓몬은 종류에 따라 번호를 붙여 구분합니다. 따라서 같은 종류의 폰켓몬은 같은 번호를 가지고 있습니다. 예를 들어 연구실에 총 4마리의 폰켓몬이 있고, 각 폰켓몬의 종류 번호가 [3번, 1번, 2번, 3번]이라면 이는 3번 폰켓몬 두 마리, 1번 폰켓몬 한 마리, 2번 폰켓몬 한 마리가 있음을 나타냅니다. 이때, 4마리의 폰켓몬 중 2마리를 고르는 방법은 다음과 같이 6가지가 있습니다. 첫 번째(3번), 두 번째(1번) 폰켓몬을 선택 첫 번째(3번), 세 번째(2번) 폰켓몬을 선택 첫 ..