웹페이지를 만든다면 모달과 팝업을 만드는 일은 흔한일인것 같다. 나같은경우는 주로 팝업보다 모달을 생성을 많이 했는데 이게 개인적으로는 어렵게 느껴졌다. 여러가지 방법이야 있겠지만 나는 주로 부트스트랩을 이용해 모달을 띄우는 형식을 사용했었다. 부트스트랩을 이용한 방법은 다음과 같다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 모달을 띄우기 위한 이벤트를 주는 버튼에다가 data-toggle 및 data-target 지정 밑에는 예제 소스이다. Large modal ... 예제 모달 이걸 Angular에도 적용하는 법은 비슷하다. 1. bootstrap.js 또는 bootstrap.min.js 를 import 2. 하위 컴포넌트 지정 3. 상위 컴포넌트의 이벤트..
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
- JSON
- angular router
- localStorage
- JavaScript
- data gird component
- 파이썬3
- facebook login
- python3
- JPA
- Python
- Spring Boot
- jQuery
- Angular
- Router
- 파이썬
- Spring
- 페이스북 로그인
- mobx
- Redux
- data component module
- https://www.tistory.com/auth/logout/
- MySQL
- react
- data component
- React-router
- CSS
- Java
- data table component
- data grid component
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |