# Angular

216개의 포스트

[Error] digital envelope routines::unsupported

Angular 프로젝트를 돌리려고 ng serve를 터미널에 입력했는데 에러가 뜸... [터미널 내용] npm install, ng serve 모두 이런 에러가 뜸… 에러에 관해 찾아보니 nodejs 버전을 16으로 바꾸라는 얘기가 있어서 이를 참고해 버전을 변경함

어제
·
0개의 댓글
·

[230108 - TIL] angular button component 만들기

0. 프로젝트 셋업 > 아래에서 작성한 프로젝트 이어서 작업 [230101 - TIL] DOM과 angular Module / Component [230102 - TIL] angular 기능모듈 라우팅 [230103 - TIL] angular service와 @ski

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

[230105 - TIL] angular material table로 목록만들기

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

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

[230104 - TIL] angular material dialog로 모달창 띄우기

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

2023년 1월 4일
·
0개의 댓글
·
post-thumbnail

[230103 - TIL] angular service와 @skipself

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

2023년 1월 3일
·
0개의 댓글
·
post-thumbnail

[230102 - TIL] angular 기능모듈 라우팅

221229 - TIL 에서 진행한 프로젝트 기반으로 작성ng generate module home --route home --module app.moduleng generate module user --route user --module app.moduleng gen

2023년 1월 2일
·
0개의 댓글
·

[230101 - TIL] DOM과 angular Module / Component

내가 구상한 구조를 Angular로 구현하는데 있어서 필요한 용어들과 개념들을 간단하게 정리해보았다.원본 HTML 문서의 객체 기반 표현 방식텍스트로만 이루어진 것이 아니라 노트 트리 방식으로 객체 모델로 표현되어 다양한 상호작용을 할 수 있다.유효하고 구조화된 HTM

2023년 1월 1일
·
0개의 댓글
·

[221229 - TIL] docker-compose로 angular와 django 통신하기

0. 예상 시나리오 > docker-compose를 통해 angular와 django를 동시에 실행하고 angular에서 로그인 요청을 보내면 django 에서 처리하고 응답하는 로직을 구현해보자. > 요청은 nginx 에서 경로에 따라 분리 1. 프로젝트 구조

2022년 12월 30일
·
0개의 댓글
·
post-thumbnail

[221228 - TIL] docker-compose로 angular 실행 & 실시간 반영

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

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

[221226 - TIL] Angular Docs - Tutorials

google에서 만든 Typescript기반 웹 프레임워크npm install -g @angular/clihttps://angular.io/tutorial/tour-of-heroes/toh-pt1ng new my_tutorialng generate compon

2022년 12월 26일
·
0개의 댓글
·

[Angular] selector를 사용하는 2가지 방법

많이 쓰는 방식은 이런 방식일 것이다.selecor를 'app-root'으로 주고 html파일에서 이런식으로 사용하는 방식selector를 대괄호로 묶어 'app-root'로 변경해주었다. 그럼 html파일에서 이런식으로 사용할 수 있는데엘리먼트를 변경하는게 아닌 셀렉

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

[Angular] input박스의 내용 출력/데이터바인딩

이렇게 input박스 안에 있는 글자를 출력하려면 업로드중..html파일에서 입력받을 input박스와 문자를 바인딩할 p태그 입력name이라는 변수로 입력받기 위해 name을 바인딩해줌업로드중..ts파일로 이동 후 텍스트를 받을 변수 생성(name)업로드중..다시 ht

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

[Angular] Error - "속성 '~~'은(는) 이니셜라이저가 없고 생성자에 할당되어 있지 않습니다.ts()

공부중에 이런 에러가 떳다.책은 3년 전 책이구 ts가 최신버전으로 업데이트 되면서 생기는 오류라고 한다..Article이라는 클래스를 가져와 article에 할당해서 밑의 함수에서 사용하는 코드이다.article이 undefined라 Article이라는 타입이 안맞다

2022년 11월 20일
·
0개의 댓글
·

[JavaScript/Angular] return false를 쓰는 이유 / return, return true, return false차이

return VS return false VS void VS href="#", "#none", "#javascript:;", "javascript:void(0);"

2022년 11월 20일
·
0개의 댓글
·

[Angular] 앵귤러 설치 및 세팅

ng serve --open으로 화면을 띄우려고 할 때 이런 오류가 발생하면 프로젝트명에서 오른쪽 마우스 클릭 → 통합 터미널에서 열기 클릭 → 다시 ng serve --open입력OS : window 11 IDE : vscode nodejs version : v16.

2022년 11월 20일
·
0개의 댓글
·
post-thumbnail

Angular

확장 가능한 컴포넌트 구조로 웹 애플리케이션을 만드는 프레임 워크라우팅, 폼 관리, 클라이언-서버 통신 등 웹 개발에 필요한 라이브러리를 조화롭게 통합한 모음집애플리케이션 개발, 빌드, 테스트 수정에 필요한 개발자 도구를 제공적은 노력으로 큰 생산성 향상 가능, 170

2022년 11월 12일
·
0개의 댓글
·
post-thumbnail

[Angular] CLI 설치 및 프로젝트 시작하기 (+ EACCES permissions error, command not found: ng 해결)

Node.js 버전 확인하기 Angular를 실행하기 위해선 현재 활성 LTS 버전 또는 유지보수 중인 LTS 버전의 Node.js가 필요하다. > 2022.10.28 기준 LTS 버전 : 18.12.0 Node.js 버전 확인 (터미널) > node -v Angu

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

ngcc is already running at process

현재 사내 패키지를 모노레포 구조로 관리하고 있다. angular를 프레임워크로 사용하고 있고, 모노레포 관리를 위해서 nx + lerna를 사용중이다.nx를 사용하고 난 이후부턴 발생하지 않았지만 angular + lerna 조합으로만 사용했을 때 발생했던 이슈였다.

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

angular의 패키지 관리

1. 패키지 분리

2022년 10월 30일
·
0개의 댓글
·