본문 바로가기

GiraffePark522

[백준JS] 2745. 진법 변환 안녕하세요. 박기린 입니다. 백준 2745번 진법 변환 문제를 풀어봅시다. 문제 링크 https://www.acmicpc.net/problem/2745 문제 해석 입력으로 들어오는 값은 N과 B입니다. B는 진법을 나타내며, 최대 36진법까지 입력을 받습니다. N은 'B진법에 해당하는 수' 입니다. 특정 진법을 10진법으로 바꾸는 방법은 위의 그림과 같습니다. 1. 숫자를 자릿수별로 나눕니다. 2. '해당 자릿수의 순서 - 1'값을 진법의 제곱수로 곱합니다. ( 36진법의 4번째 자릿수이면 36 ** 3 ) 3. 2단계에서 계산한 값을 해당 자릿수에 곱합니다. ( Z는 10진법 기준으로 35를 의미합니다 => 35 * (36 ** 3) ) 4. 그렇게 모든 자릿수를 계산한 후, 전부 더하면 10진법으로 .. 2023. 4. 1.
[백준JS] 2563. 색종이 안녕하세요. 박기린 입니다. 백준 2563번 색종이 문제를 풀어봅시다. 문제 링크 https://www.acmicpc.net/problem/2563 문제 해석 1. 100 x 100 사이즈의 도화지가 주어집니다. 2. 색종이가 여러 장이 주어지는데, 모두 10 x 10 사이즈입니다. 3. 색종이가 서로 겹처서 놓아지는 경우가 존재합니다. 그럴 경우 '색종이가 붙은 검은 영역의 넓이'를 구할 때, 겹치는 부분의 넓이도 고려를 해야 합니다. 이 문제는 100 x 100 사이즈의 2차원 배열을 만든 후, 색종이가 놓일 부분의 인덱스를 구해서, 총 인덱스의 개수를 알면 문제가 쉽게 해결이 됩니다. 정답 코드 const fs = require("fs"); const [amount, ...papers] = fs ... 2023. 3. 31.
[RIDI-Journals] 리디북스의 독서노트 글귀를 복사하는 크롬 확장프로그램 안녕하세요. 박기린 입니다. 이번에 직접 [RIDI-Journals]라는 프로그램을 개발하여, 크롬 웹 스토어에 출시를 했습니다. 이 프로그램은 무엇이며, 어떻게 사용하는 지에 대해 알려드리겠습니다. [RIDI-Journals] 다운로드 경로 크롬 웹 스토어 링크 : https://chrome.google.com/webstore/detail/ridi-journals/nnoenkkonhieiadnloppmapbnboabbmh Ridi-Journals Ridi-Journals chrome.google.com 제작동기 & 목적 제작동기 리디북스의 독서노트 글귀들을 따로 모아서 정리하고 싶었는데, 형광펜을 칠한 글귀가 너무 많아 한 번에 복사하려니 문제가 발생했습니다. 1. 복사한 글자의 일부분이 끊겨서 나옵니.. 2023. 3. 30.
[React] 12. CSS 모듈 사용하기 안녕하세요. 박기린 입니다. 이번엔 ReactJS의 스타일링 모듈인 CSS에 대해 알아보겠습니다. css 모듈을 사용하는 이유 모든 React 프로젝트에는 css모듈이 내장되어 있습니다. 기존의 css 파일은 컴포넌트 단위가 아니라 전역 단위로 적용이 되는 탓에 문제가 발생하였고, 이를 해결하기 위해 styled-components라는 외부 모듈을 사용한다고 저번에 소개를 해드렸습니다. 외부 모듈을 설치하는 방법 대신에, React에 내장된 css 모듈을 이용해서 컴포넌트 단위로 스타일링을 할 수 있습니다. css 모듈 사용해보기 import React from "react"; import styles from "./Button.module.css"; const Button = props => { ret.. 2023. 3. 28.
[React] 11. styled-components 사용하기 안녕하세요. 박기린 입니다. 이번엔 ReactJS의 스타일링 모듈인 styled-components에 대해 알아보겠습니다. 공식 사이트 : https://styled-components.com/ styled-components가 필요한 이유 React 프로젝트의 컴포넌트들을 css 파일을 이용해서 스타일링하는 경우, 비록 컴포넌트 파일(js/ts)에서 css 파일을 import해서 사용한다고 해도, 그 css 파일의 스타일을 해당 컴포넌트에만 국한되지 않고 전역으로 적용시킵니다. .form-control { margin: 0.5rem 0; } .form-control label { font-weight: bold; display: block; margin-bottom: 0.5rem; } 예를 들어, 위와.. 2023. 3. 27.
[RIDI-Journals] 사용법 글 최종 작성/수정 일 : 2023.3.30 RIDI-Journals 소개 글 : https://arnopark.tistory.com/629 본 글은 [크롬 확장프로그램 : RIDI-Journals]의 사용 설명서입니다. 프로그램을 여는 방법 이용하시는 크롬 브라우저에 RIDI-Journals 확장프로그램이 설치되고 나면, 크롬 우측 상단(URL 입력 창 옆)에 RI-JOUR 아이콘이 보입니다. 이 아이콘 누르면 프로그램이 켜집니다. ! 설치된 확장프로그램이 여러 개라 아이콘이 보이지 않는 경우, 확장 프로그램 아이콘을 누른 후, Ridi Journal에 Pin을 활성화하면 됩니다. UI 살펴보기 1. '더보기 누르기' 버튼 : 리디 독서노트 페이지에 있는 '20개 더보기' 버튼을 자동으로 끝까지 눌러줍.. 2023. 3. 25.
[백준JS] 1316. 그룹 단어 체커 안녕하세요. 박기린 입니다. 백준 1316번 그룹 단어 체커 문제를 풀어봅시다. 문제 링크 https://www.acmicpc.net/problem/1316 문제 해석 '그룹 단어'라는 말이 이 문제의 핵심 단어입니다. 위의 메모를 살펴보면, - a, b, c의 갯수는 상관 없고 (1개만 있어도 상관 없습니다.) - 같은 글자는 뭉쳐 있어야 하며, 만약 하나라도 떨어져 있으면 그룹 단어가 아닙니다. 정답 코드 const fs = require("fs"); const input = fs.readFileSync("/dev/stdin").toString().trim().split("\n"); const [amount, ...strings] = input; let result = 0; const isGroupW.. 2023. 3. 24.
[우마무스메 - 가챠] 클구리 천장 찍기 안녕하세요. 박기린 입니다. 크리스마스 업데이트 3월 20일 월요일, 우마무스메 한섭에 크리스마스 이벤트가 시작됐습니다. 비록 화이트데이 이벤트가 어울릴 것 같은 시기이지만, 딱히 상관은 없습니다. 클구리가 등장했다는 사실이 더 중요합니다. 클구리 & 비와 하야히데 픽업 크리스마스 코스튬 오구리 캡 & 비와 하야히데가 신규 픽업으로 등장했습니다. 일섭 미래시 여론을 살펴보니, 비와 하야히데는 그닥이라는 평가가 많고, 클구리가 챔미의 강자 & 사기캐라는 평가가 많은 것으로 확인이 됩니다. 선행 또는 추입 개조로 모든 거리의 챔미를 털어버린다는 이야기를 들었습니다. 다만, 당장 있을 사자타리우스배에는 유효픽은 아니라고 합니다. (하지만 선행 접속으로 유효타를 노릴 수 있다고는 합니다.) 하지만 훗날 챔미를 .. 2023. 3. 22.
[원신] 바나라나의 꿈 나무 해금하고 원목 검 레시피 얻기 / 꿈과 나무 안녕하세요. 박기린 입니다. 수메르 풀의 인장 사용 처이자, 원목 검 레시피를 얻을 수 있는, '바라나라의 꿈 나무'를 여는 방법에 대해 알아보겠습니다. 사전 퀘스트 공략 링크 : https://arnopark.tistory.com/622 [원신 - 팁] 숲의 책 1장과 2장 / 낡은 하프 얻기 / 아란나라 / 꿈나무 해방 사전 퀘스트 안녕하세요. 박기린 입니다. 이번엔 수메르의 월드 임무 숲의 책 1장과 2장 아란나라의 세계를 공략해보겠습니다. 이 임무를 통해서 낡은 하프를 얻을 수 있고, 바라나라의 꿈 나무를 해방할 수 arnopark.tistory.com 바나라나의 꿈 나무를 열기 위해선, 숲의 책 2장 - 아란나라의 세계를 클리어 해야만 합니다. 해당 퀘스트는 위 링크를 참고하시면 됩니다. 꿈과 .. 2023. 3. 19.

티스토리툴바