싹도 트지 않은 씨앗 개발자

[git] 실수로 git stash drop했을 때 되돌리는 방법

잠시 우선 순위가 밀렸던 작업을 처리하기 위해 기분 좋게 커맨드를 입력한다. 머리는 git stash pop...을 생각하고 있으나 손은 git stash drop을 입력하고 엔터를 누른다.머릿속을 스치는 지난 시간의 기억. 철렁 내려앉는 가슴. 실수로 stash 내역을 drop했을 때 복구하는 방법을 공유하고자 합니다. 꼭 실수가 아니더라도 당장 필요하지 않을 것 같아서 과감히 drop했던 변경사항이 나중에 필요해지는 경우도 있을 수 있으니 알고 있으면 나쁘지 않을 것 같습니다.git stash apply git stash drop 명령어를 실행하면 drop된 stash의 해시가 출력됩니다. 이 해시를 그대로 복사해서 git stash apply를 실행시키면 해당 stash에 기록된 변경사항을 적용할 ..

Lifecycle Script란?Lifecycle Script란 특정 커맨드의 실행과 연계하여 전후에 실행되는 스크립트를 의미합니다.개요npm은 특정 스크립트의 실행 전후에 다른 스크립트를 연계하여 사용할 수 있도록 pre, post 스크립트의 작성을 지원하고 있습니다. pre는 실행 시 자동으로 에 앞서 실행되며, post는 실행 시 실행 이후에 실행됩니다.예를 들어, package.json의 scripts 항목을 다음과 같이 작성합니다.{ "scripts": { "prestart": "echo 'start 실행 준비중입니다.'", "start": "node index.js", "poststart": "echo 'start 실행을 완료하였습니다.'" }}// index.jsco..

실수로 명령어를 전부 적지 않고 "npm install -g"만 입력한 상태로 엔터를 눌렀으나, 하나의 패키지가 설치되었습니다. 이것의 정체가 무엇인지 확인하고 넘어가고자 합니다.결과만 짧게 적자면 현재 작업 디렉토리(CWD)에 package.json이 있는 경우에 해당 패키지를 전역에 설치합니다.npm help installnpm help 를 터미널에 입력하면 터미널로 각 명령어에 대한 문서를 확인할 수 있습니다. 해당 문서에서 손쉽게 원하는 답을 찾을 수 있었습니다.다음은 npm help install 문서의 내용 일부 발췌 •   npm install (in a package directory, no arguments):        Install the dependencies to the loca..

개요Math.hypot 함수는 가변적인 개수의 number 타입의 값을 인자로 전달받아 다음의 관계를 만족하는 k를 반환한다.\(\sum_{i=1}^{n}v^{2} = k^{2} \)Math.hypot()hypot은 삼각형의 빗변을 의미하는 hypotenuse를 줄인 단어이다. 직각 삼각형의 빗변이 아닌 a, b의 길이를 이용하여 빗변 c의 길이를 구하는 피타고라스 방정식은 다음과 같다.\(a^{2} + b^{2} = c^{2} \)피타고라스 방정식으로부터 생각하면 Math.hypot 함수는 number 타입의 a, b를 전달받아서 c에 해당하는 값을 반환하는 함수이다. 특이한 점으로는 입력할 수 있는 number의 개수가 2개로 고정되어 있지 않다는 점이다.인자를 하나만 입력하면 절댓값 함수인 Math..

개요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..

npm을 이용하여 puppeteer 패키지 다운로드puppeteer를 사용하는 스크립트 작성스크립트 실행puppeteer 메인페이지에 있는 예제만 간단하게 실행해 보려 하였는데 실행이 안 됩니다.웬만해서는 프로젝트의 dependency만 관리하면 되는 node 프로젝트이지만, puppeteer의 경우 브라우저를 실행하는 방식으로 작동하므로 시스템 상으로 갖추어야 할 요구사항이 있습니다.위의 오류는 시스템에 설치되어 있어야 하는 파일들이 설치되어 있지 않아서 발생한 문제입니다.해결아래 명령어를 실행하여 필요한 파일을 시스템에 설치합니다.sudo apt-get install libatk1.0-0 libatk-bridge2.0-0 libcups2 libxkbcommon-x11-0 libxcomposite1 l..

타임스탬프기본적으로 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로 구현할 예정인 경우에는 그림자 효과가 적용된 이미지를 저장해야 할 이유가 전혀 없습니다. 따라서 디자인 상으로 그림자가 표현되어 있다면, 실제로 사용하기 위해 내려받을 때에는 해당 효과를 숨긴 상태로 내려받아야 합니다.덧프로그램은 잘못이 없었습니다. 참고좌표값이 정수..