# Angular

150개의 포스트

2022-05-16 TIL

ng generate component 에 --flat 옵션을 주면 컴포넌트 생성 위치를 설정할 수 있다.true: 커맨드를 입력한 폴더에 컴포넌트 파일 생성false: 커맨드를 입력한 폴더에 컴포넌트 폴더를 생성 후 그 폴더 안에 컴포넌트 파일 생성

약 20시간 전
·
0개의 댓글

2022-05-06 TIL

ngFor 디렉티브를 사용할 때마다 TrackBy 함수를 따로 작성해주어야 했는데 디렉티브로 넣어주면 템플릿에서 바로 손쉽게 작성할 수 있다.selector를 요런 식으로 줄 수 있다는 건 처음 알았다.참고: https://ksrae.github.io//ang

2022년 5월 6일
·
0개의 댓글

npm err - ELIFECYCLE 해결방법

회사에서 Angular 프로젝트를 진행하던 도중 다음과 같은 오류를 마주쳤다.npm ERR! code ELIFECYCLE빌드 도중 노트북 배터리가 없어서 꺼져버렸는데 그때 이후로 이런 에러가 나왔다. 구글링 해보니 해결 방법은 다음과 같았다.npm cache clean

2022년 4월 27일
·
0개의 댓글

[Angular] pipe() 함수란?

데이터 표시 형식 중 단위 별로 다르게 표시를 했어어야 했다. 위 상황에서 pipe를 활용해 손쉽게 표시할 수 있다. Pipe 는 템플릿에서 값의 표시되는 형태를 변환해서 보여주기 위해서 사용한다.

2022년 4월 21일
·
0개의 댓글

Angular 시작하기 (사용 환경 설정)

\-->버전 확인 (여러 버전의 node를 사용할 수 있음) 앵귤러와 호환되는 버전을 맞춰서 설치한다. node 공식 홈페이지 에서 node버전 확인 앵귤러 홈페이지 에서 앵귤러 버전 및 호환되는 node 버전 확인

2022년 4월 19일
·
0개의 댓글

[Angular] 더보기 기능 구현하기

Angular에서 더보기 기능 구현해보자. 데이터가 10개 이상 될 경우 더보기 버튼을 보여주고, 10개 이하일 경우 더보기 버튼을 숨겨줄 것이다.

2022년 4월 16일
·
0개의 댓글

[Angular] @Input()과 @Output() 속성

최근 모바일 웹뷰 프로젝트의 추가 개선사항 문제로 앵귤러 라이브러리를 사용하게 되었다. 앵귤러를 처음 사용해봐서 익숙하지 않은 개념들이 많았다. 그 중에서도 @Input()과 @Output() 속성에 대해 소개해보려고 한다.

2022년 4월 10일
·
0개의 댓글
post-thumbnail

[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...

2022년 4월 6일
·
0개의 댓글

angular에 bootstrap 적용

아래로 3개 다 설치하고angular.json에 설치한거 추가해주면됨

2022년 4월 6일
·
0개의 댓글
post-thumbnail

Angular

Angular란? 앵귤러(Angular)는 클라이언트 (웹) 애플리케이션을 개발을 위해 만들어진 프레임워크이다. 즉, 현재 많이 활용되고 있는, 웹/앱의 View를 개발할 수 있도록 하는 프레임워크로 볼 수 있다. 앵귤러(Angular)는 두가지 서로 다른 버전이

2022년 4월 6일
·
0개의 댓글

angular 시행착오

앵귤러에서 로그인 버튼 눌러서 장고로 이동하면 장고에서 이브온라인으로 로그인하도록 이동시켜줘서 이브에 로그인되면 장고에서 토큰 붙여서 redirect 해줘서 앵귤러가 토큰을 받으면 로그인 하도록 해놨음. 근데 로그인이 안되있어서 못들어갔던 페이지로 들어가면 로그인 컴

2022년 4월 3일
·
0개의 댓글

Angular 컴포넌트/서비스 수명

앵귤러 컴포넌트는 불러와지면 destroy 되기 전까지는 남아있음. destroy는 화면전환(url변경)시에 되고 ngif로 보이는경우는 false 되면 destroy 됨.

2022년 4월 2일
·
0개의 댓글

Query parameter 가져오기

ActivatedRoute클래스의 queryParams 혹은 queryParamMap 메서드 사용하면됨.따라서 아래처럼 가져올 수 있음. 이렇게 가져오면 깔끔하게 object로 가져옴.앵귤러는 같은 화면에서 url이 바뀌면 내용이 바뀌는 식이어서 현재 url에 맞춰서

2022년 3월 7일
·
0개의 댓글

angular에서 $

$는 Observable인 변수에다가 convention으로 붙이는 것임. 안 붙여도 상관없음.

2022년 3월 6일
·
0개의 댓글

Communicating with backend services using HTTP

AppModule에다가 HttpClient를 import 해서 HttpClient 서비스가 앱의 어느곳에서든 사용가능하게 해줌.임시로 test.service.ts라는 서비스 만들어줌.HttpClient는 observable을 transaction에 사용하기 때문에 ob

2022년 3월 1일
·
0개의 댓글

Frontend - 로그인 (0)

로그인 컴포넌트 만들어줌.로그인 컴포넌트 라우팅해주고 정해지지 않은 링크에 대해서 ''로 redirect 해줌.로그인 컴포넌트에 https://velog.io/@oem0404/EVE-ESI-0 에서 1. 앱이 유저를 EVE SSO가 제공하는 로그인 페이지로 리

2022년 2월 28일
·
0개의 댓글

Frontend - 프로젝트 생성

Project라는 프로젝트를 저장할 폴더만들고industry_job_client라는 이름으로 프로젝트 생성함.Would you like to add Angular routing? (y/N) 나오면 y 해줌.Sass 선택함로그인 컴포넌트 만들어줌.로그인 컴포넌트 라우팅해

2022년 2월 25일
·
0개의 댓글

Todos (lodash, RxJS, Angular, class&constructor, getter&setter)

lodash - clone deep : value를 (타입상관없이) 복사해서 완전히 새로운 변수를 만들 수 있음lodash - \_.isNil : 체크한다. value가 null || undefinedlodash - \_.isNan : 체크한다. value가 NaNlo

2022년 2월 23일
·
0개의 댓글

시행착오 1

npm으로 설치할때 사용할 곳에다가 설치해야함.typescript 같이 전역으로 쓰는거는 -g 붙여서 전역으로 설치해도 되는데 그런거 아니면 사용할 곳에다가 해야함.그냥 하다가 c/user/home 에다가 npm install angular-in-memory-web-a

2022년 2월 18일
·
0개의 댓글

궁금한 점 2

여기서 http://localhost:4200인 app.component.html에 {{title}}이 있는데 http://localhost:4200/heroes인 heroes.component.html에서도 title이 보임??router-outle

2022년 2월 18일
·
0개의 댓글