본문 바로가기

전체 글105

1789_수들의 합 ▶실버1 문제 풀이 서로 다른 N개의 자연수의 합이 S라고 할 때, N의 값이 최대가 되기 위해서는 1부터 빼본다. S에서 1을 빼고, 2를 빼고, 3을 빼고 ... 계속 진행하다가 뺀 결과값이 이미 뺀 값이나 빼고 있는 값이라면 반복문을 종료하고 답을 낸다. ex) 20 - 1 19 - 2 17 - 3 14 - 4 10 - 5 = 5 (뺀 결과값이 현재 빼고 있는 값이므로 종료) => 20 = 1 + 2 + 3 + 4 + 10 (5개) ※ s값의 최댓값이 매우 크기 때문에 s가 int 형이 아닌 long long 형이어야 한다. 이거 때문에 에러났음... 코드 #include #include #include #include #include #include using namespace std; int m.. 2023. 3. 2.
1911_흙길 보수하기 ▶실버1 풀이 1. 주어진 웅덩이를 정렬한다. 2. 한 웅덩이에 대해 몫과 나머지를 구한 후 몫의 개수만큼 널빤지를 사용한다. 2-1. 나머지가 존재하면 널빤지를 하나 더 더해준다. 2-2. 나머지가 존재하지 않으면 건너뛴다. 3. 현재 위치가 웅덩이가 아니라면 다음 웅덩이의 첫 위치를 현재 위치로 설정한다. 코드 #include #include #include #include #include #include #include #include using namespace std; vector pool; int main() { ios::sync_with_stdio(false); cin.tie(0); cout.tie(0); int ans = 0; int n, l; cin >> n >> l; for (int i.. 2023. 2. 28.
[JavaScript] 버튼 클릭 시 전주, 차주 이동 Introduction다음 동영상과 같이 back 버튼을 누르면 전주로, next 버튼을 누르면 차주로 날짜가 바뀌는 것을 JavaScript로 구현해보려 한다.대략적인 순서는 다음과 같다.1. 현재의 날짜 범위 중 시작 날짜를 가져온다. (ex. 2023-02-06)2. 전주 이동과 차주 이동을 구분한다.3. for문을 이용하여 현재 날짜의 전주/차주를 월~일 순으로 객체 생성한다.4. 생성된 객체의 일자를 각각 요일에 맞게 순서대로 삽입한다.5. 새로 생성된 날짜 범위를 갱신한다. ※ 이때, 전주/차주의 기준점이 되는 주는 항상 화면에 렌더링 된 것을 가져와 사용한다.ex) 현재 날짜 범위가 2023-02-06 ~ 2023-02-12 에서 차주 버튼을 누르면 현재 날짜 범위는 2023-02-13 ~ .. 2023. 2. 25.
[React] React 반응형 웹 Introduction React에서 반응형 웹을 만드는 방법을 알아보려 한다. ① react-responsive 설치 React 라이브러리인 react-responsive를 설치하고 useMediaQuery를 import 한다. npm install react-responsive import { useMediaQuery } from 'react-responsive'; ② 컴포넌트 별로 나누기 HomePC 에는 (1024px ~), HomeMobile 에는 (~ 1024px) 의 반응형 쿼리를 만들었다. //HomePC const HomePC = () => { const isPC = useMediaQuery({ query: "(min-width:1024px)" }); return ( {isPC && ~ .. 2023. 2. 23.
[JavaScript] 클릭한 태그 찾기 Introduction다음과 같이 onClick 시 실행될 함수가 모두 같은 태그들이 있을 때, 어떤 태그가 클릭해서 함수가 실행됐는지 어떻게 알 수 있을지 알아보려고 한다. ● event.currentTarget 사용방법은 간단한데, getInfo 함수 내에서 event.currentTarget를 콘솔에 찍어보면다음과 같이 클릭한 태그의 속성들이 뜬다.여기서 span 태그 안의 div 태그의 innerText에 접근하고 싶다면event.currentTarget.children[1].innerTextchilder의 배열을 사용한다.결론적으로, 클릭한 태그에 대한 속성을 알고 싶으면 event.currentTarget을 사용하고자식 태그를 활용하고 싶다면 childeren을 이용한다. 2023. 2. 23.
[JavaScript] javascript 주요 개념 간단 정리 Introductionjavascript 복습 겸 주요 개념을 아주 간단히 정리해보았다.브라우저 렌더링 과정HTML 파일과 CSS 파일을 파싱해서 각각 Tree를 만든다.두 Tree를 결합하여 Rendering Tree를 만든다.Rendering Tree에서 각 노드의 위치와 트리를 계산한다.계산된 값을 이용해 각 노드를 화면 상의 실제 픽셀로 변환하고, 레이어를 만든다.레이어를 합성하여 실제 화면에 나타낸다.브라우저 동작 원리클라이언트가 참조하고자 하는 웹페이지를 서버에 요청하고 서버의 응답을 받아 브라우저에 표시한다.데이터 타입원시 타입: number, string, boolean, null, undefined, symbol객체 타입: object연산자산술 연산자, 문자열 연결 연산자, 할당 연산자,.. 2023. 2. 22.

티스토리툴바