본문 바로가기

전체 글148

백준 ACM 호텔 node.js ACM 호텔 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 256 MB 117005 40221 33976 33.453% 문제 ACM 호텔 매니저 지우는 손님이 도착하는 대로 빈 방을 배정하고 있다. 고객 설문조사에 따르면 손님들은 호텔 정문으로부터 걸어서 가장 짧은 거리에 있는 방을 선호한다고 한다. 여러분은 지우를 도와 줄 프로그램을 작성하고자 한다. 즉 설문조사 결과 대로 호텔 정문으로부터 걷는 거리가 가장 짧도록 방을 배정하는 프로그램을 작성하고자 한다. 문제를 단순화하기 위해서 호텔은 직사각형 모양이라고 가정하자. 각 층에 W 개의 방이 있는 H 층 건물이라고 가정하자 (1 ≤ H, W ≤ 99). 그리고 엘리베이터는 가장 왼쪽에 있다고 가정하자(그림 1 참고). 이런 형태의 호텔.. 2022. 5. 2.
[항해99] 8주차 WIL [실전프로젝트] 🧸 이번 8주차 WIL 키워드 ! 실전 프로젝트를 진행하며 기술적으로 막혔던 부분은 무엇인가요? 해결했다면 어떻게 해결했는지 과정을 작성해주세요! 그렇다 실전 프로젝트가 시작되었다. 기술적으로 챌린징이 필요했기 때문에.. 웹소켓 혹은 웹RTC기능을 사용하는 프로젝트를 해보고 싶었다 !! 하지만,, 모두가 원하는 프로젝트 기획을 짜기란 어려웠다... 우리조는 가져오기 힘든 데이터중 하나인 부동산 데이터를 주제로 삼아.. 돌고 돌아 결국 오피스 부동산 정보를 추천해주고, 보여주는 모바일 웹을 만들기로 했다. 그렇다...지도기능을 사용해야 됐었다.ㅠㅠ 물론 카카오 지도 공식 웹사이트에 설명이 잘 되어있지만, html이랑 자바스크립트로 되어있었다. 나는 리액트를 사용하는데 ㅠㅠ html과 자바스크립트로 지도를 .. 2022. 5. 1.
[항해99 55일차] 2022.04.30 TIL (지도 모듈 파일) 오늘은 실시간으로 좌표가 변경될 때마다 axios요청으로 서버쪽에 현재 좌표를 보내주고, 좌표를 통해서 받은 데이터들을 지도에 마커로 뿌려주는 것을 해보았다. 할 게 산더미지만,, 그래도 감이 조금씩 와서 다행이다. 초반엔 ㅠㅠ지도 api쓰기 싫었는데..ㅜㅜ 그냥 순응하고 닥코하는 중이다.... 얻을 수 있는 게 있겠지.. 메인지도 불러오는 부분 import React, { useEffect, useState } from "react"; import styled from "styled-components"; import { useDispatch , useSelector } from "react-redux"; import { actionCreators as mapActions } from "../../re.. 2022. 4. 30.
[항해99 54일차] 2022.04.29 TIL (Debounce 와 Throttle) 📔 오늘 할 일 📔 1 debounce, throttle를 .. 사용해서 지도 api에 적용해보기 2. 메인뷰 와이어프레임대로 그리기! 📖 오늘 배운 개념 📖 debounce란? 👉 이벤트가 일어나면, 일정 시간을 기다렸다가 이벤트를 수행한다. 일정 시간 내에 같은 이벤트가 또 들어오면 이전 요청은 취소한다. throttle이란? 👉 일정 시간 동안 일어난 이벤트를 모아서 주기적으로 1번씩 실행해준다. 😊 주절주저리 😊 우리는 리랜더링을 미친듯이 많이 하는 것을 막아줄 필요가 있다. => 웹의 성능을 저하시킴 무의미한 요청을 막을 수 있는 방법 => 디바운스, 쓰로틀 ✅ 내일 할 일 ✅ 1. 지도 공부!! 2022. 4. 30.
백준 달팽이는 올라가고 싶다 node.js 달팽이는 올라가고 싶다 시간 제한메모리 제출 정답 맞힌 사람 정답 비율 0.15 초 (추가 시간 없음) 128 MB 146595 40665 34444 29.041% 문제 땅 위에 달팽이가 있다. 이 달팽이는 높이가 V미터인 나무 막대를 올라갈 것이다. 달팽이는 낮에 A미터 올라갈 수 있다. 하지만, 밤에 잠을 자는 동안 B미터 미끄러진다. 또, 정상에 올라간 후에는 미끄러지지 않는다. 달팽이가 나무 막대를 모두 올라가려면, 며칠이 걸리는지 구하는 프로그램을 작성하시오. 입력 첫째 줄에 세 정수 A, B, V가 공백으로 구분되어서 주어진다. (1 ≤ B < A ≤ V ≤ 1,000,000,000) 출력 첫째 줄에 달팽이가 나무 막대를 모두 올라가는데 며칠이 걸리는지 출력한다. let input = requ.. 2022. 4. 29.
[항해99 53일차] 2022.04.28 TIL (리액트 스와이프 기능) 📔 오늘 할 일 📔 1. 와이어프레임 보고 뷰 그리기 2. 지도.. 현재 위치 가지고 오는 거 공부하기 📖 오늘 배운 개념 📖 오늘은 저 끌어서 넘기는 것을 해보았다.. 코드는 공부가 필요하지만,,,어찌저찌 성공했다.ㅋㅋㅋㅋㅋ 이렇게 드레그 함수컴포넌트를 만들어줬다. import React from "react"; import styled from "styled-components"; const XScrollDrag = ({ children, ...props }) => { const [isDrag, setIsDrag] = React.useState(false); const [startX, setStartX] = React.useState(); const scrollRef = React.useRef(nul.. 2022. 4. 29.