본문 바로가기

분류 전체보기84

리액트에서 tailwind 사용하기 이번에 인턴으로 들어가게 된 회사에서, tailwindcss를 사용한다고 하여 tailwindcss를 미리 공부해보기로 했다.사실 리액트에서 css 라이브러리는 style component밖에 사용해본적이 없어서, 둘의 차이가 뭔지도 함께 알아볼 것이다.  1. Tailwind CSS란?Tailwind CSS는 유틸리티 클래스 기반의 CSS 프레임워크이다. 개발자에게 미리 정의된 CSS 클래스를 제공하여, 이를 HTML 요소에 적용함.  유틸리티 클래스란? 유틸리티 클래스(Utility Class)는 특정 스타일 속성 하나만을 정의하는 CSS 클래스이다. 유틸리티 클래스는 스타일을 작은 단위로 쪼개서 제공하므로, 다양한 조합을 통해 복잡한 스타일을 쉽게 구성할 수 있다. Tailwind CSS의 특징:유.. 2024. 6. 25.
[백준 21608번] 상어 초등학교 - 파이썬 https://www.acmicpc.net/problem/21608💡문제 분석 요약상어 초등학교에는 교실이 하나 있고, 교실은 N×N 크기의 격자로 나타낼 수 있다. 학교에 다니는 학생의 수는 N2명이다. 오늘은 모든 학생의 자리를 정하는 날이다. 학생은 1번부터 N2번까지 번호가 매겨져 있고, (r, c)는 r행 c열을 의미한다. 교실의 가장 왼쪽 윗 칸은 (1, 1)이고, 가장 오른쪽 아랫 칸은 (N, N)이다.선생님은 학생의 순서를 정했고, 각 학생이 좋아하는 학생 4명도 모두 조사했다. 이제 다음과 같은 규칙을 이용해 정해진 순서대로 학생의 자리를 정하려고 한다. 한 칸에는 학생 한 명의 자리만 있을 수 있고, |r1 - r2| + |c1 - c2| = 1을 만족하는 두 칸이 (r1, c1)과 .. 2024. 6. 21.
[백준 1931번] 회의실 배정 - 파이썬 https://www.acmicpc.net/problem/1931💡문제 분석 요약한 개의 회의실이 있는데 이를 사용하고자 하는 N개의 회의에 대하여 회의실 사용표를 만들려고 한다. 각 회의 I에 대해 시작시간과 끝나는 시간이 주어져 있고, 각 회의가 겹치지 않게 하면서 회의실을 사용할 수 있는 회의의 최대 개수를 찾아보자. 단, 회의는 한번 시작하면 중간에 중단될 수 없으며 한 회의가 끝나는 것과 동시에 다음 회의가 시작될 수 있다. 회의의 시작시간과 끝나는 시간이 같을 수도 있다. 이 경우에는 시작하자마자 끝나는 것으로 생각하면 된다.💡알고리즘 설계입력받은 값을 정렬해야하는 문제이다. 여기서 주의할 점이 있는데, 빨리 시작하는 순서가 아니라 빨리 끝나는 순서대로 리스트를 정렬하고 회의를 해야 더 많.. 2024. 6. 20.
[백준 1107번] 리모컨 - 파이썬 https://www.acmicpc.net/problem/1107 💡문제 분석 요약수빈이는 TV를 보고 있다. 수빈이는 채널을 돌리려고 했지만, 버튼을 너무 세게 누르는 바람에, 일부 숫자 버튼이 고장났다.리모컨에는 버튼이 0부터 9까지 숫자, +와 -가 있다. +를 누르면 현재 보고있는 채널에서 +1된 채널로 이동하고, -를 누르면 -1된 채널로 이동한다. 채널 0에서 -를 누른 경우에는 채널이 변하지 않고, 채널은 무한대 만큼 있다.수빈이가 지금 이동하려고 하는 채널은 N이다. 어떤 버튼이 고장났는지 주어졌을 때, 채널 N으로 이동하기 위해서 버튼을 최소 몇 번 눌러야하는지 구하는 프로그램을 작성하시오.수빈이가 지금 보고 있는 채널은 100번이다.💡알고리즘 설계1. 부서진 버튼을 집합으로 입력받는.. 2024. 6. 15.
[백준 14719번] 빗물 - 파이썬 https://www.acmicpc.net/problem/14719  💡문제 분석 요약2차원 세계에 블록이 쌓여있다. 비가 오면 블록 사이에 빗물이 고인다.비는 충분히 많이 온다. 고이는 빗물의 총량은 얼마일까?💡알고리즘 설계 1. 첫번째 블록과 마지막 블록을 제외하고 모든 블록을 하나씩 검사한다.2. 해당 블록을 기준으로 왼쪽에서 가장 높은 블록과 오른쪽에서 가장 높은 블록의 높이를 구한다.3. 그 두 블록 중 낮은 블록의 높이가 현재 블록의 높이보다 높다면, 그 블록에서 현재 블록의 높이를 뺀 값을 빗물의 총량에 더한다💡코드H, W= map(int,input().split())block = list(map(int,input().split()))count=0for i in range(1, W-1).. 2024. 6. 14.
[백준 2156] 포도주 시식 - 파이썬 https://www.acmicpc.net/problem/2156💡문제 분석 요약효주는 포도주 시식회에 갔다. 그 곳에 갔더니, 테이블 위에 다양한 포도주가 들어있는 포도주 잔이 일렬로 놓여 있었다. 효주는 포도주 시식을 하려고 하는데, 여기에는 다음과 같은 두 가지 규칙이 있다.포도주 잔을 선택하면 그 잔에 들어있는 포도주는 모두 마셔야 하고, 마신 후에는 원래 위치에 다시 놓아야 한다.연속으로 놓여 있는 3잔을 모두 마실 수는 없다.효주는 될 수 있는 대로 많은 양의 포도주를 맛보기 위해서 어떤 포도주 잔을 선택해야 할지 고민하고 있다. 1부터 n까지의 번호가 붙어 있는 n개의 포도주 잔이 순서대로 테이블 위에 놓여 있고, 각 포도주 잔에 들어있는 포도주의 양이 주어졌을 때, 효주를 도와 가장 많은.. 2024. 6. 9.
[백준 18111번] 마인크래프트 - 파이썬 https://www.acmicpc.net/problem/18111💡문제 분석 요약  팀 레드시프트는 대회 준비를 하다가 지루해져서 샌드박스 게임인 ‘마인크래프트’를 켰다. 마인크래프트는 1 × 1 × 1(세로, 가로, 높이) 크기의 블록들로 이루어진 3차원 세계에서 자유롭게 땅을 파거나 집을 지을 수 있는 게임이다.목재를 충분히 모은 lvalue는 집을 짓기로 하였다. 하지만 고르지 않은 땅에는 집을 지을 수 없기 때문에 땅의 높이를 모두 동일하게 만드는 ‘땅 고르기’ 작업을 해야 한다.lvalue는 세로 N, 가로 M 크기의 집터를 골랐다. 집터 맨 왼쪽 위의 좌표는 (0, 0)이다. 우리의 목적은 이 집터 내의 땅의 높이를 일정하게 바꾸는 것이다. 우리는 다음과 같은 두 종류의 작업을 할 수 있다.. 2024. 6. 7.
[백준 1124번] 언더프라임 - 파이썬 https://www.acmicpc.net/problem/1697💡문제 분석 요약자연수 X를 소인수분해하면, 곱해서 X가 되는 소수의 목록을 얻을 수 있다. 예를 들어, 12 = 2 × 2 × 3이다. 1은 소수가 아니다.어떤 수 X를 소인수분해 해서 구한 소수의 목록의 길이가 소수이면, 그 수를 언더프라임 이라고 한다. 12는 목록에 포함된 소수의 개수가 3개이고, 3은 소수이니 12는 언더프라임이다.두 정수 A와 B가 주어졌을 때, A보다 크거나 같고, B보다 작거나 같은 정수 중에서 언더프라임인 것의 개수를 구해보자.💡알고리즘 설계2부터 B+1 까지, 해당 숫자가 소수인지와 소수의 목록 길이를 배열에 저장한다.만약 이 소수의 목록 길이가 소수일 경우, answer에 1을 더한다.마지막에 answ.. 2024. 6. 1.
[백준 11501번] 주식 - 파이썬 https://www.acmicpc.net/problem/11501 💡문제 분석 요약홍준이는 요즘 주식에 빠져있다. 그는 미래를 내다보는 눈이 뛰어나, 날 별로 주가를 예상하고 언제나 그게 맞아떨어진다. 매일 그는 아래 세 가지 중 한 행동을 한다.주식 하나를 산다.원하는 만큼 가지고 있는 주식을 판다.아무것도 안한다.홍준이는 미래를 예상하는 뛰어난 안목을 가졌지만, 어떻게 해야 자신이 최대 이익을 얻을 수 있는지 모른다. 따라서 당신에게 날 별로 주식의 가격을 알려주었을 때, 최대 이익이 얼마나 되는지 계산을 해달라고 부탁했다.예를 들어 날 수가 3일이고 날 별로 주가가 10, 7, 6일 때, 주가가 계속 감소하므로 최대 이익은 0이 된다. 그러나 만약 날 별로 주가가 3, 5, 9일 때는 처음 두 .. 2024. 6. 1.

티스토리툴바