인기 글
최신 글
Brave 브라우저에서 영상(유튜브 등) 재생 시 모니터가 멈추는 증상
카테고리 없음2024.02.03 17:19Brave 브라우저에서 영상(유튜브 등) 재생 시 모니터가 멈추는 증상

배경 엔비디아 Geforce Game Ready 드라이버 551.23버전 업데이트 이후 Brave 브라우저에서 유튜브 등 영상 재생 시 그대로 모니터가 멈추는 증상이 있었다. 모니터가 멈추니 키보드나 마우스로 입력을 줘도 반응을 하는지 안하는지 확인할 수 없었다. 해결 방법 정식으로 해결되려면 드라이버 업데이트가 이루어져야겠지만, 추가적인 업데이트를 기다려야 하고 드라이버를 이전 버전으로 재설치하는 것도 귀찮다고 한다면 임시로 해결할 수 있는 방법은 브라우저 '설정 -> 시스템 -> 가능한 경우 하드웨어 가속 사용' 체크를 해제하는 방법이 있다. 하지만 하드웨어 가속을 끄게되면 고화질 영상 시청 시 그래픽카드가 아닌 CPU에 큰 부하가 올 수 있다.

[BOJ] 백준_2178번_미로 탐색_Python3
백준 알고리즘2024.01.03 14:51[BOJ] 백준_2178번_미로 탐색_Python3

🌟 미로 탐색 2178번: 미로 탐색 첫째 줄에 두 정수 N, M(2 ≤ N, M ≤ 100)이 주어진다. 다음 N개의 줄에는 M개의 정수로 미로가 주어진다. 각각의 수들은 붙어서 입력으로 주어진다. www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 192 MB 185424 83790 53449 43.731% 문제 N×M크기의 배열로 표현되는 미로가 있다. 1 0 1 1 1 1 1 0 1 0 1 0 1 0 1 0 1 1 1 1 1 0 1 1 미로에서 1은 이동할 수 있는 칸을 나타내고, 0은 이동할 수 없는 칸을 나타낸다. 이러한 미로가 주어졌을 때, (1, 1)에서 출발하여 (N, M)의 위치로 이동할 때 지나야 하는 최소의 칸 수를 구하는 프로그램을 작성..

[BOJ] 백준_5635번_생일_Python3
백준 알고리즘2024.01.01 22:54[BOJ] 백준_5635번_생일_Python3

