나오리의 개발일지 🚴‍♂️=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..

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", } 특정 버전..

✅ 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/ 아래의 커맨드로 원하는 이름의 앵귤러 프로젝트를 생성..