문제인하대학교 컴퓨터공학과를 졸업하기 위해서는, 전공평점이 3.3 이상이거나 졸업고사를 통과해야 한다. 그런데 아뿔싸, 치훈이는 깜빡하고 졸업고사를 응시하지 않았다는 사실을 깨달았다! 치훈이의 전공평점을 계산해주는 프로그램을 작성해보자.전공평점은 전공과목별 (학점 × 과목평점)의 합을 학점의 총합으로 나눈 값이다.인하대학교 컴퓨터공학과의 등급에 따른 과목평점은 다음 표와 같다.P/F 과목의 경우 등급이 P또는 F로 표시되는데, 등급이 P인 과목은 계산에서 제외해야 한다.과연 치훈이는 무사히 졸업할 수 있을까? 입력20줄에 걸쳐 치훈이가 수강한 전공과목의 과목명, 학점, 등급이 공백으로 구분되어 주어진다. 출력치훈이의 전공평점을 출력한다.정답과의 절대오차 또는 상대오차가(10^{-4}) 이하이면 정답으로 ..

문제과 같이 9×9 격자판에 쓰여진 81개의 자연수 또는 0이 주어질 때, 이들 중 최댓값을 찾고 그 최댓값이 몇 행 몇 열에 위치한 수인지 구하는 프로그램을 작성하시오. 예를 들어, 다음과 같이 81개의 수가 주어지면 이들 중 최댓값은 90이고, 이 값은 5행 7열에 위치한다. 입력첫째 줄부터 아홉 번째 줄까지 한 줄에 아홉 개씩 수가 주어진다. 주어지는 수는 100보다 작은 자연수 또는 0이다. 출력첫째 줄에 최댓값을 출력하고, 둘째 줄에 최댓값이 위치한 행 번호와 열 번호를 빈칸을 사이에 두고 차례로 출력한다. 최댓값이 두 개 이상인 경우 그 중 한 곳의 위치를 출력한다. 예제 문제 풀이배열을 입력받으면서 최댓값과 최댓값의 행, 열의 값을 연산하도록 하였습니다. x, y = 0, 0 # 최댓값의 ..

문제N*M크기의 두 행렬 A와 B가 주어졌을 때, 두 행렬을 더하는 프로그램을 작성하시오. 입력첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같고, 행렬의 원소는 절댓값이 100보다 작거나 같은 정수이다. 출력첫째 줄부터 N개의 줄에 행렬 A와 B를 더한 행렬을 출력한다. 행렬의 각 원소는 공백으로 구분한다. 예제 문제 풀이처음에는 2개의 행렬을 모두 입력 받은 뒤에 순회하여 더하려고 했으나, 두번째 행렬을 입력받으면서 바로 결과 값을 출력해도 될거 같아 아래와 같이 작성하였습니다.n, m = map(int, input().split())# 첫번째..

object-fit이미지를 특정 영역에 채우려고 할때 사용할 수 있는 속성 중 object-fit이 있습니다. object-fit에는 3가지 값을 넣을 수 있는데, fill, cover, contain이 있습니다. fill, cover, containfill: 세로 길이를 늘려서 특정 영역을 채움. 특정 영역에 맞게 채우다보니 이미지 비율이 달라짐cover: 이미지가 잘리더라도, 이미지가 늘어나지 않고 영역을 채움cotain: 이미지 비율을 유지하고, 이미지도 잘리지 않고 영역을 채움 See the Pen Untitled by taehong.kim (@taehongdev) on CodePen.

레이아웃을 구성할 때 float을 사용하곤 합니다. 본 글에서는 float를 이용하여, 블록(block) 요소를 좌우로 배치하는 방법에 대해 소개합니다. float 속성현재는 flex나 grid를 사용하여 레이아웃을 많이 구성하지만, 이전에는 float를 이용하여 레이아웃을 많이 구성했습니다. float는 요소를 띄워서 값으로 left, right로 왼쪽 혹은 오른쪽으로 배치할 수 있습니다..left { float: left;}.right { float: right;} float로 좌우 배치2개의 box를 만들고, 각각 float: left와 float: right 스타일을 적용합니다. 하지만, container 요소에 border 값을 설정했는데, border를 보면 box를 감싸고 있지 ..

