개행문자 브라우저에서 줄바꿈으로 보여주기, 리스트에서 클릭한 값을 제외하고 화면에 보여주기

1. textarea 입력내용이 브라우져에서 줄바꿈이 안되서 나오는 이슈가 있다.

우선 textarea의 값을 확인 후 replace를 통해서 값을 바꿔 주어야 한다.

1) 정규표현식을 이용한 replace를 적용한 방법

this.invitation.message.replace(/(\n|\r\n)/g, '<br>');

2) 일반 메서드 적용한 방법

this.invitation.message.split('\n').join('<br>');

단순히 위의 내용만 작성하면 반영이 안된다.

기존 메세지 값에 오버라이드 해주어야 정상작동한다.

this.invitation.message = this.invitation.message.replace(/\n|\r\n/g,'<br>');

2. 선택 창이 위아래로 나누어진 경우 위의 선택값에 아래 선택창 리스트에서 선택값 제외하고 리스트 뿌리기

filter를 이용하면 간단하다.

this.filterList = this.originalList.filter((item, index)=>
  return (item.address !== this.originalList.value.address 
  			&& item.blockchain !== this.originalList.value.blockchain);
});

주의할 점은 리턴값에 조건값을 걸어주는 것이다. 의외로 많이 헷갈리는 부분임..