# Angular

qwe8851

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

qwe8851

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

qwe8851

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

qwe8851

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

qwe8851

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

h232ch

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

hjkwon0507

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

akh9804

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

akh9804

1. 패키지 분리

anrnyeondo

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

anrnyeondo

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

anrnyeondo

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

msdio

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

msdio

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

anrnyeondo

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

anrnyeondo

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

bleach7

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

openhub

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

openhub

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