moonscode

NodeJS 17 버전 달라진 점 # OpenSSL 3.0 17버전 부터 OpenSSL을 포함합니다. 관련 설정을 진행하지 않으면 서버 실행에 문제가 있을 수 있습니다. 17버전부터 "ERR_OSSL_EVP_UNSUPPORTED"에러를 만났다면, OpenSSL 설정이 올바르지 않을 수 있습니다. 이 문제를 해결하기 위해 "--openssl-legacy-provider" 옵션을 제공합니다. 임시로 이전 OpenSSL 설정으로 돌리는 옵션입니다. https://nodejs.org/es/blog/release/v17.0.0/ Node v17.0.0 (Current) | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine..

1. 환경설정 'cross-env' cross-env는 크로스 플랫폼(Cross-platform)에서 환경 변수를 설정할 때 사용하는 npm 패키지입니다. Node.js 프로젝트를 개발할 때, 환경 변수를 사용하면 애플리케이션의 동작 방식을 변경하거나, 개발, 빌드, 운영 환경을 구분할 수 있습니다. 하지만, Windows와 Unix 계열의 운영 체제에서 환경 변수의 설정 방식이 다릅니다. cross-env를 사용하면, 이러한 플랫폼 간의 차이를 보완하여, 플랫폼에 구애받지 않고 환경 변수를 설정할 수 있습니다. 예를 들어, 환경 변수 NODE_ENV를 development로 설정하는 명령어는 다음과 같습니다. cross-env NODE_ENV=development cross-env를 사용하면, 이 명령..

HTTP 301 응답 코드는 "Moved Permanently"라는 의미로, 웹 페이지의 URL이 영구적으로 변경되었음을 알려주는 코드입니다. 웹 브라우저는 이 코드를 받으면, 사용자가 요청한 페이지의 URL을 변경된 URL로 자동으로 업데이트합니다. 검색 엔진은 이 코드를 받으면, 검색 색인에서 변경된 URL로 업데이트하여, 검색 결과에서 예전 URL로 링크된 페이지가 더 이상 존재하지 않는 것을 방지합니다. 301 응답 코드는 웹 페이지 URL이 변경될 때, 검색 엔진 최적화(SEO)를 위해서 사용됩니다. 웹 페이지의 URL이 변경되었지만, 검색 엔진 최적화를 고려하지 않으면 검색 결과에서 링크된 페이지가 없다는 오류 메시지와 함께 페이지 순위가 저하될 수 있습니다. 로그인이 안된 상황에서 로그인 페..

stash 저장하기 git stash stash 목록보기 git stash list stash 불러오기 git stash pop git stash apply stash@{1} stash 실행취소 git stash pop 과정에서 충돌이 발생했다면 pop된 stash는 목록에 남아있습니다. git reset HEAD . git stash

revert는 reset과 달리 커밋을 되돌리는것이 아닌 새로운 커밋을 추가하여 소스코드를 되돌립니다. # revert된 내용이 commit 히스토리에 남습니다. git revert # 2개 이상의 commit을 revert 합니다. revert된 내용이 각각 commit 히스토리에 남습니다. git revert .. # --no-commit 옵션을 사용하면 revert된 내용이 바로 commit에 남지 않아 직접 commit 메시지를 기록할 수 있습니다. git revert --no-commit git commit -m git push

rel - icon - shortcut icon - apple-touch-icon - 홈버튼 아이콘 (고해상도 아이콘을 자동으로 변환하여 사용 152x152) - apple-touch-icon-precomposed - 홈버튼 스타일효과 사용안함 ios가 지원하는 속성 - apple-touch-icon - apple-touch-startup-image - apple-mobile-web-app-capable - WebApp 선언하여 브라우저의 URL바를 안보이도록 설정 - apple-mobile-web-app-status-bar-style - 상태바의 색상을 지정

[window] history back & forward & go - history.back() - history.forward() - history.go(index) push & replace - pushState (현재 주소를 변경하고 historyStack에 쌓입니다.) - replaceState (현재 주소를 변경하지만 historyStack에 쌓이지 않습니다.) popstate https://developer.mozilla.org/ko/docs/Web/API/Window/popstate_event - back, forward, go에 trigger 되지만, push, replace에 trigger되지 않습니다. [Nextjs] router

Stage 올리고 내리기 아래 명령어를 정리했지만, Stage & Unstage를 처리하는 건 IDE의 기능을 이용하는 것이 훨씬 간편합니다. 변경파일 모두 스테이지 올리기 git add . 변경파일중 일부만 스테이지 올리기 git add ... git add ... 스테이지 파일 되돌리기 git reset HEAD git reset HEAD Commit Stage에 올라간 변경사항 대상으로 Commit이 적용됩니다. 커밋 작성하기 git commit -m "커밋 메시지를 여기에 작성하세요." 해더, 본문, 푸터 구분하기 - 해더, 본문, 푸터는 빈행으로 구분합니다. git commit -m "해더 본문 푸터" 커밋 수정하기 (로컬 스토리지내에) 마지막 커밋 메시지 수정하기 (아래 방법을 알기전 git ..

Turbo Console Log Turbo Console Log - Visual Studio Marketplace Extension for Visual Studio Code - Automating the process of writing meaningful log messages. marketplace.visualstudio.com VSCode 확장프로그램을 하나 소개하려합니다. Turbo Console Log는 타이핑없이 단축키로 console을 작성할 수 있게 도와주는 앱인데요. 익숙해지면 매우 편리해서 한번 사용해보시는 걸 추천드립니다. class Klass { function Punction { var os = 'window' console.debug("🚀 ~ file: Pile.tsx ~ lin..

local 환경에 서버를 실행했을 때 127.0.0.1(localhost) 서버로 접근할 수 있습니다. 하지만 개발하다보면 도메인에 따라 로직을 설정해야하는 경우와 같이 local 환경에서도 고정 도메인이 필요한 경우가 있는데요. 그럴 때 고정 도메인을 설정하는 방법을 소개하려 합니다. 일단 수정해야하는 파일의 경로는 아래와 같습니다. $ sudo vi /etc/hosts 파일을 열면 아래와 같이 기본적으로 설정된 local 환경의 도메인 주소들을 확인할 수 있습니다. localhost도 해당 파일에 설정되어 있네요. 이 파일에 원하는 도메인 주소를 추가해주면 됩니다. 아래 local.mooncode.com 이라는 주소를 추가했습니다. 이렇게 하면 개발환경에서 동작하는 서버를 local.moonscode..