🌟 생일 5635번: 생일 어떤 반에 있는 학생들의 생일이 주어졌을 때, 가장 나이가 적은 사람과 가장 많은 사람을 구하는 프로그램을 작성하시오. www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 128 MB 11125 7415 6604 68.828% 문제 어떤 반에 있는 학생들의 생일이 주어졌을 때, 가장 나이가 적은 사람과 가장 많은 사람을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 반에 있는 학생의 수 n이 주어진다. (1 ≤ n ≤ 100) 다음 n개 줄에는 각 학생의 이름과 생일이 "이름 dd mm yyyy"와 같은 형식으로 주어진다. 이름은 그 학생의 이름이며, 최대 15글자로 이루어져 있다. dd mm yyyy는 생일 일, 월, 연도이다. (..

TypeError : r.map is not a function
troubleshooting2023.12.22 14:55TypeError : r.map is not a function

서론 이번 글은 "TypeError: r.map is not a function"에 대해 다루었다. 이번 문제 역시 프로젝트 파일 내부에서 발생하는 것으로 로컬에서는 잘 작동하지만 배포된 도메인에서만 발생했다. 오류 메시지 TypeError: r.map is not a function Uncaught TypeError: r.map is not a function r.map에서 r이라는 변수를 사용한 적이 없는데 왜 이런 에러가 발생하는지 이유를 모르겠어서 에러 메세지를 자세히 보다가 에러가 발생한 곳의 위치를 쭉 따라가다 보니 빌드 후 배포된 코드는 실제 코드와 똑같이 쓰는 것이 아니라 약간씩 이름이 다르게 작성되어진다는 것을 알게 되었고 본 코드 위치도 알게 되었다. 오류 코드 {probs && pro..

TypeError: Cannot read properties of undefined (reading 'length')
troubleshooting2023.12.21 13:15TypeError: Cannot read properties of undefined (reading 'length')

서론 이번 블로그 글에서는 Firebase Hosting을 사용하는 도중 마주한 메인 화면이 빈 화면으로 나오는 이슈와 이를 해결하는 과정을 다루겠다. 문제는 프로젝트 파일 내부에서 발생하는 것으로, 로컬에서는 잘 작동하지만 배포된 도메인에서만 발생했다. 이는 로컬 환경과 배포 환경 간의 차이로 인한 문제로 의심되었고 다른 페이지에서는 모든 기능이 정상 작동하는데, 메인 화면에서만 이슈가 발생하는 점, '/' 경로에서만 화면이 나오지 않는 현상을 보고 다음과 같은 가설을 세울 수 있었다. route path 설정이 담긴 app.tsx 파일에 문제가 있을 것이다. MainPage만 나오지 않는 것이니 MainPage 관련 컴포넌트에서 에러가 있을 것이다. 둘 다 체크를 해보았고, MainPage 컴포넌트 ..

[BOJ] 백준_10610번_30_Python3
백준 알고리즘2023.12.17 10:00[BOJ] 백준_10610번_30_Python3

🌟 30 10610번: 30 어느 날, 미르코는 우연히 길거리에서 양수 N을 보았다. 미르코는 30이란 수를 존경하기 때문에, 그는 길거리에서 찾은 수에 포함된 숫자들을 섞어 30의 배수가 되는 가장 큰 수를 만들고 싶어한 www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 256 MB 46923 18835 14954 39.667% 문제 어느 날, 미르코는 우연히 길거리에서 양수 N을 보았다. 미르코는 30이란 수를 존경하기 때문에, 그는 길거리에서 찾은 수에 포함된 숫자들을 섞어 30의 배수가 되는 가장 큰 수를 만들고 싶어한다. 미르코를 도와 그가 만들고 싶어하는 수를 계산하는 프로그램을 작성하라. 입력 N을 입력받는다. N는 최대 100000개의 숫자로 ..

[BOJ] 백준_11656번_거꾸로 구구단_Python3
백준 알고리즘2023.12.16 13:10[BOJ] 백준_11656번_거꾸로 구구단_Python3

🌟 거꾸로 구구단 13410번: 거꾸로 구구단 일반적인 구구단에서 가장 큰 수는 마지막 항의 값이 제일 크다. 거꾸로 구구단에서는, 각 항에 구구단의 계산 결과로 나온 값을 뒤집어 저장을 한다. 이렇게 하면 가장 큰 값이 항상 마지막이 www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 128 MB 4578 2675 2407 61.247% 문제 일반적인 구구단에서 가장 큰 수는 마지막 항의 값이 제일 크다. 거꾸로 구구단에서는, 각 항에 구구단의 계산 결과로 나온 값을 뒤집어 저장을 한다. 이렇게 하면 가장 큰 값이 항상 마지막이 아니게 된다. 예를 들어 8단의 9개 항의 값은 8, 16, 24, 32, 40, 48, 56, 64, 72 이 되어 72가 가장 ..

[BOJ] 백준_11656번_접미사 배열_Python3
백준 알고리즘2023.12.15 10:00[BOJ] 백준_11656번_접미사 배열_Python3

🌟 접미사 배열 11656번: 접미사 배열 첫째 줄에 문자열 S가 주어진다. S는 알파벳 소문자로만 이루어져 있고, 길이는 1,000보다 작거나 같다. www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 256 MB 23937 16718 13910 70.663% 문제 접미사 배열은 문자열 S의 모든 접미사를 사전순으로 정렬해 놓은 배열이다. baekjoon의 접미사는 baekjoon, aekjoon, ekjoon, kjoon, joon, oon, on, n 으로 총 8가지가 있고, 이를 사전순으로 정렬하면, aekjoon, baekjoon, ekjoon, joon, kjoon, n, on, oon이 된다. 문자열 S가 주어졌을 때, 모든 접미사를 사전순으로 정..

[BOJ] 백준_9095번_1, 2, 3 만들기_Python3
백준 알고리즘2023.12.14 10:00[BOJ] 백준_9095번_1, 2, 3 만들기_Python3

🌟 1, 2, 3 만들기 9095번: 1, 2, 3 더하기 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 출력한다. www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 1 초 (추가 시간 없음) 512 MB 112585 74214 51152 64.407% 문제 정수 4를 1, 2, 3의 합으로 나타내는 방법은 총 7가지가 있다. 합을 나타낼 때는 수를 1개 이상 사용해야 한다. 1+1+1+1 1+1+2 1+2+1 2+1+1 2+2 1+3 3+1 정수 n이 주어졌을 때, n을 1, 2, 3의 합으로 나타내는 방법의 수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있..

[BOJ] 백준_14916번_거스름돈_Python3
백준 알고리즘2023.12.13 10:00[BOJ] 백준_14916번_거스름돈_Python3

🌟 거스름돈 14916번: 거스름돈 첫째 줄에 거스름돈 액수 n(1 ≤ n ≤ 100,000)이 주어진다. www.acmicpc.net 조건 시간 제한 메모리 제한 제출 정답 맞힌 사람 정답 비율 2 초 512 MB 21331 9861 8172 47.305% 문제 춘향이는 편의점 카운터에서 일한다. 손님이 2원짜리와 5원짜리로만 거스름돈을 달라고 한다. 2원짜리 동전과 5원짜리 동전은 무한정 많이 가지고 있다. 동전의 개수가 최소가 되도록 거슬러 주어야 한다. 거스름돈이 n인 경우, 최소 동전의 개수가 몇 개인지 알려주는 프로그램을 작성하시오. 예를 들어, 거스름돈이 15원이면 5원짜리 3개를, 거스름돈이 14원이면 5원짜리 2개와 2원짜리 2개로 총 4개를, 거스름돈이 13원이면 5원짜리 1개와 2원짜..

프로젝트
Todo리스트_JavaScript/HTML/CSS
Todo리스트_JavaScript/HTML/CSS
Project
2023.08.31 10:15
📂파일구조 ├─📂assets - 사용할 이미지들 │ └─📂icons │ └─🖼️images(svg) │ ├─📂styles - 적용한 스타일 │ └─🖌️main.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html └─🚀app.js 기대 결과 최종 결과 주요 기능 editTodo(할 일 수정) 함수 function editTodo(index) { const $todoText = $todoList.children[index].querySelector('.todo'); const $paragraph = $todoText.querySelector('p'); const $input = document.createElement('input'); $input.type =..
넷플릭스 화면 디자인_HTML/CSS
넷플릭스 화면 디자인_HTML/CSS
Project
2023.08.30 15:05
📂 파일 구조 🗂️project ├─📂assets - 사용할 이미지들 │ └─🖼️images │ ├─📂styles - 적용한 스타일 │ └─🖌️bottom.css │ └─🖌️general.css │ └─🖌️header.css │ └─🗒️index.html 기대 결과 최종 결과 주요기능 transition & transform 사용하여 이미지에 마우스 호버 시 점차 확대 .main-bottom img { transition: transform 1s ease-out; } .main-bottom img:hover { transform: scale(1.4); linear-gradient를 주어 검정색 opacity를 조절하여 배경과 작품 목록 컨테이너 사이의 경계를 부드럽게 표시 background: linea..
혼밥러 탈출을 위한 매칭 & 키오스크 서비스
혼밥러 탈출을 위한 매칭 & 키오스크 서비스
Project
2023.08.22 16:18
개요 혼밥러 탈출을 위한 매칭 & 키오스크 서비스, 4인 프로젝트 프로젝트 목표 기존에 모바일에서 사용되던 학식당 주문 어플리케이션의 단점을 보완 학식당의 환경에 맞추어 학생들이 원하는 메뉴 의견 취합, 학생들이 주로 먹는 메뉴등의 서비스를 제공 추가로 학생들의 혼밥 방지를 위한 같이 식사할 학우를 매칭해주는 혼밥 방지 서비스를 제공 서비스 개발 배경 및 목적 코로나 이후 학우들간 교류가 감소하여 혼자 밥을 먹는 학우들이 증가하였습니다. 저희 팀은 이러한 문제점을 개선하고 기존 불편했던 학식당 어플을 보완하여 학우들간 가볍게 밥 한끼를 먹을 수 있도록 하는 프로젝트 입니다. 서버 백엔드에 사용된 기술은 스프링을 기반으로 스프링 데이터 JPA, QueryDSL 등이 사용되었고 MYSQL DB, 사용자 인증..
Java swing kiosk project
Project
2022.01.09 21:52
🌟 Java swing kiosk project 프로젝트 개요 소프트웨어 개발 목표 토스트 주문 시 선택할 수 있는 품목들과 추가할 수 있는 옵션들을 포함하여 고르고 총합 금액 확인과 결제까지 할 수 있는 키오스크 형태의 프로젝트를 개발할 것이다. 유사 소프트웨어 분석 버거킹 키오스크, 맥도날드 키오스크, KFC 키오스크, 메가커피 키오스크 등 첫 화면에는 이벤트 중인 상품이나 가장 대표적인 상품, 또는 신상품이 띄워져 있는 경우가 많았다. 버거킹의 경우 상단 바에 콘텐츠를 보면 스페셜 세트, 일반 세트, 햄버거류 단품, 사이드 품목, 음료 순으로 배치되어 있었다. 하단에는 주문 내역을 확인할 수 있고 개수, 금액 등 정보가 표시되어 있었다. 전체 취소 버튼과 쿠폰 사용 버튼, 결제 진행 버튼이 오른편 ..
[Bricks Run] 벽돌 피하기_C언어 게임
[Bricks Run] 벽돌 피하기_C언어 게임
Project
2021.08.22 18:00
⭐ Code [Bricks Run] //!주의!레거시 콘솔 사용 필수 //Bricks Run #include #include #include #include #define WIDTH 30 #define HEIGHT 20 #define GREEN12 #define RED14 const float AddSpeed = 0.5f; typedef struct { int x; int y; int act; }Bricks; typedef struct { int x; }Player; typedef struct { int x; } Coin; typedef struct { char name[64]; int score; }PlayerData; Bricks bricks[WIDTH]; Player player; Player pl..
리눅스
[L18] rpm과 세부적인 패키지 파일 설치 방법_Linux/centOS
[L18] rpm과 세부적인 패키지 파일 설치 방법_Linux/centOS
Linux공부
2022.02.09 10:00
rpm 패키지 파일을 구하는 방법 설치 CD에 있는 패키지 파일을 사용 다른 컴퓨터로 internet에서 패키지 파일을 다운받고 공유 rpm 작접 시 주의사함 의존성 오류 가급적 무시 x 설치 /삭제 작업은 눈에 보이는 순서대로 바뀜 단, main 패키지가 있느 경우에만 main 패키지를 우선으로 진행 동일한 종류의 패키지는 가급적이면 버전 정보를 일치시켜야 하낟. 의존성 오류에 나오는 내용 패키지명 = 버전 : 해당 버전의 패키지가 필요하다 패키지명 > 버전 : 해당 버전 보다 더 높은 버전의 패키지가 필요하다 패키지 설치 시 * 기호를 이용하여 모든 패키지를 한 번에 설치 x 의존성 오류 발생 시 패키지 의존 관계 확인이 힘들다. centOS 페이지 접속 후 centOS Linux 칸 클 7-2009..
[L17] 프로그램 설치와 압축, 그리고 의존성 오류_Linux/centOS
[L17] 프로그램 설치와 압축, 그리고 의존성 오류_Linux/centOS
Linux공부
2022.02.07 10:00
프로그램 설치 과정 종류 소스 파일 다운로드 -> compile -> 설정 및 파일 배치 -> 프로그램 실행 tar + 압축 패키지 파일 마련한 상태 -> 명령어를 이용한 설치 -> 프로그램 실행 rpm (Internet 연결) 명령어를 이용한 설치 -> 프로그램 실행 yum 압축 파일의 용량을 줄이기 위해 사용한다. 원본 파일 자체가 압축된다 (복사본 생성 후 압축하는 작업x) 여러 파일이 동시에 압축하면 각각의 파일이 개별 압축된다. 디렉토리 압축은 불가능하다. 형식 명령어 [옵션] 대상 *압축의 형식과 압축/압축해제 작업에 따라 명령어가 달라진다. 압축 형식 압축 압축 해제 .zip zip unzip .gz gzip gunzip (gzip -d) .bz2 bzip bunzip2 (bzip2 -d) ..
[L16] 여러가지 특수 권한_Linux/centOS
[L16] 여러가지 특수 권한_Linux/centOS
Linux공부
2022.02.05 10:00
작업 주체 작업 대상 필요 권한 1. kdj ~kdj owner 영역 x 권한 2. kdj ~kdj owner 영역 r 권한 3. kdj html 소유권에 따른 영역의 x 권한 4. kdj html 소유권에 따른 영역의 w 권한 5. apache html, index.html other 영역 x 권한, other 영역 r 권한 (이 파일의 권한은 변경하지 않기 때문에 파일은 무조건 본다) 특수 권한 특이한 동작을 하는 권한 setUID, setGID, sticky bit 3가지의 특수 권한이 있다. 4777 r w x r w x r w x setUID 2777 r w x r w s r w x setGID 1777 r w x r w x r w t sticky bit *x 위치의 문자가 s/t로 변경 (x가..
[L15] http와 허가권 및 소유권_Linux/centOS
[L15] http와 허가권 및 소유권_Linux/centOS
Linux공부
2022.02.03 10:00
http web server : client의 요청에 web page를 제공해주는 서버 http- 로 시작하는 web server는 apache web server 설치 및 사용 준비 yum -y install httpd-* web server 설치 systemctl restart httpd web server 동작 systemctl enable httpd 부팅 시 web server 자동 동작 firewall-cmd --permanent --add-service=http 방화벽 예외 규칙에 web server 등록 firewall-cmd --reload 예외 규칙 적용 사용 방법 web browser에 web server의 IP를 입력 소유권 파일 및 디렉토리를 어느 사용가와 그룹이 소유하고 있는지 나..
[L14] 권한과 권한 표현 방법_Linux/centOS
[L14] 권한과 권한 표현 방법_Linux/centOS
Linux공부
2022.02.01 10:00
권한 파일이나 디렉토리를 사용할 수 있는지 여부를 정하는 개념이다. 허가권과 소유권으로 구분 허가권 + 소유권 = 권한 허가권 ls -l 명령을 입력했을 때 나오는 출력 내용 중 개체 형식을 나타내는 첫 글자 뒤에 오는 9개의 글자가 허가권을 나타낸다. 8가지 문자로 권한을 표현 : r, w, x, -, s, S, t, T r, w, x, - : 일반 권한을 표현하는 문자 s, S, t, T : 특수 권한을 표현하는 문자 r : 읽기 권한 파일 - 파일 내용 읽기 ex) cat, head, tail, more, less, vi로 열었을 때 등 디렉토리 - 디렉토리 내부 목록 확인 ex) ls, GUI 환경에서 폴더로 들어갔을 때 등 w : 쓰기 권한 파일 - 파일 내용 수정 ex) 문서 편집 후 저장, ..
HTML & CSS
CSS(Cascading Style Sheets) Basics [2]
CSS(Cascading Style Sheets) Basics [2]
HTML & CSS
2023.08.16 19:05
Order 플렉스 컨테이너에 나타나는 순서를 제어한다. 기본 값은 0 flex-grow / flex-shrink 플렉스 박스 아이템의 기본 너비를 자동으로 늘어나거나 줄어들도록 해서 행 안에 적절한 너비로 배치되도록 맞추는 기능을 한다. grow속성의 기본 값은 0이다. 음수는 허용되지 않는다. flex-shrink 필요한 경우 플렉스 item이 축소되는 기능을 정의 flex-shrink 속성은 플렉스 박스에 flex-wrap: wrap 속성을 부여한 경우 적용되지 않는다. flex-item에 flex-grow를 0으로 지정, 나머지 요소들의 flex-grow를 다르게 주었다. 실습 flex-item에 flex-shrink를 0을 주고 item-4에만 1을 준 경우 item-4만 줄어들어서 해당 행에 맞..
CSS(Cascading Style Sheets) Basics [1]
CSS(Cascading Style Sheets) Basics [1]
HTML & CSS
2023.08.15 01:00
CSS를 사용하는 방법? HTML 안에서 Style 속성을 이용하는 방법 (인라인 스타일) 태그를 통해 HTML 문서 내부에서 이용하는 방법 (내부 스타일 시트) 별도로 CSS 파일을 분리하여 HTML의 문서에 연결하는 방법 (외부 스타일 시트) 인라인 스타일, 내부 스타일, 외부 스타일 적용이 혼합되어 사용될 경우 어떤 스타일을 적용하나? 인라인 스타일 -> 내부 스타일 시트, 외부 스타일 시트 -> 웹 브라우저 기본 스타일 순서로 우선적용 CSS의 기본 구조 선택자, 프로퍼티, 값 내부 스타일 시트 방식으로 css를 적용 외부 스타일 시트 방식으로 css를 적용 .a-button:hover a-button 요소에 마우스를 가져갔을 때만 적용되는 스타일 .a-button:active a-button 요..
HTML(Hyper Text Markup Language) Basics
HTML(Hyper Text Markup Language) Basics
HTML & CSS
2023.08.14 15:42
태그 (tag) 웹 문서를 구성하는 명령어 꺽새 안에 들어있는 정보를 정의하는 형식 요소의 일부로 시작 태그와 종료 태그 두 종류 종료 태그가 없는 과 같은 태그가 있음(내부에 내용이 필요없음) 요소 (element) 빈 요소 , 내용 없이 구조적인 기능만 하는 요소 블록 요소 h1~h6, div, list, p, ··· 다른 요소를 포함할 수 있는 요소 인라인 요소를 포함할 수 있다. 블록 요소 이후 블록 요소를 사용하면 내용이 세로로 나타난다. margin, padding 값을 가질 수 있다. 인라인 요소 a, span, strong, ··· 인라인 요소는 블록 요소를 포함할 수 없다. 블록 요소 이후 블록 요소를 사용하면 내용이 가로로 나타난다. 너비, 높이 값을 가질 수 없다. index.html..
728x90
반응형
LIST
image