hyesungoh

Written by@hyesungoh
Learning every moment

InstagramGitHubLinkedIn

왜 Virtual DOM 인가?

다양한 게시물에서 React, Virtual DOM의 장점을 성능적인 면만 기술하고 있습니다. 하지만 이는 절대적인 장점이 되지 않는다는 생각을 공유하고자 포스트를 남겨봅니다. Virtual DOM ? Virtual DOM은 React 공식문서에서 다음과 같이 기술되어 있습니다. Virtual DOM (VDOM)은 UI의 이상적인 또는 “가상”적인 표현을…

Svelte - Cannot convert undefined to object Error when using axios

mergeConfig.js:92 Uncaught TypeError: Cannot convert undefined or null to object 문제 Axios의 최신 버전의 svelte 지원 issue라고 한다. 해결 방법 버전으로 다운그레이드하면 해결할 수 있다. 참고 reddit

프로그래머스-타겟-넘버 - Javascript

n개의 정수로 이루어진 배열과 한 개의 정수가 주어질 때, 배열에 구성된 숫자들은 더하기 혹은 빼기로 모두 조합하였을 때 주어진 한 개의 정수가 되는 경우의 수를 반환하는 문제. 재귀적으로 탐색, 탐색이 종료됐을 시 조건에 부합하면 증감하여 풀었다.

프로그래머스-가장-큰-수 - Javascript

문자열로 변환 후, 더한 값을 기준으로 정렬하여 풀었다.

프로그래머스-기능개발 - Javascript

배열의 첫 번째 기능이 완성되는 것을 기준으로 날짜 값을 증감 후, 조건이 달성될 시 shift를 이용하여 계속 첫 번째 값과 증감된 날짜를 기준으로 풀었다.

State pattern with TypeScript

본 게시물은 를 기반으로 공부한 것을 정리하며 Typescript로 재작성해본 내용입니다. State 패턴이란 ? 는 상태를 의미합니다. state 패턴이란 사물이나 모양이나 형편등의 를 클래스로 나타내는 패턴입니다. 예제 프로그램 예제 프로그램은 금고경비 시스템이며 아래의 조건이 있습니다. 1초에 1시간이 흐름 금고사용 버튼, 비상벨, 일반통화용 버튼이…

Javascript의 Deep한 깊은 복사

다음 출력 결과는 무엇일까 ? 일 줄 알으셨던 분은 아래 글을 읽으시면 도움이 될 것 같습니다. 얕은 복사, 깊은 복사 ? 얕은 복사는 객체를 직접 대입 해, 의 주소를 가지도록 복사하는 것입니다. 위 예제처럼 의 값을 바꾸었는데, 의 값도 바뀐 것을 확인할 수 있습니다. 복사는 얕은 복사와 반대로, 해당 데이터 주소의 데이터만 복사해서 사용하는 것을 …

Mediator pattern with TypeScript

본 게시물은 를 기반으로 공부한 것을 정리하며 Typescript로 재작성해본 내용입니다. Mediator 패턴이란 ? 는 중개인, 조정자를 의미합니다. 100명의 회원이 함께 프로젝트를 하고 있을 때, 모든 회원이 각 회원들에게 서로 지시를 내리는 상황은 매우 혼란스럽니다. 하지만, 1명의 가 등장하여 이 중개인에게만 보고를 하고, 중개자인이 회원에게 …

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…