싹도 트지 않은 씨앗 개발자

개요yarn add @aws-sdk/client-s3Next.js 프로젝트에 aws-sdk(v3) 설치하여 클라이언트에서 S3 관련 작업을 수행하는 경우, peer dependency에 해당하는 모듈을 참조할 수 없습니다.패키지 매니저: yarn 4.4.1 (3.7.0 정도의 버전을 사용하였을 때에도 동일한 오류 발생)Next.js: 13https://docs.aws.amazon.com/sdk-for-javascript/v3/developer-guide/getting-started-nodejs.html원인(추정)node.js(서버) 환경에서 동작하는 것을 목표로 개발된 sdk이기 때문에 브라우저에서 사용 시 코드가 온전히 실행되지 않거나,Next.js 13 사용 시 common js, es module ..

개요기존에 clip-path: rect로 작성된 코드가 일부 브라우저에서 제대로 동작하지 않습니다.주어진 인자에 따라 사각형의 형태로 영역이 잘려야 하나, 예상과 달리 전부 잘려서 아무것도 보이지 않는 상태가 됩니다.2024년 9월 18일 현재 구글 크롬 브라우저, 마이크로소프트 엣지 브라우저로 아래의 링크 접속 시 rect 예제가 제대로 보이지 않습니다. 반면, 파이어폭스 브라우저에서는 이미지가 보입니다.아래는 MDN clip-path 문서입니다. clip-path - CSS: Cascading Style Sheets | MDNThe clip-path CSS property creates a clipping region that sets what part of an element should be sh..

타임스탬프기본적으로 UNIX 타임스탬프는 1970년 1월 1일로부터 얼마나 시간이 경과하였는지를 나타내는 절대적인 지표입니다. 기준이 되는 표준 시간대는 UTC.기초적인 설명은 다른 곳에도 많고 기술서를 보는 게 훨씬 정확하므로 이 정도만 하고 실제 사용 시 헷갈릴 수 있는 내용만 정리하고자 합니다.표준 시간대의 반영표준 시간대의 활용은 크게 두 가지 방법이 있습니다.문자열로부터 날짜 및 시각 데이터를 얻을 때 해당 문자열의 해석 기준이 되는 표준 시간대로서 사용하는 경우(실제 타임스탬프가 달라짐)타임스탬프를 표시할 기준이 되는 표준 시간대를 설정하는 경우(해당 시각의 표현만 달라짐)시각의 표시는 ISO 8601 형식을 따르며, 문자열의 끝에 Z가 붙은 경우 UTC, ±hh:mm 형태의 문자열이 붙은 경..

목적시스템의 표준 시간대 설정을 변경하지 않고 특정 표준 시간대를 적용하여 프로세스를 실행합니다.표준 시간대 변경이 필요한 경우배포 환경의 시스템 표준 시간대는 UTC이고 현재 작업중인 시스템의 표준 시간대는 Asia/Seoul(UTC+9)인 상태에서 배포 환경을 기준으로 로컬 환경의 프로그램을 동작해 보고 싶은 경우일반적인 방법시스템 설정 - 시간 및 언어 관련 메뉴에 진입하여 시스템 자체의 표준 시간대를 변경합니다.표준 시간대의 임시 변경 방법# TZ=UTCTZ= 간단하게 확인해 봅시다. 표준 시간대 변경 부분이 command 앞에 와야 합니다.한 줄짜리 프로그램을 작성하였습니다. UTC와 현재 적용되는 표준 시간대의 차이를 출력하는 함수입니다.// index.jsconsole.log(new Date..

문제프레임 단위로 export된 이미지가 보이는 대로 저장되지 않고 여백을 함께 출력합니다.해결drop-shadow, blur 등 프레임 외부 영역에 표시되는 옵션을 내보내기 대상 프레임으로부터 숨김 또는 제거하여 보이지 않는 상태로 내려받습니다.이미지 내보내기 시 프레임에 적용된 효과까지 함께 계산되어 저장되므로, 프레임의 콘텐츠만 깔끔하게 저장하고 싶다면 위의 효과들을 제거한 상태로 내보내기를 실행해야 합니다.가령 그림자 효과를 css로 구현할 예정인 경우에는 그림자 효과가 적용된 이미지를 저장해야 할 이유가 전혀 없습니다. 따라서 디자인 상으로 그림자가 표현되어 있다면, 실제로 사용하기 위해 내려받을 때에는 해당 효과를 숨긴 상태로 내려받아야 합니다.덧프로그램은 잘못이 없었습니다. 참고좌표값이 정수..

