# Angular

65개의 포스트

(Angular) 시간 흐름에 따라 함수 실행

일정시간마다 실행되는 함수를 만들고, 종료하는 방법

2021년 3월 30일
·
0개의 댓글

[Angular] ngClass

ngClass modalDay가 days.getDate(days의 날짜만 구하는 함수)와 같으면 pickDay를 적용, 아니면 pickDay_X를 적용 [class...] 원래 viewDay_num이라는 클래스를 적용시키지만, isTodayMark(days)의 결

2021년 3월 29일
·
0개의 댓글

Deploy Angular Apps with Nginx

! 노트해두었던 nginx 설정 방법에 오류가 있어 새로운 방법을 업데이트 해둔다.Nginx 설치 및 명령어 업데이트 예정Nginx versionnginx version: nginx/1.14.0 (Ubuntu)

2021년 3월 29일
·
0개의 댓글

Angular에서 iframe 사용

angular에서 iframe 에러 해결

2021년 3월 27일
·
0개의 댓글

(Angular) scroll에 따른 함수 실행

scroll을 움질일 때 마다 함수 실행, scroll이 최하단으로 가면 함수 실행

2021년 3월 26일
·
0개의 댓글

(Angular) html에서 js 사용

Angular의 html파일은 같은 component의 js 파일과 연동하기 위해 {{}}를 사용한다

2021년 3월 24일
·
0개의 댓글

(Angular) pipe를 이용한 string 변환

pipe

2021년 3월 17일
·
0개의 댓글
post-thumbnail

Micro Front-end 환경 구성하기

예전 대규모 프로젝트를 수행하기 위해 웹팩 빌드를 기능 별로 분리하려고 땅을 파다가 이런 생각이 났다. 빌드해야 할 Front-end가 크다면 아예 프로젝트를 여러 개로 나누어서 빌드하고 합치면 되지 않는가?이 경우에 빌드된 파일의 chunk가 다 다르게 나오면 문제가

2021년 3월 14일
·
0개의 댓글
post-thumbnail

네이티브 앱(Native App) vs 하이브리드 앱(Hybrid App) vs 프로그레시브 웹 앱(PWA) – 정의와 장단점

첫 아이폰이 2007년 6월에 출시된 후 폭발적인 변화와 성장을 겪어온 모바일 앱 시장. 오늘 현재에는 다양한 방법으로 모바일 앱을 개발할 수 있다. 문제는 – 어느 방법을 선택할 것인가모바일 앱을 개발할 때 어떤 솔루션이 가장 적합할까를 결정하려면 먼저 그 앱이 어떤

2021년 3월 10일
·
4개의 댓글

Web Gird Layout

Angular에서 Gird Layout을 사용하는 간단하고 자유도 높은 방식이다.각 요소의 크기를 27 : 34 : 29 처럼 세부적으로도 나눌 수 있어서, 세밀한 디자인에 쓸 수 있는 장점이 있다.grid 전체를 둘러싸는 요소를 만들고행(column) 종류를 나열한다

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

Angular pipe 이용하여 API에서 blob 받아오기

Image File을 업로드 하고, 그 Image를 Front에서 봐야 합니다.Image Url를 제공하는 것 말고, jwt token까지 처리 후 사용할 수 있는 환경에 대해 고민했었습니다.So API에 get router를 만든 후 Front에서 api 호출 후 I

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

(Angular) interface 만들기(새로운 자료형 만들기)

TypeScript를 기본으로 하는 Angular에선 기본자료형(number, string, boolean, etc)이외의 형식 선언이 필요할 때가 있다. 그때 사용할 수 있는 방법이다.

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

Angular 개발환경 구축 및 앱 생성 시작하기 (Terminal, WebStorm)

Angular 가이드Angular IDE by Webclipse는 뭔지 잘 모르겠으나 일반적으로 많이 사용하는 IntelliJ, VS Code, WebStorm IDE를 잘 지원한다고 나온다.Angular documentsAngular Development toolsh

2021년 2월 16일
·
0개의 댓글
post-thumbnail

vscode에서 lint, prettier, settings.json 설정

https://jeonghwan-kim.github.io/series/2019/12/30/frontend-dev-env-lint.htmlESLint: ECMAScript 코드를 검사하고 코드를 정정하는데 도움을 주는 도구 중 하나포맷팅코드 품질 적용eslint

2021년 1월 27일
·
0개의 댓글
post-thumbnail

앵귤러 Graphql 스키마 자동생성

angular에서 graphql을 사용할때 code-generator를 이용해서 스키마 자동생성하는 설정을 하려고 합니다.레퍼런스:https://graphql-code-generator.com/docs/getting-started/installationgrap

2021년 1월 13일
·
0개의 댓글
post-thumbnail

[TIL_Angular_20.01.12] Angular Document Study Start! ~ Component -1

TIL_Angular_20.01.12 / 돌고돌아 Document

2021년 1월 12일
·
0개의 댓글
post-thumbnail

[TIL_Angular_20.01.11] Form

[TIL_Angular_20.01.11]

2021년 1월 11일
·
0개의 댓글
post-thumbnail

Angular Editor 추천

angular에서 editor를 사용해야 할 때가 있었는데,프로젝트에서 제공되는 editor가 없었기 때문에angular에서 쓸 수 있는 에디터를 찾았었다.그중 가장 좋았던 에디터의 github 링크를 남겨놓는다.지금도 써야 할 일이 있다면 바로 찾는 에디터언젠가 맥주

2021년 1월 11일
·
0개의 댓글
post-thumbnail

aws s3 정적 웹 배포 설정 [angular]

s3에 angular를 배포했던 경험을 토대로 작성.정적 웹사이트 호스팅spa인 angular에서는 index.html만 존재 하기 때문에 인덱스 문서, 오류 문서 모두 index.html로 설정버킷 정책

2021년 1월 11일
·
0개의 댓글