# 211022 TIL

장기현장실습

PLSnote 이슈 (진행중)

• plsnote의 새로 올라온 개선공유를 깃랩 이슈로 등록 
  • #2861 노드인쇄기능 추가 개선 이슈 오픈 
  • Plsnote 대화방 오픈 후, 메세지 남김 
    • 에러 및 개선요청 건 엑셀 파일에도 추가할 것..! 

 

• #2785 노트기록 저장 또는 대화방 대화 전송시 알림창 기능 반영 이슈 진행중 
  • 개발자님께 질문하여 confirm 사용법에 대해 알게 됨 
    • confirm은 사용자에게 true / fasle 값을 리턴받을 수 있는 팝업창을 띄워주는 함수 (확인/취소에 따라) 
    • 이 함수를 사용하여 버튼 클릭시 팝업이 뜨도록 구현하기 
  • 이슈 설명에 나와 있는 댓글이 이중적인 의미여서 개발자님과 상의 후, 총 3가지 경우를 구현하기로 결정 
    • 노트 기록시 
    • 대화방에 메세지 전송시 (완료)

      

      • ko.yml, en.yml: confirm_create_new_message 추가 
      • 전송 버튼에 confirm 함수를 연결하여 알림창이 뜨도록 구현하려고 했으나, 버튼에는 data: {confirm: 메세지} 형태로 적용할 수 없음 그리고 버튼 클릭시에 data-action="chat#sendMessage"로 해당 메서드가 작동하도록 구현되어 있어서 이 메서드를 수정해 알림창이 뜨도록 구현 
        • Confirm 함수를 사용하여 true일 때만 메세지가 전송될 수 있도록 구현

          let confirm_result = confirm(confirm_create_new_message);
          
          if (confirm_result) {
          	if ( this.channel.perform('speak', { body: message, chat_id: chat_id })) {
              	this.messageAreaTarget.value = "";
                  localStorage.removeItem('chat_room_'+chat_id);
               } else {
                  alert(alert_not_sended);
               }
               this.enableSend();
          } else return;

    • 플랜>이슈>태스크>결재 댓글 작성시 (완료)

      

      • ko.yml, en.yml: confirm_create_new_comment 추가 
      • form_for 태그에 confirm 함수를 사용해 알림창이 뜨도록 구현

        Data: {confirm: t("activerecord.attribute.comment.confirm_create_new_comment")}

 

 

프론트엔드 개발환경 학습하기

프론트엔드 개발환경의 이해와 실습 (21/39)

[인프런] 프론트엔드 개발환경의 이해와 실습 (사스 Sass)