CALKO LAB

CSS의 Flexbox는 다양한 화면 크기에 적응할 수 있는 레이아웃을 손쉽게 만들 수 있는 강력한 도구다.아래는 Flexbox를 쉽게 이해할 수 있는 예제 코드와 설명을 작성해 보았다.  Flexbox 기초 개념Flex 컨테이너 설정: display: flex;를 사용하여 컨테이너 내부의 아이템들을 유연하게 배치할 수 있다.아이템 정렬: justify-content와 align-items를 사용하여 수평과 수직 방향의 정렬을 지정한다.flex 속성: 아이템의 크기를 비율로 조정하여 화면 공간을 유연하게 차지하게 할 수 있다.  포스팅 내 예제는 Codepen에서 제공하는 화면 확대/축소(1x, 0.5x, 0.25x)를 활용하면   레이아웃이 어떻게 변하는지 더 쉽게 확인할 수 있다. 필요에 따라 조정해..

백준 BAEKJOON 32288번 바코드 닉네임 [PYTHON/파이썬] (BRONZE Ⅳ)https://www.acmicpc.net/problem/32288       간단한 문자열 변환 문제이다.for 문을 활용하여 결과를 출력하면 된다.       n = int(input())S = input()result = ""for s in S: if s == "I": result += "i" elif s == "l": result += "L"print(result)

백준 BAEKJOON 32342번 와우와 쿼리 [PYTHON/파이썬] (BRONZE Ⅲ)https://www.acmicpc.net/problem/32342        for문을 통해 3글자 씩 확인하여 "WOW"가 몇 번 나오는지 확인하면 된다.         Q = int(input())for _ in range(Q): S = input() result = 0 for i in range(len(S) - 2): if S[i : i + 3] == "WOW": result += 1 print(result)

백준 BAEKJOON 32280번 지각생 [PYTHON/파이썬] (BRONZE Ⅱ)https://www.acmicpc.net/problem/32280        처음엔 교실에 들어온 시각을 전부 분(min) 형태로 치환을 해줄까 했지만그냥 문자열 그대로 대소 비교를 해주니 원하는 결과를 얻을 수 있었다.문제의 조건에 따라 학생들의 도착 시간이정해진 등교 시간과 선생님이 도착한 시간보다 크거나 같을 때가 지각이기에if 문을 통해 결과값에 더했다.       N = int(input())timeTable = []teacherTime = ""for _ in range(N + 1): a, b = input().split() if b == "teacher": # 선생님 도착 시간 tea..

백준 BAEKJOON 32297번 문자열을 만들어요 [PYTHON/파이썬] (BRONZE Ⅲ)https://www.acmicpc.net/problem/32297       간단한 문자열 확인 문제이다.문제 속 문자열 "gori"가 문자열 S에 있는지 확인하면 된다.       N = int(input())S = input()if "gori" in S: print("YES")else: print("NO")

백준 BAEKJOON 32246번 빙고 막기 [PYTHON/파이썬] (BRONZE Ⅲ)https://www.acmicpc.net/problem/32246        처음에는 예제 풀이만 보고 빙고판에 칠해야 하는 칸이 N개인 줄 알았으나 N이 2일 때만 함정이 숨어있었다.조건 중 '길이가 N인 두 개의 대각선 각각에 하나 이상의 칸이 칠해져 있다.'를 생각해보면N이 2일 때는 대각선이 무조건 비게 되므로 한 칸 더 칠해주니 3을 출력하고나머지 값일 때는 N을 출력하면 된다.       N = int(input())if N == 2: print(3)else: print(N)

백준 BAEKJOON 32216번 찬물 샤워 [PYTHON/파이썬] (BRONZE Ⅲ)https://www.acmicpc.net/problem/32216       문제를 쉽게 풀기 위해 온도 변화 d 리스트 앞에 0을 추가했다.그리고 샤워기 온도가 담길 리스트 T_lst를 만들어줬다.그리고 샤워기 온도 변화에 관련된 조건들을 문제와 같게 세팅해 주어서T_lst를 완성시킨 뒤에 for문을 돌려 도훈이의 불쾌함 지수를 출력해 줬다.        n, k, T = map(int, input().split())d = [0] + list(map(int, input().split()))T_lst = [T] + [0] * nfor i in range(n): if T_lst[i] > k: # 물이 너무 뜨거울..

백준 BAEKJOON 32215번 코드마스터 2024 [PYTHON/파이썬] (BRONZE Ⅳ)https://www.acmicpc.net/problem/32215      처음엔 문제를 잘못 이해했었다.당연히 n대의 컴퓨터 중 k대에 에디터를 설치 후 남은 컴퓨터에 또 설치를 하는 걸로 이해했었다.단순하게 k대의 컴퓨터에 하나씩 에디터를 설치 후 (k * m)차형준 선생님의 노트북에 에디터를 설치하는 문제였다. (+m)         n, m, k = map(int, input().split())print(k * m + m)

백준 BAEKJOON 32171번 울타리 공사 [PYTHON/파이썬] (BRONZE Ⅱ)https://www.acmicpc.net/problem/32171        N개의 건물을 짓지만 첫 건물이 좌표의 기준이 되어야하기 때문에 따로 입력을 받아주었다.좌표 (a, b)와 (c, d)로 이루어진 사각형의 둘레가 문제에서 얘기하는 울타리 공사의 비용이다.둘레를 구하는 공식은 ((c - a) + (d - b)) * 2 이다. 그렇기 때문에 따로 함수로 만들어 사용했다.새로운 건물을 지으면서 주어지는 좌표 (a, b)와 기존 좌표 (a, b)는 min 함수를 통해서새로운 건물을 지으면서 주어지는 좌표 (c, d)와 기존 좌표 (c, d)는 max 함수를 통해서값을 수정한 뒤에 울타리 공사의 비용을 개별로 출..

백준 BAEKJOON 32209번 다음 달에 봐요 [PYTHON/파이썬] (BRONZE Ⅲ)https://www.acmicpc.net/problem/32209       주어진 이벤트 Q의 순서대로 1번 이벤트로는 문제 포럼에 더하고, 2번 이벤트로는 문제 포럼에 빼주면 된다.문제 포럼에 사용되지 않은 문제가 y개 미만이라면 월간 향휴회는 즉시 해산이기에문제 포럼의 문제의 개수가 0 미만이 되는 순간 해산이 된다는 것을 알 수 있다.      Q = int(input())result = 0check = Truewhile Q: a, b = map(int, input().split()) if a == 1: result += b elif a == 2: result -=..