본문 바로가기

분류 전체보기365

[프로그래머스] 카펫 문제 링크 >> https://programmers.co.kr/learn/courses/30/lessons/42842 📋 문제 Leo는 카펫을 사러 갔다가 아래 그림과 같이 중앙에는 노란색으로 칠해져 있고 테두리 1줄은 갈색으로 칠해져 있는 격자 모양 카펫을 봤습니다. Leo는 집으로 돌아와서 아까 본 카펫의 노란색과 갈색으로 색칠된 격자의 개수는 기억했지만, 전체 카펫의 크기는 기억하지 못했습니다. Leo가 본 카펫에서 갈색 격자의 수 brown, 노란색 격자의 수 yellow가 매개변수로 주어질 때 카펫의 가로, 세로 크기를 순서대로 배열에 담아 return 하도록 solution 함수를 작성해주세요. 👉 입출력 갈색 격자의 수 brown은 8 이상 5,000 이하인 자연수입니다. 노란색 격자의 수 .. 2022. 3. 5.
[7주차] react-router v6 3월 5일 자 학습 내용 정리입니다. ✅ react-router react-router는 컴포넌트를 특정 path와 연결하고 해당 path로 진입 시 연결된 컴포넌트를 렌더링 하게 한다. query, path variable 등 URL parameter를 얻어 활용하며 조건에 맞지 않을 경우 redirect 한다. 현재 react는 17.0.2 버전이 나와있는데 16.8 버전부터 React Router가 v6로 업그레이드됐다. 이전 v5와는 다른 문법들이 많이 존재하기 때문에 이 점을 유의할 필요가 있다. react-router v6의 설치 명령어는 아래와 같다. $ npm install react-router-dom@6 $ yarn add react-router-dom@6 react-router v6의.. 2022. 3. 5.
[프로그래머스] 더 맵게 문제 링크 >> https://programmers.co.kr/learn/courses/30/lessons/42626 📋 문제 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같이 특별한 방법으로 섞어 새로운 음식을 만듭니다. 섞은 음식의 스코빌 지수 = 가장 맵지 않은 음식의 스코빌 지수 + (두 번째로 맵지 않은 음식의 스코빌 지수 * 2) Leo는 모든 음식의 스코빌 지수가 K 이상이 될 때까지 반복하여 섞습니다. Leo가 가진 음식의 스코빌 지수를 담은 배열 scoville과 원하는 스코빌 지수 K가 주어질 때, 모든 음식의 스코빌 지수를 K 이상으로 .. 2022. 3. 4.
[백준 7453번] 합이 0인 네 정수 문제 링크 >> https://www.acmicpc.net/problem/7453 📋 문제 정수로 이루어진 크기가 같은 배열 A, B, C, D가 있다. A[a], B[b], C[c], D[d]의 합이 0인 (a, b, c, d) 쌍의 개수를 구하는 프로그램을 작성하시오. 👉 입력 첫째 줄에 배열의 크기 n (1 ≤ n ≤ 4000)이 주어진다. 다음 n개 줄에는 A, B, C, D에 포함되는 정수가 공백으로 구분되어 주어진다. 배열에 들어있는 정수의 절댓값은 최대 228이다. 👈출력 합이 0이 되는 쌍의 개수를 출력한다. 📝 풀이 ❌ 첫 번째 풀이 import sys from itertools import product input = sys.stdin.readline n = int(input()) A,.. 2022. 3. 4.
[7주차] React 생명주기 3월 4일 자 학습 내용 정리입니다. ✅ React 생명주기 React의 생명주기는 컴포넌트가 이벤트를 다룰 수 있는 특정 시점을 말하며 마운트, 업데이트, 언마운트 상태로 구성되어 있다. 컴포넌트가 실제 DOM에 삽입되는 것을 마운트(mount), 컴포넌트가 변하는 것을 업데이트(update), 컴포넌트가 DOM 상에서 제거되는 것을 언마운트(unmount)라고 한다. 생명주기 메서드는 다음과 같다. constructor() : State 데이터를 초기화하는 메서드 render() : 화면에 그릴 부분, 반드시 구현되어야 함 componentDidMount() : 컴포넌트가 마운트된 직후 호출되는 메서드 componentDidUpdate() : 업데이트가 진행된 직후 호출되는 메서드 componentW.. 2022. 3. 4.
[7주차] Hooks 3월 4일 자 학습 내용 정리입니다. ✅ Hook Hook은 컴포넌트에서 데이터를 관리(State)하고 데이터가 변경될 때 상호작용(Effect)을 하기 위해 사용한다. Hook에는 useState, useEffect 등이 있다. React의 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트가 존재한다. 기존 컴포넌트 내에서 State와 생명주기를 관리하기 위해서는 반드시 클래스 컴포넌트를 사용해야 했다. 그러나 클래스 컴포넌트는 다소 복잡한 면이 있어 개발에 어려움을 느끼는 개발자들이 많았다. 따라서 함수 컴포넌트에서 State와 생명주기를 관리할 수 있도록 React 16.8 버전부터 Hook이 추가되었다. Hook은 React 함수(컴포넌트, Hook) 내에서만 사용이 가능하다. Hook의 이름은 반드시 .. 2022. 3. 4.
[7주차] React에서의 이벤트 3월 4일 자 학습 내용 정리입니다. ✅ 이벤트 이벤트(Event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다. 사용자의 행동에 의해 발생할 수도 있고 개발자가 의도한 로직에 의해 발생할 수도 있다. Element가 로드되었을 때, 클릭되었을 때, Element 위로 마우스를 올렸을 때, 키보드 입력이 들어왔을 때 등 다양한 이벤트가 존재한다. 이러한 이벤트는 이벤트 핸들러 함수를 통해 이벤트에 관련된 로직이 처리되고 그 결과를 사용자에게 알릴 수 있다. ✅ React에서의 이벤트 React에서 이벤트를 처리하는 방법은 두 가지가 있다. 첫째로 별도의 핸들링 함수를 선언하고 Element에 넘겨주는 방법이 있다. import React from "react"; function .. 2022. 3. 4.
[백준 2470번] 두 용액 문제 링크 >> https://www.acmicpc.net/problem/2470 📋 문제 KOI 부설 과학연구소에서는 많은 종류의 산성 용액과 알칼리성 용액을 보유하고 있다. 각 용액에는 그 용액의 특성을 나타내는 하나의 정수가 주어져있다. 산성 용액의 특성 값은 1부터 1,000,000,000까지의 양의 정수로 나타내고, 알칼리성 용액의 특성 값은 -1부터 -1,000,000,000까지의 음의 정수로 나타낸다. 같은 양의 두 용액을 혼합한 용액의 특성값은 혼합에 사용된 각 용액의 특성 값의 합으로 정의한다. 이 연구소에서는 같은 양의 두 용액을 혼합하여 특성값이 0에 가장 가까운 용액을 만들려고 한다. 예를 들어, 주어진 용액들의 특성값이특성 값이 [-2, 4, -99, -1, 98]인 경우에는 특성.. 2022. 3. 2.
[프로그래머스] 소수 찾기 문제 링크 >> https://programmers.co.kr/learn/courses/30/lessons/42839 📋 문제 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 조각으로 만들 수 있는 소수가 몇 개인지 return 하도록 solution 함수를 완성해주세요. 👉 입출력 numbers는 길이 1 이상 7 이하인 문자열입니다. numbers는 0~9까지 숫자만으로 이루어져 있습니다. "013"은 0, 1, 3 숫자가 적힌 종이 조각이 흩어져있다는 의미입니다. 💡 사용된 개념 ✔️ itertools.permutations iterable 요소의 길.. 2022. 3. 2.

티스토리툴바