# Angular

204개의 포스트

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

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

4일 전
·
0개의 댓글
·

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

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

4일 전
·
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개의 댓글
·

Angular - Observable

들어가기 전 ... 이제 Angular에 대한 대략적인 개념은 잡고 가는거 같다. 사실 더 많은 내용이 있지만, 전부 정리 하기에는 부담되서 여기까지만 하려고 한다. 아마도 다음 정리는 프로메테우스와 그라파나로 모니터링 환경 구축을 한 내용을 정리할 것 같다. 사실 필

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

Angular - Service

서비스의 개념은 이전에 Spring을 학습하며 이해한 경험이 있다. 앵귤러의 서비스도 이와 크게 다르지 않아 보였다. 특히 DI(Dependency Injection)을 통해 외부에서 서비스를 주입하는 구조는 스프링과 같아서 쉽게 이해할 수 있었다.간단히 정리해보자면,

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

Angular - Directives

이제 앵귤러는 서비스와 옵저버블 까지 작성하면 정리한 부분이 마무리 될거 같다. 사실 기초적인 문법 정도만 숙지하고 바로 소스 코드를 보러 갔기 때문에 실제 코드를 보는 과정에서는 더 어려움이 있엇다... 특히 구조를 파악하는 과정에서 문제점이 많았는데 이는 나중에 또

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

마커마다 컴포넌트를 다르게 보여주기

마커를 클릭할 때, 마커마다 가지고 있는 정보를 컴포넌트에 전달해 화면에 보여주는 방법

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

ionic lifecycle

이왕 이렇게 된거 lifecycle을 정리해보자

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

Angluar - Component

View에서 사용할 애플리케이션 로직은 컴포넌트에 정의된다.View는 클래스의 프로퍼티와 메서드를 활용하여 클래스와 상호작용컴포넌트의 뷰는 템플릿으로 정의하며, 템플릿이 화면에 렌더링되는 모양은 HTML 형식으로 정의뷰는 보통 계층적으로 구성하며, 개발자가 원하는 대로

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

Angular - Module

HTML과 TypeScript로 FE를 개발할 때 사용하는 프레임 워크각 화면을 나타내는 컴포넌트와 비즈니스 로직을 처리하는 서비스등 을 연관된 기능에 따라 NgModule로 묶어 사용모듈, 컴포넌트, 서비스는 단순한 클래스이지만, 데코레이터를 통해 Angular가 해

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

Angular + bootstrap

참고사이트http://bootstrapk.com/getting-started/https://onurmark.tistory.com/9

2022년 9월 13일
·
0개의 댓글
·
post-thumbnail

Webpack 사용방법과 기능 요점 정리

웹팩 part 2-Webpack의 정의와 사용방법 요점 정리 – 인스톨 / Config 파일들 조정 / Webpack config 파일 구조 분석을 통한 4가지 주요 속성 이해 /

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

Webpack이란 무엇인가? 정의와 필요성, 그리고 장단점

Webpack 1편: Webpack이란 무엇이고 왜 필요한가? 그리고 Webpack 이용시 장단점

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