본문 바로가기
반응형

분류 전체보기1062

리액트 - 크롬 확장 프로그램에서 현재 페이지 변경하기 (Chrome Extension Script Injection) 리액트 전체 링크 참고- 크롬 확장 프로그램 사이드 패널 만들기- 크롬 확장 프로그램에서 현재 페이지의 URL과 HTML 가져오기- 크롬 확장 프로그램에서 현재 페이지 변경하기 크롬 확장 프로그램에서 Highlight 버튼을 클릭하면, button과 a tag를 아래와 같이 바꾸도록 해보자.highlight.js 추가 public/highlight.js에 아래 코드를 추가한다.button과 a tag를 모두 찾아서 border 스타일을 변경하였다.(() => { const hElements = document.querySelectorAll("button, a"); hElements.forEach((el) => { el.style.border = "2px solid red"; });})();Ap.. 2025. 2. 2.
리액트 - 크롬 확장 프로그램에서 현재 페이지의 URL과 HTML 가져오기 (Retrieve URL and HTML of the Current Page in a Chrome Extension) 리액트 전체 링크 참고- 크롬 확장 프로그램 사이드 패널 만들기- 크롬 확장 프로그램에서 현재 페이지의 URL과 HTML 가져오기- 크롬 확장 프로그램에서 현재 페이지 변경하기 이전 글에 이어 버튼을 클릭할 경우, 다음과 같이 현재 페이지의 URL과 HTML을 출력해 보자.manifest.json 수정 크롬 확장 프로그램이 특정 페이지에서 동작하도록 권한을 추가한다. 아래 옵션은 모든 URL에 접근이 가능하다는 뜻이 된다."host_permissions": [""] 그리고 permissions에서 activeTab을 추가한다. "permissions": ["storage", "scripting", "tabs", "sidePanel", "notifications", "activeTab"],eslintrc.. 2025. 1. 10.
리액트 - 크롬 확장 프로그램 사이드 패널 만들기 (React Chrome Extension Side Panel Example) 리액트 전체 링크 참고- 크롬 확장 프로그램 사이드 패널 만들기- 크롬 확장 프로그램에서 현재 페이지의 URL과 HTML 가져오기- 크롬 확장 프로그램에서 현재 페이지 변경하기 다음과 같이 리액트 Application을 크롬 확장 프로그램의 사이드 패널로 만들어보자.파일 추가 public 폴더에 manifest.json, background.js를 추가한다. public/manifest.json{ "manifest_version": 3, "name": "React Side Panel Extension", "version": "1.0", "description": "React app in Chrome Side Panel", "permissions": ["storage", "scripting", ".. 2025. 1. 6.
[Kaggle] Pandas Profiling 사용방법 타이타닉 데이터를 로드한 후,import numpy as np # linear algebraimport pandas as pd # data processing, CSV file I/O (e.g. pd.read_csv)# 타이타닉 데이터 로드url = "https://raw.githubusercontent.com/datasciencedojo/datasets/master/titanic.csv"data = pd.read_csv(url)data.head() pandas_profiling을 import하면import pandas_profilingdata.profile_report() 아래와 같은 에러가 발생하게 된다.PydanticImportError: `BaseSettings` has been moved to .. 2025. 1. 5.
[코드트리] 코드트리 등산 게임 (삼성 SW 역량테스트 2024 하반기 오후 2번, B형) SW 역량테스트 합격하기 A형 강의 오픈!! (인프런 바로가기) 삼성 A형 전체 링크삼성 B형 전체 링크 2022 하반기 이후 문제 풀이 시간이 3시간 → 4시간으로 변경,A형 1문제 + B형 문제 1문제가 출제됩니다. 참고 - BOJ 10828 : 스택- BOJ 12015 : 가장 긴 증가하는 부분 수열 2 https://www.codetree.ai/training-field/frequent-problems/problems/%08codetree-mountain-climbing-games 이 문제는 산의 높이가 주어질 때,등산가는 현재 위치보다 오른쪽에 위치한 산 중, 현재 산 보다 높은 산으로만 움직일 수 있다.케이블 카가 없다면, 가장 긴 증가하는 부분 수열(LIS, Longest Increasing.. 2024. 12. 20.
BOJ 12015 : 가장 긴 증가하는 부분 수열 2 알고리즘 문제 전체 링크삼성 B형 전체 링크 https://www.acmicpc.net/problem/12015 참고- BOJ 1655 : 가운데를 말해요 with 세그먼트 트리  수열 A의 크기는 1,000,000이고 들어 있는 값은 1부터 1,000,000이므로 세그먼트 트리를 이용해서 문제를 풀 수 있다. 예제의 {10, 20, 10, 30, 20, 50}에서가장 긴 증가하는 부분 수열(LIS, Longest Increasing Subsequence)의 길이 4를 찾아보자. 수열에 값이 하나가 추가될 때마다, LIS의 길이를 세그먼트 트리를 이용해서 갱신하면 문제를 풀 수 있다.값 x가 추가되고, 구간 [1, x - 1]의 LIS의 길이가 y라면 구간 [1, x]의 LIS의 길이는 y + 1이 된다.. 2024. 12. 20.
[코드트리] 메두사와 전사들 (삼성 SW 역량테스트 2024 하반기 오후 1번) A형 필수 알고리즘을 체계적으로 배우고 싶다면? (인프런 바로가기) 삼성 A형 전체 링크  참고- 코드트리 빵 (삼성 SW 역량테스트 2022 하반기 오후 1번)- 메이즈 러너 (삼성 SW 역량테스트 2023 상반기 오후 1번) https://www.codetree.ai/training-field/frequent-problems/problems/medusa-and-warriors MAP의 크기는 MAX_N, 전사의 최대 수는 MAX_M, 도로가 아닌 곳은 WALL로 표기한다.#define MAX_N (50 + 5)#define MAX_M (300 + 30)#define WALL (1) 메두사의 시야에 포함되는 정보는 다음과 같이 표기한다.#define VISION (1) // 시야에 포함#define W.. 2024. 12. 20.
[코드트리] 코드트리 DB (삼성 SW 역량테스트 2024 하반기 오전 2번, B형) SW 역량테스트 합격하기 A형 강의 오픈!! (인프런 바로가기) 삼성 A형 전체 링크삼성 B형 전체 링크 2022 하반기 이후 문제 풀이 시간이 3시간 → 4시간으로 변경,A형 1문제 + B형 문제 1문제가 출제됩니다. 참고 - 산타의 선물 공장- 구간 합 구하기 with 탑 다운 세그먼트 트리 (Top-Down Segment Tree)- 구간 합 구하기 with 다이나믹 세그먼트 트리 (Dynamic Segment Tree)- BOJ 1655 : 가운데를 말해요 with 세그먼트 트리 https://www.codetree.ai/training-field/frequent-problems/problems/codetree-db 문제를 요약하면 다음과 같다. init- 테이블을 초기화 한다.테이블은 unord.. 2024. 12. 20.
[코드트리] 미지의 공간 탈출 (삼성 SW 역량테스트 2024 하반기 오전 1번) A형 필수 알고리즘을 체계적으로 배우고 싶다면? (인프런 바로가기) 삼성 A형 전체 링크  참고- BOJ 2206 : 벽 부수고 이동하기 https://www.codetree.ai/training-field/frequent-problems/problems/escape-unknown-space 문제에서 정의된 값을 다음과 같이 define 한다.EAST ~ NORTH는 큐브의 각 옆면을 의미하고, TOP은 큐브의 위, BOTTOM은 미지의 공간이 된다.#define EAST (0)#define WEST (1)#define SOUTH (2)#define NORTH (3)#define TOP (4)#define BOTTOM (5)#define EMPTY (0)#define WALL (1)#define TIME.. 2024. 10. 17.
반응형