hyesungoh

Learning every moment

TypeScript React - Prompt message location TypeError

문제 custom prompt를 개발하는 중, 위 코드의 message에 해당하는 부분이 에러 발생 Type ‘Location’ is missing the following properties from type ‘Location’: ancestorOrigins, host, hostname, href, and 6 more. 은 보다 속성 몇가지가 없다고 한…

React AWS S3, Cloudfront 배포자동화 w/ github actions

React (CRA) 프로젝트를 AWS S3에 배포하고 Cloudfront를 이용해 CDN에 올려두었습니다. 개발자가 특정 상황에 에 스크립트를 작성하여 배포할 수도 있지만, 를 통해 맛본 배포자동화의 맛을 잊지 못해 을 이용하여 배포자동화 환경을 구성한 결과물을 공유하고자 합니다. 결과물 Github Action Trigger 에 가 일어났을 때 Tri…

Visitor pattern with TypeScript

본 게시물은 를 기반으로 공부한 것을 정리하며 Typescript로 재작성해본 내용입니다. Visitor 패턴이란 ? 은 방문자를 의미한다. 데이터 구조 안에 많은 요소가 저장되어 있고, 각 요소에 대해서 어떤 를 해야될 때 해당 처리의 코드는 어디에 써야할까 ? 일반적으로 데이터 구조를 표현하는 클래스 안에 기술할 것이다. 하지만 처리의 종류가 여러개거…

내가 Intersection Observer 사용하는 방법

Intersection Observer ? , 등 특정 요소가 보이는지 감지하는 것은 다양한 이유로써 사용된다. 이를 위해 단순 scroll을 감지하여 사용할 수도 있지만, 성능적인 문제로 사용을 권장한다. MDN에서는 Intersection Observer를 다음과 같이 설명한다. Intersection Observer API 의 Intersecti…

프로그래머스-체육복 - Javascript

n명의 학생, 체육복을 잃어버린 학생들의 번호 lost, 여분의 체육복을 가진 학생들의 번호 reserve가 주어지며 자신의 앞뒤 번호에게만 체육복을 빌려줄 수 있을 때, 가장 많은 학생들이 체육복을 입을 때의 학생 수를 반환하는 문제. 배열에 학생별 체육복의 수를 저장한 뒤, 2개의 체육복을 가진 학생일 때 앞, 뒤 순서로 빌려주어 풀었다. 간단한 그리…

프로그래머스-3진법-뒤집기 - Javascript

정수를 입력받은 후, 3진수로 바꾸고 뒤집은 다음, 다시 10진수 정수로 반환하는 문제. 을 이용하여 3진법으로 변환, 의 문법을 이용하여 풀었다.

프로그래머스-약수의-개수와-덧셈 - Javascript

주어진 정수 두개의 사이 숫자들의 약수가 홀수인 경우 빼고, 짝수인 경우 더한 값을 반환하는 문제. 첫 풀이는 약수를 담은 배열을 이용하여 풀었다. 두 번째 풀이는 제곱근이 정수일 때, 약수의 개수가 홀수인 것을 이용해여 풀었으며, 세 번째 풀이는 이를 이용하여 숏코딩하였다.

프로그래머스-문자열-다루기-기본 - Javascript

숫자 혹은 문자로 이루어진 문자열이 주어진다. 이 수가 길이가 4 혹은 6이며 숫자로만 이루졌을 때 true를, 아닐 시 false를 반환하는 문제. 첫 풀이는 을 활용하여 풀었으나 프로그래머스 상에서는 통과하지만 로컬에서 테스트했을 때는 지수인 경우에 통과하지 못했다. 두 번째 풀이는 연산자를 이용하여 풀었다.

프로그래머스-2016년 - Javascript

월, 일이 주어졌을 때 2016년의 해당 날짜는 무슨 요일인지 반환하는 문제. 요일과 각 월별 일수를 이용하여 진행된 일수를 이용해 풀었다.

프로그래머스-자연수-뒤집어-배열로-만들기 - Javascript

정수 n이 주어진 후, 해당 정수를 정수로 이루어진 배열로 만든 후 뒤집은 배열을 반환하는 문제. 을 이용하여 풀었다.