본문 바로가기

분류 전체보기

(53)
toDoList - 개발 2일차(화면의 틀 잡기) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) 2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 3. 백엔드 구축 4. DB 생성 5. 세부적인 사항 수정화면의 틀 잡기탭 생성 week는 table로 만들었다. 이러고 보니 한게 별로없다… 내일은 많이하자. 리뷰도 꼬박꼬박 쓰도록 하자.해야 할 일한 달 단위로 보는 month 컴포넌트 생성 각 day, week, month 컴포넌트에서 날짜를 변경하는 기능 구현하기 checkbox로 여러 항목을 동시에 삭제하거나, 하나의 항목만 체크했을때 수정이 가능하도록 구현 할 것. day, week, month 컴포넌트를 따로 생성하고 todos에서 라우팅기능으로 컴포넌트를 종합하여 보여주도록 구현하자.
toDoList - 개발 1일차(화면의 틀 잡기) 개발순서화면의 틀 잡기(간단한 디자인, Bootstrap) 컴포넌트 구체화, 라우팅 모듈 생성(Angular) 백엔드 구축 DB 생성 세부적인 사항 수정 Angular CLI -> toDoList 프로젝트 생성 NodeJs -> 3000번 포트에서 요청이오면 index.html을 보여주는 서버 생성화면의 틀 잡기Angular -> todos 컴포넌트 생성 header와 현재 날짜가 들어갈 공간, create, update, delete 버튼 생성 하루의 toDo를 어떻게 보여주고자 하는지 간단하게 표현 하나의 toDo에는 checkbox와 delete버튼, toDo의 이름이 포함되어 있다.해야 할 일탭을 생성하여 day, week, month 컴포넌트를 라우팅으로 이동할 수 있게 구성하기 일주일 단위로 ..
toDoList - 개발 7일차(subject,OnDestory) 개발순서1. 화면의 틀 잡기(간단한 디자인, Bootstrap) **2. 컴포넌트 구체화, 라우팅 모듈 생성(Angular) ** 3. 백엔드 구축(NodeJs) 4. DB 생성 5. 세부적인 사항 수정날짜 정하기todo.service.ts 를 추가 했다. rxjs 모듈의 subject클래스를 이용하여 todo의 model을 service에 가져오는데 getModel 메서드로 보내면 다른 컴포넌트에서 실시간으로 model을 구독할 수 있었다.ngOnDestroyAngular의 이론을 배울 때, 생명주기와 관련해서 나왔던 단어인데 생명주기를 이해하지 못해서 일단 넘어갔었다. 이번에도 확실히 이해한건 아니지만 어떤 느낌인지 약간은 알겠다. 탭으로 day와 week를 오가면서 날짜가 잘 고정되어 있는가를 확인..
오픈소스 분석 - ngbootstrap/pagination.ts pagination디렉터리 구조 pagination – pagination-config.ts – pagination.module.ts – pagination.tspagination-config.tsInjectable(주입 가능한) 성질을 가지고 있다NgbPaginationConfig class를 생성하여 pagination.ts 의 input 변수들의 기본값을 설정한다.config : (컴퓨터의) 환경을 설정하다.pagination.module.tsNgbPagination, NgbPaginationConfig 파일을 import하고, index로 export 한다.나는 컴포넌트 단위로 기능을 나누곤 했는데, 이는 모듈로 나눈 모습이다.pagination.tsng-bootstrap 모듈에서 불러올 수 있으..
마크다운 문법이란 마크다운 문법이란?공부를 좀 더 깊이있게 시작하고 블로그에 대해 알아보면서 마크다운 문법이라는 단어가 눈에 띄기 시작했다. 어떤 문법일까?마크다운 문법의 개념마크다운은 글자에 서식을 적용하는 방법이다. 글을 써나가면서 끊김없이 글자에 서식을 지정해 줄 수 있는 문법으로써, 인터넷에 글을 쓰는 사람을 위해 만들어졌다.마크다운을 사용하는 이유?한글 또는 다른 문서 편집기에서 글자에 서식을 지정해주려면 글을 쓰고, 해당하는 문단을 블록으로 씌워서 여러번의 클릭으로 지정해주어야 한다. 게다가 워드 같은 프로그램에서 선택한 서식은 이런 서식을 지정해 주기 위해서 내부적으로 많은 코드를 사용하여, HTML코드가 상당히 복잡해진다.마크다운을 사용한다면 이러한 단점들을 보완할 수 있다. 서식을 지정할 때, 글자를 선택..