2023/02 4

[노트] Deview 2023 Day1

이번 Deview 2023 Day1은 FE 세션 위주로 들었습니다. 코로나 이후 오랫만에 오프라인 세션이라 흥미롭게 참관했습니다. 하나의 코드로 React, Vue, Svelte 등 모든 프레임워크를 지원할 수 있는 CFCs Reactive #FE # CFCs FE에서 함수형 프레임워크의 공통점을 분석하여 Cross 플랫폼 지원이 가능하도록 도와주는 라이브러리이다. 함수형 프레임워크를 선언, 등록, 해제, 반환(state, mounted, unmounted, result) 4가지 과정으로 일반화하였고 이 과정을 가지고 있는 React, Vue, Svelte에 맞게 import 하여 라이브러리 사용이 가능하다. 프레임워크의 경계를 넘나드는 대규모 조직에서 코어 로직을 개발하는데 사용하면 적합하겠지만, 일반..

개인/노트 2023.02.28

[NodeJS] 17 버전 달라진 점

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

NodeJS 2023.02.20

[NodeJS] 필수 라이브러리

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

NodeJS 2023.02.10

[Web] <head> 태그 redirect (HTML 응답 상태 코드 301)

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

DevOps/Web 2023.02.08