# Angular
🎆 프론트엔드 프레임워크 비교
SPA(Single Page Application)방식을 기반으로 한다.하나의 페이지에서 모든 화면 전환과 데이터 표현이 가능하게 하는 웹 페이지 기술페이지 한 번만 불러오면 된다는 장점이 있다.페이스북에서 개발된 현재 가장 인기 있는 라이브러리높은 자유도와 코드가 P
npm err - ELIFECYCLE 해결방법
회사에서 Angular 프로젝트를 진행하던 도중 다음과 같은 오류를 마주쳤다.npm ERR! code ELIFECYCLE빌드 도중 노트북 배터리가 없어서 꺼져버렸는데 그때 이후로 이런 에러가 나왔다. 구글링 해보니 해결 방법은 다음과 같았다.npm cache clean
[Angular] pipe() 함수란?
데이터 표시 형식 중 단위 별로 다르게 표시를 했어어야 했다. 위 상황에서 pipe를 활용해 손쉽게 표시할 수 있다. Pipe 는 템플릿에서 값의 표시되는 형태를 변환해서 보여주기 위해서 사용한다.
Angular 시작하기 (사용 환경 설정)
\-->버전 확인 (여러 버전의 node를 사용할 수 있음) 앵귤러와 호환되는 버전을 맞춰서 설치한다. node 공식 홈페이지 에서 node버전 확인 앵귤러 홈페이지 에서 앵귤러 버전 및 호환되는 node 버전 확인
[Angular] 더보기 기능 구현하기
Angular에서 더보기 기능 구현해보자. 데이터가 10개 이상 될 경우 더보기 버튼을 보여주고, 10개 이하일 경우 더보기 버튼을 숨겨줄 것이다.
[Angular] @Input()과 @Output() 속성
최근 모바일 웹뷰 프로젝트의 추가 개선사항 문제로 앵귤러 라이브러리를 사용하게 되었다. 앵귤러를 처음 사용해봐서 익숙하지 않은 개념들이 많았다. 그 중에서도 @Input()과 @Output() 속성에 대해 소개해보려고 한다.
[VSCode] Experimental Decorator Error
While creating an Injectable in my Angular project, I came across the following error: > As an attempt to get rid of this lint error, I added to the tsconfig.json file. But the real solution to thi...
Angular
Angular란? 앵귤러(Angular)는 클라이언트 (웹) 애플리케이션을 개발을 위해 만들어진 프레임워크이다. 즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 프레임워크로 볼 수 있다. 앵귤러(Angular)는 두가지 서로 다른 버전이
angular 시행착오
앵귤러에서 로그인 버튼 눌러서 장고로 이동하면 장고에서 이브온라인으로 로그인하도록 이동시켜줘서 이브에 로그인되면 장고에서 토큰 붙여서 redirect 해줘서 앵귤러가 토큰을 받으면 로그인 하도록 해놨음. 근데 로그인이 안되있어서 못들어갔던 페이지로 들어가면 로그인 컴
Angular 컴포넌트/서비스 수명
앵귤러 컴포넌트는 불러와지면 destroy 되기 전까지는 남아있음. destroy는 화면전환(url변경)시에 되고 ngif로 보이는경우는 false 되면 destroy 됨.
Query parameter 가져오기
ActivatedRoute클래스의 queryParams 혹은 queryParamMap 메서드 사용하면됨.따라서 아래처럼 가져올 수 있음. 이렇게 가져오면 깔끔하게 object로 가져옴.앵귤러는 같은 화면에서 url이 바뀌면 내용이 바뀌는 식이어서 현재 url에 맞춰서
Communicating with backend services using HTTP
AppModule에다가 HttpClient를 import 해서 HttpClient 서비스가 앱의 어느곳에서든 사용가능하게 해줌.임시로 test.service.ts라는 서비스 만들어줌.HttpClient는 observable을 transaction에 사용하기 때문에 ob