우파루파의 개발 기록

안녕하세요. 이번 문제는 프로그래머스의 120812번 입니다. 최빈값을 구하는 문제입니다. 문제 코드 def solution(array): d=dict() r=[] for i in range(len(array)): v = array[i] if v in d: d[v] = d[v] + 1 else: d[v] = 1 if len(r) > 0: if v in r or d[r[len(r)-1]] 1 else r[len(r)-1] 알고리즘 캔버스 아이디어 각 값마다의 빈도를 저장하는 dict(이하 d)와 현재 최빈값을 저장하는 ar..

안녕하세요. 이번 문제는 백준의 11047번 입니다. 그리디 알고리즘을 사용해 푸는 문제입니다. 저는 요즘 푸는 문제들은 `알고리즘 디자인 캔버스(이하 캔버스)`를 제게 더욱 잘 맞게 수정해서, 템플릿화 시켜서 사용하고 있습니다. 그래서 해당 문제도 캔버스에 적어가며 풀었습니다. 문제 정리에 도움이 되는 것 같습니다. 참고로 그리디 알고리즘이란 매 상황에서의 가장 좋은 선택지를 고르는 알고리즘입니다. 그래서 특정 조건을 충족하지 않으면 일반적으로 최적의 해가 되기는 어렵습니다. 최적 값의 '근사값'이 목표입니다. 다음이 문제입니다. 실버 4 단계네요. 문제 코드 n, k = map(int, input().split()) n_l = list(map(int, [input() for i in range(n)]..

안녕하세요. 오늘은 제가 프로필 페이지를 제작하면서 만들었던 간단한 타이핑 애니메이션에 대해 포스팅하려고 합니다. 정말 간단한 애니메이션인데, 혹시나 비슷한 걸 만들고자 하시는 분께 도움이 되고자 간략하게 포스팅 해봅니다. 1. UI 제작하기 이번 프로젝트에선 기본적으로 React 프로젝트가 준비되어 있다는 가정 하에 진행하도록 하겠습니다. 우선, 타이핑 애니메이션 이전에 보여지고픈 UI를 제작해줍니다. // ... const MainTitle = styled.div` text-align: left; font-weight: 500; margin: 2rem 0; line-height: 1; font-size: 7rem; position: relative; display: flex; align-items: ..

안녕하세요. 오늘은 제가 가장 최근까지 좋아하는, 빡센 규정은 아니지만 적당한 규정의 ESLint/Prettier 설정에 대해 공유하려고 합니다. 프로젝트를 시작할 때 린터와 포매터를 설정하는 것이 의외로 오래 걸리는 과정 중 하나인데요. 그래서 겸사겸사 저도 기록하는 용도로 간단하게 적어보고자 합니다. 참고로 린터와 포매터의 개념에 대한 글은 이전에 적어둔 글이 있어 달아두기만 하겠습니다. 1. Package install 가장 우선적으로 prettier와 eslint의 본체와 플러그인을 다운 받아야 합니다. 다만 CRA로 만들어진 React 프로젝트의 경우, 본 링크에서 확인할 수 있듯이 기본적인 eslint plugin들을 이미 포함하고 있습니다. 보통 CRA로 프로젝트를 생성하는 경우가 많기 때문..

안녕하세요. Termius 앱에서 ssh를 통해 EC2 instance에 접근하는 방법을 속성으로 알아보겠습니다. 제가 사용했던 방법에 대한 기록이기 때문에, 한정된 상황을 가정하고 접근한다는 것은 이해 부탁드립니다. 우선 termius 앱이 깔려있고, 접근할 수 있는 SSH private key가 있다는 가정입니다. 1. EC2에서 서버 주소 확인하기 EC2 console 창으로 들어가 접속하고자 하는 인스턴스를 클릭합니다. 이후 상세 설명에 나오는 퍼블릭 IPv4 DNS 주소 또는 퍼블릭 IPv4 주소를 복사합니다. 2. Termius에서 서버 추가하기 우선 Termius를 실행하고, 왼쪽 상단의 Add dropdown 버튼을 클릭해줍니다. 그리고 New host 버튼을 클릭합니다. 그 다음, 오른쪽..

안녕하세요. 최근 Gatsby로 자기소개 페이지를 간단하게 기획해서 배포까지 완료했었는데요. Gatsby + Typescript 스펙을 주로, 스타일 라이브러리로는 styled-components를 사용했습니다. 그런데 이게 Gatsby에선 기본 React프로젝트와는 설정 방식에 살짝 차이가 있어서 이곳저곳 찾아보면서 진행했었는데요. 아마도 써놓지 않으면 잊을 수 있기 때문에! 간단하게 기록해두겠습니다. 추가적으로 누군가에게 도움도 됐으면 좋겠습니다. 1. 패키지 설치 일단 기본적으로 Gatsby 프로젝트 자체가 생성되어 있다는 전제로 진행합니다. (+ npm 사용) styled-components와 관련된 패키지부터 설치해주도록 합니다. npm install styled-components @types..

안녕하세요. 이번 문제는 프로그래머스 2단계 - JadenCase 문자열 만들기 입니다. 정답률 81%의 쉬운 문제입니다. Jaden case라는 말을 이번 문제를 풀이하면서 처음 접해봤습니다. 견문을 넓힌 것 같아 기분이 좋습니다. 덤으로 이번 문제는 풀이 했더니 11점을 주더라구요. 아주 기분이 좋습니다. function solution(s) { let newWord = true; let result = ""; for (let i = 0; i < s.length; i ++) { const word = s[i]; if (word === " ") { result += word; newWord = true; } else { if (!isNaN(Number(word))) { result += word; } ..

안녕하세요. 이번 문제는 프로그래머스 2단계 - 가장 큰 수 입니다. 이번 문제는 빠른 정렬 알고리즘 중 하나인 퀵 소트를 사용해 풀어보려고 노력 했습니다. 이번 문제는 정렬 자체를 구현(In-place 방식은 아니지만..)하는 것은 쉬웠지만, 비교 식을 어떤식으로 잡아야 할 지에서 고민을 많이 했습니다. 풀이 후, 13점이라는 점수를 받아 기분이 좋았습니다. function quickSort(origin) { if (origin.length < 2) { return origin; } const left = []; const right = []; const [pivot] = origin; for (let i=1; i String(data) || "0")); if (answer[0] == '0') retu..