# Angular
[230515 - TIL] storybook을 이용한 angular 컴포넌트 관리 및 npm 패키지 배포
1. 개요 > 어제 작업에 이어서 오늘은 angular 컴포넌트를 storybook으로 이동시켜 자동으로 디자인페이지를 구성하여 확인할 수 있게하였고 이를 npm 패키지로 배포하는 단계까지 진행했다. 2. storybook 적용하기 > 1) storybook 설치

AWS ANGULAR UNIVERSAL 배포
어쩌다보니까 앵귤러 SSR적용 프로젝트를 진행하게되었고 이를 AWS를 사용해 배포하는 과정에서 여러 문제를 만났고 결과적으론 여러방법중 한가지를 선택하여 해결하였다. AWS를 처음 사용해보았고 용어또한 익숙하지못해 개념을 익히고 사용법을 익히는대 많은 시간을 사용하였다

[Angular] D3.js Pie Chart 그리기, 갱신하기
이번에는 pie chart를 만들어 보려고 한다.10분전, 30분전, 1시간전 데이터와 10초주기 갱신은 등 로직은 Line chart와 똑같고 d3.js로 파이차트를 만드는 코드만 다르다.https://github.com/d3/d3-shape/blob/mai

[Angular] D3.js Line Chart 갱신하기
지난 번에 만든 Line Chart를 10초 주기로 갱신을 할 것임그냥 갱신하는 것이 아닌 움직이는 효과를 줘서 갱신을 한다.사실 코드는 차트그리기 코드와 거의 비슷하다..transition().duration(1000).ease(d3.easeLinear)만 추가 되었
[Angular] D3.js Line Chart 만들기
저번에 연결한 MSW에 요청을 보내고 받은 데이터로 D3.js 라이브러리를 이용해 선그래프를 만들고 그래프를 갱신하는 기능을 만들거임.ng g c test로 라인그래프를 만들 test컴포넌트를 생성한다.app 컴포넌트에 test컴포넌트를 넣고 라디오버튼으로 데이터를 선

Angular에서 MSW 사용하기
서버가 없는 경우 프론트엔드에서 api 요청으로 가져온 데이터를 서버의 역할을 해주는 Mock을 만들어서 활용하는 방식서비스워커를 이용해 서버를 향한 네트워크요청을 가로채서 모의 응답을 주는 라이브러리임.npm install msw --save-dev명령어로 설치를 한
[Error] digital envelope routines::unsupported
Angular 프로젝트를 돌리려고 ng serve를 터미널에 입력했는데 에러가 뜸... [터미널 내용] npm install, ng serve 모두 이런 에러가 뜸… 에러에 관해 찾아보니 nodejs 버전을 16으로 바꾸라는 얘기가 있어서 이를 참고해 버전을 변경함
[230108 - TIL] angular button component 만들기
0. 프로젝트 셋업 > 아래에서 작성한 프로젝트 이어서 작업 [230101 - TIL] DOM과 angular Module / Component [230102 - TIL] angular 기능모듈 라우팅 [230103 - TIL] angular service와 @ski

[230105 - TIL] angular material table로 목록만들기
아래에서 작성한 프로젝트 이어서 작업\[230101 - TIL] DOM과 angular Module / Component\[230102 - TIL] angular 기능모듈 라우팅\[230103 - TIL] angular service와 @skipself\[230104

[230104 - TIL] angular material dialog로 모달창 띄우기
아래에서 작성한 프로젝트 이어서 작업\[230101 - TIL] DOM과 angular Module / Component\[230102 - TIL] angular 기능모듈 라우팅\[230103 - TIL] angular service와 @skipself더이상 UserI

[230103 - TIL] angular service와 @skipself
아래에서 작성한 프로젝트 이어서 작업\[230101 - TIL] DOM과 angular Module / Component\[230102 - TIL] angular 기능모듈 라우팅ng generate service service/appng generate componen

[230102 - TIL] angular 기능모듈 라우팅
221229 - TIL 에서 진행한 프로젝트 기반으로 작성ng generate module home --route home --module app.moduleng generate module user --route user --module app.moduleng gen
[230101 - TIL] DOM과 angular Module / Component
내가 구상한 구조를 Angular로 구현하는데 있어서 필요한 용어들과 개념들을 간단하게 정리해보았다.원본 HTML 문서의 객체 기반 표현 방식텍스트로만 이루어진 것이 아니라 노트 트리 방식으로 객체 모델로 표현되어 다양한 상호작용을 할 수 있다.유효하고 구조화된 HTM
[221229 - TIL] docker-compose로 angular와 django 통신하기
0. 예상 시나리오 > docker-compose를 통해 angular와 django를 동시에 실행하고 angular에서 로그인 요청을 보내면 django 에서 처리하고 응답하는 로직을 구현해보자. > 요청은 nginx 에서 경로에 따라 분리 1. 프로젝트 구조

[221228 - TIL] docker-compose로 angular 실행 & 실시간 반영
현재까지의 방법으로는 docker-compose up 실행 후 파일을 변경해도 화면에 적용되지 않는다.docker exec을 이용해 docker container 안으로 들어가서 보면 파일 변경사항이 반영되는 것을 확인 가능 즉 마운트 문제로 인한 파일 변경사항이 미반