Day25

Day25

자동 저장 편집기 만들기

• 별도의 저장 버튼 없이 자동으로 서버와 싱크되는 편집기를 만든다.
• url에 따른 라우팅처리가 들어간다.
• PostsPage - 현재 어떠한 게시글들이 있는지 렌더링하는 페이지, post를 새로 생성할 수 있는 버튼도 있어야함. 게시글 제목을 클릭 시 해당 post를 수정하는 곳으로 이동한다. 맨 아래에는 post를 생성할 수 있는 페이지로 이동하는 링크가 있다.
• PostEditPage - post를 생성하고 수정하는 페이지
• 서버 연동 API들 ``` // 편집 가능한 글 목록 불러오기 https://mwu.roto-todo-api.programmers.co.kr/posts - GET

// 특정 게시글 불러오기 https://mwu.roto-todo-api.programmers.co.kr/posts/{id} - GET

// 게시글 정보 저장하기 https://mwu.roto-todo-api.programmers.co.kr/posts - POST

// 게시글 수정하기 https://mwu.roto-todo-api.programmers.co.kr/posts/{id} - PUT ```

• 텍스트 편집 기능 html
  • textarea : 과거에 사용되던 방식, style을 입히는게 불가능하다.
  • contenteditable : html 태그를 사용하여 style을 입힐 수 있다.
• Debounce : 연속적인 같은 이벤트를 하나로 그룹화 하여 단 한개의 이벤트가 발생한 것처럼 처리하는 기술
• Throttle : 일정 주기마다 이벤트를 발생시키는 기술
• 디바운스와 스로틀