Angular를 사용하다가 갑자기 다음과 같은 Circular dependency detected 경고문이 나왔다. Dependency import와 export를 잘못 사용해서 나오는 경고문이다. 제일 좋은 방법은 필요없는 import 및 export를 지우는 것인데너무 많아서 해결하기 힘들면 다음과 같이 사용해도 된다. WARNING in Circular dependency detected: src/app/_core/index.ts -> src/app/_shared/shared.module.ts -> src/app/_shared/component/goodssearch/goodssearch.component.ts -> src/app/_core/index.ts WARNING in Circular depe..
Html Textarea에 있는 내용을 줄바꿈 까지 String으로 저장해 DB에 넣었다가나중에 불러오는 경우가 있다. 무조건적인 방법이 아니라 여러가지 방법중의 하나이다 예를들면 이런글을 DB에 넣고 싶다. // Client단이나 Server단 중 어디서 처리를 하든 자유 //textarea안에서 사용할 줄바꿈은 db에 저장할 때 치환을 해야한다 replaceAll이 없어 정규화로 대체 notice.content=notice.content.replace(/(?:\r\n|\r|\n)/g," "); //정규화를 통한 br태그를 textarea 안에서 사용할 \r\n으로 치환 this.selectedNotice.content = this.selectedNotice.content.replace(/ /g,"\r..
Angular RxJS 공부를 하다가 손찬욱님의 세미나 강의를 듣고 정리해본다. RxJS RxJS는 이벤트 스트림과 데이터를 쉽게 만들고 다룰 수 있도록 도우는 라이브러리다.복잡하지만 가독성이 좋은 비동기적 코드를 더 쉽게 작성할 수 있도록 도운다. RxJS는 일관된방식으로 안전하게 데이터 흐름을 처리하는 라이브러리 - 손찬욱 강좌 발췌 - RxJS는 비동기 처리, 데이터 전파, 데이터 처리를 담당한다. 모든 어플리케이션으로 궁극적으로 상태머신의 집합이라고 할 수 있다.대부분의 프로세서의 궁극적인 과정을 정리해주셨다.출처: http://sculove.github.io/blog/2017/10/21/shoulduserxjs/ 손찬욱님 블로그 여기에서 개발자가 처리하는 Input의 종류들은 다양하다배열, 함수..
Angular를 사용하면서 JSON으로 받은 데이터를 localStorage에 담을일이 생겼다. 처음에는 어떻게 해야하나 싶었는데 결국에는 JSON을 String으로 변환시킨 후에 나중에 사용할 때 파싱을 통해 JSON 데이터로 다시 변환시키면 된다. var testObject = { 'one': 1, 'two': 2, 'three': 3 }; // Put the object into storage , String 으로 데이터를 저장 localStorage.setItem('testObject', JSON.stringify(testObject)); // Retrieve the object from storage, 담겨져 있는 데이터 가져오기 const retrievedObject = localStorage..
Anuglar에는 Component 생명주기라고 Life Cycle Hooks가 있다. 출처 : https://v2.angular.io/docs/ts/latest/guide/lifecycle-hooks.html Life Cycle Hooks 는 컴포넌트의 상태와 관련이 있는데 각 상태에 따른 기능을 사용하려면 core의 lifecycle_hooks.d.ts에 있는 메소드들을 implements받아서 사용해야한다. 하지만 이것은 컴포넌트의 상태에 따른 기능이고 이글은 Router의 상태에 따른 기능구현을 하는법에 대해 쓴다. Router events는 navigation마다 해당 이벤트를 감지하여 사용자가 원하는 로직을 추가할 수 있다. 공홈에는 Event와 관련된 함수들이 다음과 같다고 한다.Router..
- Total
- Today
- Yesterday
- 페이스북 로그인
- MySQL
- https://www.tistory.com/auth/logout/
- JSON
- jQuery
- data gird component
- react
- data component
- CSS
- data table component
- angular router
- JPA
- 파이썬
- data grid component
- python3
- localStorage
- Python
- 파이썬3
- facebook login
- JavaScript
- Java
- Angular
- React-router
- mobx
- Router
- Spring
- data component module
- Redux
- Spring Boot
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |