20201226 TIL

오늘 한일

 

• Chatter Box - Client sprint 기능 구현 완료 및 코드 분석
• Browser Security 학습

 

학습내용 및 성취

 

• Chatter Box 기능 구현
  • init : 앱을 실행시킨다. => 다음 메소드 들이 실행됨. refreshDisplay, addEventHandler, fetch
  • addEventHandler : 이벤트를 처리한다. 버튼이 눌렸을 때 handleSubmit 실행
  • fetch : 서버로부터 데이터를 불러온다.
  • renderMessage : 메세지를 DOM 구현한다.
  • fetchAndRender : fetch 메소드 + render 메소드
  • send : 데이터를 서버에 저장한다.
  • clearMessages : 채팅창 화면을 지운다.
  • clearInput : 입력창을 지운다.
  • handleSubmit : send 버튼을 눌렀을 때 동작한다.
  • filetedRoom : Room 변경시 해당 Room의 내용을 표시한다.
  • refreshDisplay : 정해진 시간에 따라 정기적으로 화면을 업데이트 한다.

 

• Browser Security 학습
  • CORS
  • XSS
  • CSR