다음은 주어진 문자열로부터 C-, C0, C+, B-, B0, B+, A-, A0, A+를 매칭시키는 코드입니다. 정규 표현식을 활용합니다.const input = 'A+B-C0';const scores = input.match(/[ABC][0-+]/g); // ['A+', 'B-', 'C0']하지만 위의 코드를 실행하면 SyntaxError를 뱉어냅니다.잘못된 부분은 두 번째 위치의 문자를 매칭하기 위해 사용한 [0-+] 부분입니다.대괄호에 대하여 간단하게 설명하고 넘어가자면, 대괄호 안에 있는 문자열은 OR처럼 작동하여 해당 위치의 문자가 대괄호 안에 주어진 값들 중 하나인 경우에만 패턴이 일치됨을 나타냅니다.[ABC]를 예로 들어 설명하면 문자열의 해당 자리가 A, B, C 중 하나일 때 일치됨을 ..

스트릭 그래프에 처음으로 흔적을 남기고 1년이 되었습니다. 제대로 자리잡은 건 9월부터이긴 하지만요. 레이팅 10월 목표: 골드 연말 목표: 플래티넘 티어는 어느 정도 수렴해서 더 올리기는 힘들 것 같고 다이아 난이도 문제도 언젠가 하나쯤은 풀어보고 싶은데 지금 상태로는 어떻게 될지 모르겠습니다. 한 가지 재미있는 사실은 실버 문제를 하나도 못 풀어도 실버에 도달할 수 있고, 골드 문제를 하나도 못 풀어도 골드에 도달할 수 있고, 플래티넘 문제를 하나도 못 풀어도 플래티넘에는 도달할 수 있다는 점입니다. 스트릭 2024년 4월 16일이라 당연히 2023년 4월 17일 스트릭부터 보일 줄 알았는데 2월 29일이 있어서 그런지 하나가 잘렸습니다. 날짜별로 해결한 최고 난이도 그래프로 보면 아래와 같습니다. ..

forEach forEach 메서드는 Array, Set, Map 자료형이 가지는 요소 순회 메서드입니다. 모든 요소에 대하여 주어진 콜백 함수를 호출하게 되며, forEach 자체적으로 순회를 종료시킬 수 있는 방법은 없습니다. 그럼에도 불구하고 순회를 종료하고 싶다면 대안은 있습니다. 1. 말 그대로 forEach 순회 자체를 종료시키는 방법입니다. 특정 조건을 만족했을 때, 에러를 throw하도록 콜백 함수 설계 try - catch 문 사용 2. 순회 자체를 종료할 수는 없으나 추가 작업의 실행을 제한하는 방법입니다. 특정 조건을 만족했을 때, 작업을 수행하지 않고 return하도록 콜백 함수 설계 1. 멈출 수 없다면 부숴버리겠어(try - catch) 프로그램 동작 중 오류를 throw하면 프..

Github 2단계 인증 의무화 Raising the bar for software security: GitHub 2FA begins March 13 On March 13, we will officially begin rolling out our initiative to require all developers who contribute code on GitHub.com to enable one or more forms of two-factor authentication (2FA) by the end of 2023. Read on to learn about what the process entails github.blog 작년에 채택된 Github 정책에 의하여 점진적으로 모든 사용자에게 2단계 인증을 ..

문제 MathJax를 사용하여 Latex 수식의 변환을 시도하였으나 일부 수식이 제대로 변환되지 않습니다. 원인 변환되지 않는 수식을 개발자 도구로 검사한 결과, 한 줄로 입력한 내용이 서로 다른 span 요소 또는 텍스트 노드로 사분오열되어 입력되어 있는 것을 발견하였습니다. 이러한 요소의 분리는 스타일이 적용되는 경우에 일어납니다. 텍스트 에디터로부터 비롯된 문제로 볼 수 있습니다. 해결 글쓰기 옵션 중 가장 우측에서 HTML 모드로 접근합니다. 수식의 중간에 중첩된 태그가 사용되지 않도록 제거합니다. 또는, 수식 전체를 다시 입력합니다. 제 경우, 수식에 인용문을 지정했다가 해제하는 과정에서 해당 부분에 스타일이 추가되었고, 작성된 식의 일부분을 복사하여 활용함에 따라 스타일을 유지한 채 새로운 태..