CheolCheol Dev Note

Angular 6 듀토리얼 (유튜브) https://www.youtube.com/playlist?list=PLYxzS__5yYQlqCmHqDyW3yo5V79C7eaTe&fbclid=IwAR0Az1zbaeL9on06fhxutrGhkMQsZsa883CC08byWLCLvriYrkn8H3UzT4A Angular NativeScript (IONIC 아님) https://www.nativescript.org/?fbclid=IwAR1ss1muu4o_FJxAErYg22shyf5C56owZg-M2HkCKkVOuLpG34Woe9BBMz8 Google I/O 2018 new Angular 소개 1) 백만 개발자 돌파! (angular.io 활동 user 기준) 2) Angular 파트너 : 웹팩, RxjS, stackBli..

어제는 data를 화면에 뿌리는 것까지 성공했다.이번에 구현을 할것은 버튼 기능이다. 페이지네이션 검색 등 구현해야할 부분은 많은데 그 중에서 우선적으로 구현해야할 부분은 버튼기능인 것 같아먼저 구현을 한다. 어제 글을 다시 설명하면 현재 컴포넌트의 데이터 전달은 다음과 같으며 내가 구현하고 싶은 기능은 다음과 같다.하늘색은 사용자 화면단 부분이고녹색은 data-table 모듈이고노랑색은 사용자가 만들고자 하는 column을 설정하는 부분이다 그래서1. 사용자는 모듈에게 row data들을 주고2. column을 설정하는 부분(directive) 에게는 column 데이터를 주며3. directive에서 받은 column 데이타를 다시 모듈에게 데아터를 줘4. 화면단에 표시해준다. 이제 오늘은 이 부분을..

엊그제 어제 이후 계속 모듈 개발을 한다... 어제 View에 데이터를 뿌리는 것까지 개발을 완료를 했다.하지만 뿌리는것만이 아닌 기능들을 추가해야하는데 남은 기능 구현을 생각해 봤다. 1. Button기능 구현 2. Component 단위 구현 유효기간: yyyy:MM:dd~ yyyy:MM:dd %kmR$ 등등이 있다. 그 중에서 Button기능을 우선적으로 구현 하기로 한다.Button 기능은 수정 및 삭제를 할 수 있게 하는 popup component를 띄우는 것이다. 현재 데이터의 전달은 다음과 같이 된다. 하지만 내가 구현하고 싶은 기능은 다음과 같다. 하늘색은 사용자 화면단 부분이고녹색은 data-table 모듈이고노랑색은 사용자가 만들고자 하는 column을 설정하는 부분이다 그래서1. 사..

어제에 이어서 개발을 해본다. data table을 만든 후에 주소의 데이터가 나오질 않았다.주소 데이터의 typeof를 보니깐 [object Object]로 나왔다. 이것은 data 값이 json 형태이기 때문이다. 내가 실습을 하기위한 데이터의 형태는 다음과 같다. { "id": 0, "name": "Ramsey Cummings", "gender": "male", "age": 52, "address": { "state": "South Carolina", "city": "Glendale" } } 여기서 어제 만든 모듈을 사용하려면 다음과 같이 component의 형태를 사용했었다.여기서 주소 부분의 keyname을 보면 address.city 로 되어있는 것을 확인할 수 있다.모듈로 만들다 보니 사용자..

어제 작성했던 개발일지를 이어나간다.일단 angular에 적용해보기 위해 프로젝트를 하나 팠다. ng new tableModule프로젝트 폴더 뎁스는 다음과 같이 적용했다. apiService는 예제를 만들기 위해 json파일을 읽어드리는 service이다. 어제 글에 테이블을 만드는 소스였는데이 directive로 되어있는데 어떻게 사용하는지 이해가 가질 않았다. 그래서 angular 공식 홈페이지에서 directive에 대해 다시 한 번 알아보기로 했다. angular 공식홈페이지에서는 directive는 크게 Attribute Directive 와 Structural Directives가 있고 그 안에 짜잘하게 있는것 같다. Directive에 대해서는 google에 검색하면 친절한 글들이 많이 있..