Kwangkki

오전까지만 해도 잘 되던 빌드가 오후에 갑자기 에러가 발생했고 이것을 해결하는 과정을 타임라인에 따라 정리했다. 1. vite 빌드 시 case 에러  머지 후 CICD가 잘 돌다가 갑자기 에러가 발생했다. [vite:esbuild-transpile] Transform failed with 1 error:ERROR: Unexpected "case" 분명 로컬에서 빌드할 때는 에러가 발생하지 않았는데 말이다.일단 CICD가 도는 yml 파일의 명령어를 체크해봤다. //bitbucket-pipelines.yml... script: - npm install -g pnpm@9.1.1 && pnpm install && pnpm run build-dev...  빌드 될 때마다 pnpm 9.1.1 버전을 설치하..

현재 진행하고 있는 프로젝트는 제조 공장의 설비 데이터를 실시간으로 확인하는 모바일 웹앱을 만드는 것이다.설비(PLC)에 에러나 이상이 있는 경우 모바일 push 알림으로 알려주고 설비의 상태를 실시간으로 확인할 수 있다. 이 프로젝트는 프로그레시브 웹앱으로 만들어졌으며 전임자가 만들어 둔 뼈대에 살을 붙이는 작업을 진행 중이다.이번 프로젝트를 시작하며 그리고 마무리 단계까지 오며 개발하고 공부했던 프로그레시브 웹앱에 대해 정리해 볼까 한다. 프로그레시브 웹앱PWA(Progressive Web Apps)는 2016년 구글 I/O에서 처음 발표된 개념으로, 웹 링크로 접근하지만 앱처럼 사용할 수 있도록 만든 웹(?)이다. 여기서 “앱처럼 사용할 수 있다”라는 말은 무엇인가! 앱처럼 사용할 수 있다 일반적으..

블로그에 비공개로 밀려있는 글이 꽤 된다. 요즘 공부하는 것들이 쉽게 이해되지 않다 보니 글도 쉽게 마무리되지 않고 있다. 그래도 오늘은 비교적 가벼운 주제로 글을 써본다. node에서 typescript가 실행되지 않는다? 문제의 발단은 다음과 같다. namespace와 module의 차이점, 스코프에 대해 이것 저것 테스트해본 코드다. //index.ts const a = "aaaa"; namespace test { export const b = "bbb"; console.log(b); } console.log(test.b); console.log(a); index.ts에 코드를 작성 후 node로 결과를 보기 위해 터미널에 node index.ts를 쳤는데 아래와 같은 에러가 떴다. SyntaxEr..

부트캠프 초부터 node.js, next.js, react 등 여러 가지 설치와 세팅을 거쳤는데 node.js는 어떤 역할을 하는 것인지 그동안 몰랐다. 어느 정도 익숙해진 지금 node.js가 무슨 역할을 하는지 알아야겠다 싶어 정리해 봤다. node.js 👉 node.js를 간략하게 말하면 JavaScript로 크롬, 인터넷익스플로어와 같은 브라우저가 아닌 PC OS에 접근하거나 서버를 구축할 수 있도록 런타임 환경을 제공하는 것이다. 위 문장을 이해하고자 얼마나 많은 자료를 찾고 질문을 했던지.. 내가 이해한 것은 아래와 같다. 우선 자바스크립트가 작동하기 위해서는 우리가 영어로 작성한 코드를 컴퓨터가 이해할 수 있는 0101101과 같은 byteCode로 바꾸는 과정이 필요하다. 이 역할을 크롬 ..