나오리의 개발일지 🚴‍♂️=3

VSCode 작업 도중 다음과 같은 에러가 계속 떴다. 현재 프로젝트에서 앵귤러를 사용하고 있으며, [(ngModel)]로 데이터 바인딩을 하는 곳마다 해당 에러가 표시됐다. Property 'ɵunwrapWritableSignal' does not exist on type ... 막상 빌드도 잘되고 실행에 문제는 없었지만 온갖 빨간줄 천지라 해결법을 찾게 됐다... 해결 방법 해결은 꽤나 단순했다. VSCode 익스텐션 중 하나인 Angular Language Service 버전을 자동 업그레이드하면서 발생한 에러였고, 이를 다운그레이드 해주면 된다. (24.02.13 기준) 17.2.0 버전이 설치돼있는데, 한단계 아래인 17.1.1로 다운그레이드 했다. 해결! 참고 사이트 Property 'ɵunw..

최신 업데이트: 2024. 01. 30 현재 시각 구하기 moment() const now = moment(); console.log(now.toLocaleString()); // Tue Jan 30 2024 13:58:30 GMT+0900 특정 날짜를 Moment 객체로 만들기 moment('YYYY-MM-DD') 날짜 문자열을 파라미터로 전달한다. 이때 Moment.js에 지원되는 여러 문자열 포맷이 있는데, 여기를 참고한다. const myDate = moment('2024-01-01') console.log(myDate.toLocaleString()); // Mon Jan 01 2024 00:00:00 GMT+0900 특정 시각보다 먼저인지 뒤인지 알아내기 moment.isBefore(moment..

문제 발단 brew로 nvm을 설치한 뒤, 설치 확인을 위해 버전 출력을 하려 했으나 잘 되지 않았다. brew install nvm // brew reinstall nvm nvm -v // zsh: command not found: nvm 해결 방법 아래와 같이 환경변수 설정을 함으로써 해결했다. 먼저 vim 에디터로 zshrc 파일에 들어간다. vi ~/.zshrc 아래의 내용을 추가한다. export PATH="$PATH:$HOME/.rvm/bin" export PATH="$PATH:/opt/homebrew/bin" export NVM_DIR="$HOME/.nvm" [ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && . "/opt/homebrew/opt/nvm/nvm.sh" #..

TDD의 T자도 모르고 개발을 하다가, 개발 코스트를 줄이기 위해 테스트의 중요성을 깨닫게 되어 이번에 새롭게 공부하게 됐습니다. 그렇게 공부하면서 만난 spy, mocking.. 이런 키워드가 구글링해봐도 명확한 개념을 찾기 어려웠는데, 이 원본 포스트에서 도움을 받아 다른 분들께도 도움이 됐으면 하는 바람으로 번역을 공유해봅니다. 😆😆😆 Testing with Mocks & Spies using createSpyObj in Angular Here I am going to explain a very simple way to write test the services injected in your Angular component. luardo.medium.com 앵귤러의 createSpyObj를 이용해 ..

NG8001: 'app-xxx' is not a known element 에러 컴포넌트를 새로 생성해 app 컴포넌트의 자식 컴포넌트로 넣는 과정에서 에러가 발생했다. // app.component.html It Works! Start editing to see some magic happen :) hello // 👈 새로운 컴포넌트 추가 Error 내용 NG8001: 'app-sample-component' is not a known element: 1. If 'app-sample-component' is an Angular component, then verify that it is included in the '@Component.imports' of this component. 2. If 'app..

1. 특정 node 버전으로 설정 nvm을 통해 사용하려는 특정 node 버전으로 설정한다. nvm으로 node버전 관리하기(mac) 🧐 프로젝트마다 요하는 node버전이 다르며, 여러 개의 프로젝트를 진행할 경우 노드 버전을 변경해줘야한다. 하지만 조금 더 편하게 노드 버전을 변경할 순 없을까? 이번시간에는 nvm에 대해 알 mong-blog.tistory.com 2. 특정 Angualr CLI 버전 설치 설치할 Angular CLI의 버전 알아내기 본인의 경우 기존 프로젝트에서 사용하는 CLI 버전으로 다운그레이드하기 위함으로, package.json의 devDependencies를 통해 알아냈다. "devDependencies": { "@angular/cli": "^xx.xx.xx", } 특정 버전..

brew unlink node 에러 발생 iterm2를 이용해 node의 다운그레이드 설치를 하다가 다음의 에러를 만났다. Error: No such keg: /opt/homebrew/Cellar/node 해결 방법 node 재설치 커맨드로 해결할 수 있었다. brew reinstall node 그리고 다시 진행하면 잘 실행된다. brew unlink node 참고 사이트 mac brew node 다운그레이드 https://bcp0109.tistory.com/347https://mesonia.tistory.com/151https://aerimforest.tistory.com/96 velog.io

사전 설정 Homebrew 설치 node & npm 설치 가 되어 있어야 한다. brew로 yarn 설치하기 ✅ node를 이미 설치했기 때문에 기존에 설치된 패키지를 무시하는 --ignore-dependencies를 붙여야 한다. brew install yarn --ignore-dependencies // 설치가 완료됐다면 // 버전 확인 yarn -v ✅ 참고로 기존의 방법인 -without-node는 현재 지원하지 않는다. brew install yarn --without-node Error: invalid option: --without-node 참고 사이트 Mac 에서 Homebrew 를 통해 node, npm, yarn 설치하기 프로젝트를 정리하기 위해 맥북에 개발환경 설정을 하다가 나중에 사..

✅ Angular CLI가 사전에 설치되어 있어야 한다. [Angular] Mac OS에서 Angular CLI 설치하기 1. Node.js & npm 설치하기 Angular를 로컬 환경에서 설치하려면 Node.js와 npm이 필요하므로 Nods.js의 LTS(Long Term Support) 버전을 설치한다. ✅ Node.js를 설치할 때 npm도 함께 설치된다. Node.js Node.js® is a JavaScr na-1999.tistory.com Angular CLI를 통해 프로젝트 생성하기 터미널을 열고, cd를 통해 앵귤러 프로젝트를 생성할 경로로 이동한다. 예를 들어 Desktop 경로에 생성하고 싶다면 다음과 같다. cd Desktop/ 아래의 커맨드로 원하는 이름의 앵귤러 프로젝트를 생성..

1. Node.js & npm 설치하기 Angular를 로컬 환경에서 설치하려면 Node.js와 npm이 필요하므로 Nods.js의 LTS(Long Term Support) 버전을 설치한다. ✅ Node.js를 설치할 때 npm도 함께 설치된다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ✅ 설치 확인하기 터미널에서 아래의 커맨드를 입력하여 각각의 버전이 잘 출력되는지 확인한다. node --version // v20.10.0 npm -v // 10.2.3 2. Angular CLI 설치하기 터미널 또는 Iterm2를 실행하고 아래의 커맨드를 입력한다. sudo npm install ..