CSS란?CSS(Cascading Style Sheets)는 웹 페이지의 스타일을 정의할 때 사용하는 언어입니다. 쉽게 말하면, CSS는 HTML 문서의 외형을 꾸미기 위해 사용합니다. CSS는 웹 문서의 색상, 글꼴, 레이아웃 등을 설정하여 페이지가 시각적으로 어떻게 보이는지를 제어합니다. HTML은 구조를 정의하고, CSS는 그 구조를 시각적으로 표현하는 데 사용됩니다. CSS 구성요소CSS는 3가지 구성 요소로 이루어져있습니다.선택자(Selector)속성(Property)값(Value)아래에서는 해당 3가지 구성 요소에 대해 설명합니다. 선택자(Selector)선택자는 스타일을 적용할 HTML 요소(Element)를 지정하는 역할을 합니다. 선택자는 Element Selector, Class Sel..

gibhut actions 스크립트아래 yaml 파일은 리뷰어를 설정하는 github actions 스크립트입니다.name: "Random reviwer"on: pull_request: types: - opened branches: - devjobs: random-reviwer: runs-on: ubuntu-latest steps: - id: random_reviwer uses: actions/github-script@v3 with: github-token: ${{ secrets.GITHUB_TOKEN }} script: | const me = '${{ github.event...

TTS 란?TTS(Text-to-Speech)는 텍스트를 음성으로 변환하는 기술입니다. TTS로 만들어주는 서비스들이 많지만, 대부분 유료라는 단점이 있습니다. 유료로 사용할 수 있는 서비스보다 퀄리티가 떨어질 수는 있지만, Python의 gTTS 라이브러리를 사용하면, 쉽게 TTS 파일을 생성할 수 있습니다. gTTS 란?gTTS(Google Text-to-Speech)는 위에서도 말한 것과 같이, Python을 사용하여 텍스트를 음성으로 변환할 수 있게 해주는 라이브러리입니다. Google의 TTS API를 활용하여 생성해며, 무료로 사용할 수 있다는 장점이 있습니다. Python으로 TTS 음성 파일 생성하기gTTS 의존성 설치아래 명령어를 통해 gTTS 의존성을 추가합니다.pip install g..

본 글에서는 파이썬으로 특정 사이트의 이미지를 모두 다운로드 받는 코드에 대해 설명합니다. 의존성 설치selenium 설치requests로 웹 파일을 가져올 수도 있지만, React와 같이 javascript에 의해 만들어지는 사이트의 경우는 아무것도 없는 html 파일을 가지고 올 수 있습니다. 따라서, 실제 브라우저 엔진을 사용하여 웹 파일을 읽어올 수 있도록 해주는 selenium을 설치해야 합니다.pip install selenium webdriver-manager 설치그리고, 웹 브라우저 엔진을 다운로드 받아야 합니다. 다운로드  |  ChromeDriver  |  Chrome for Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. 다운로드 컬렉션을 ..

처음 React를 배울때 만들어봤던 To Do 앱을 다시 한번 만들어보고 싶은 마음이 생겼습니다. 본 글에서는 React로 만든 To Do 앱에 대한 내용을 설명합니다. 기술 스택 정의이전에는 CRA(Create React App)을 사용해서 프로젝트를 생성했으나, 이번에는 TypeScript와 Vite 기반의 프로젝트를 생성하여 진행했습니다. 언어: TypeScript번들러: Vite트랜스파일러: SWC기타 사용 라이브러리tailwindcsszustandreact-hook-formyupclassnamesdayjsprettierhusky vite 프로젝트 생성하는 방법에 대해 궁금하신 분은 아래 글을 참고해주세요 Bun 설치 및 React 프로젝트 생성하기Bun은 JavaScript 및 TypeScrip..