실전 압축 코딩

보호되어 있는 글입니다.

[Node.js] node.js로 개발 환경과 배포 환경 설정하기. 우선 package.json에서 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node src/index.js", "develop": "NODE_ENV=develop node src/index.js", "production": "NODE_ENV=production node src/index.js " }, 환경: NODE_ENV=환경(develop, production) node src/index.js 설정후 터미널에서 "npm run 환경" 이렇게 명령어를 입력하면, process.env.NODE_ENV 가 원하는 환경으로 설정된다. 주의 할점은..

보호되어 있는 글입니다.

tdz란? 스코프의 시작 지점 과 초기화 단계(Initialization phase) 사이에 있는 단계. 일시적 사각 지대로 로 불린다. 이 tdz에서 변수에 접근 할 시 Reference Error가 발생한다. var 키워드일 경우에는 선언과 동시에 초기화가 진행 되어진다. 그러므로 할당 단계(Assignment phase) 이전에도 undefined로 값 접근이 가능한것! 흔히 하는 착각이 let과 const는 호이스팅 이 이루어지지 않는다는 것인데 이것은 틀린 사실이다. 호이스팅은 var,let,const 전부 이루어지지만, let과 const는 할당전 tdz 에서 접근시 Reference Error가 발생한 것이다. 선언 단계(Declaration phase) : 변수를 실행 컨텍스트의 변수 객체..

회사에서 실무를 보던중 문제가 생겼다. 작업을 통해 가공처리된 데이터의 index길이가 학습 환경에서 검증한 index길이와 다른 문제가 발생했다. 문제는 주로 이모지와 특수문자에서 발생했는데, 원인을 몰라 답답하던중... 단서를 발견했다. 데이터 가공처리시에는 js를 사용하고, 학습 에서는 python을 사용하는 것이었다. 그리고 js는 UTF-16방식을 사용하고, python은 UTF-32를 사용한다! 그러니 이모지의 index 길이가 +1로 나왔던 것이다. 이번 기회에 유니코드 UTF-8, UTF-16, UTF-32 를 정리하고자 한다. [출처] https://velog.io/@awesomelon/%EC%9C%A0%EB%8B%88%EC%BD%94%EB%93%9CUTF-8-UTF-16-UTF-32 유..

cloudRun을 통해 backend는 이상 없이 배포 되었고. cloudType의 문제였던 요청 제한 시간을 변경 하였다! https://cloud.google.com/run/docs/configuring/request-timeout?hl=ko 요청 제한 시간 설정(서비스) | Cloud Run 문서 | Google Cloud 의견 보내기 요청 제한 시간 설정(서비스) 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Cloud Run 서비스의 경우 요청 제한 시간 설정은 Cloud Run에 배포된 서 cloud.google.com 간단하게 콘솔 - 새 버전 수정 및 배포에서 변경 가능하다. ... 그런데 cloudRun의 문제를 확인하였는데, 다름 아닌 이제는 클라이언트의..

cloud run의 가격 정책은 다음과 같다. https://cloud.google.com/run/pricing?hl=ko 가격 책정 | Cloud Run | Google Cloud Cloud Run 가격 책정 검토 cloud.google.com 요청 200만 개/월 까지는 무료로 책정이 된다. 간단한 토이/사이드 프로젝트면 해당 서비스를 충분히 무료로 이용 가능해 보인다. 다음 부터는 cloudRun 서비스 배포 방법이다. # Use an official Node.js runtime as the base image FROM node:18.14.2 # Set the working directory inside the container WORKDIR /usr/src/app # Copy package.jso..

클라우드런으로 backend 서버와 frontend 배포를 완료하고 web에 접속을 하였지만... 예상치 못한 오류를 확인하였다! 뜬금없이 cors 에러가 발생하였다. cors에러다 처음에는 열심히 node.js 서버쪽 설정을 건드려 보았다... https://expressjs.com/en/resources/middleware/cors.html Express cors middleware cors CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options. Follow me (@troygoode) on Twitter! Installation This..

이번 프로젝트는 배포에 있어서 특이사항이 하나 있었다. 바로 배포를 두 곳으로 나누어서 해야 했던 것이다. 처음에는 cloudType 한곳에서 에서 front와 backend를 전부 배포 하려고 했다. https://cloudtype.io/ 모두의 플랫폼팀, 클라우드타입 클라우드타입은 클라우드 기반 애플리케이션을 빠르게 개발하고 배포할 수 있는 클라우드 애플리케이션 플랫폼입니다. cloudtype.io 이번에 새롭게 알게된 플랫폼인데, 클라우드 타입의 특징은 다음과 같다. [지원하는 주요 기능] - 언어/프레임웍 별 예제 코드 제공 - 다양한 언어/프레임웍/DB/오픈소스 지원 - GitHub 과의 매끄러운 통합 - 웹에서 바로 접근 가능한 로그뷰어와 터미널 - 이전 배포로의 빠른 복원 - 다중 배포환경(..

https://v3-docs.vuejs-korea.org/api/sfc-script-setup.html https://v3-docs.vuejs-korea.org/api/composition-api-setup.html 컴포지션 API: setup() | Vue.js v3-docs.vuejs-korea.org 의 이점은 다음과 같다. 더 적은 상용구로 더 간결한 코드 순수 TypeScript를 사용하여 props 및 내보낼(emit) 이벤트를 선언하는 기능 더 나은 런타임 성능(템플릿은 중간 프락시 없이 동일한 범위의 렌더 함수로 컴파일됨) 더 나은 IDE 타입 추론 성능(언어 서버가 코드에서 타입을 추출하는 작업 감소