내가보려고만든 메자노트

기본 적으로 삼항 연산자는 이렇게 사용할 수 있다. const val = val ? '참일 경우 값' : '거짓일 경우 값' 또 js는 축약으로 이렇게도 사용할 수 있다. const val = a?.b?.c ? '참일 경우 값' : '거짓일 경우 값' a.b.c 의 값을 체크하기 전에 a와 b에 값이 존재하는지를 먼저 확인하는 코드이다. a.b가 없는데 a.b.c를 하면 당연히 에러가 나게 된다. 추가로 undefined와 null을 체크하기 위해 중복으로 나열하지 않고 이렇게 사용할 수도 있다. //undefined || null이면 ''값으로 치환 const val = val ?? ''; 주로 Java 개발을 하다가 javascript로 개발을 하면 이렇게 축약해서 편리하긴 하다. 물론 헷갈리고 어려..

결론은 안됩니다. js를 익숙하게 사용하시는 분들이라면 알겠지만, js가 처음이거나 익숙하지 않다면 놓칠 수 있는 부분이다. 나 역시 Vue.js를 다룰일이 생겨서 개발 중에 원하는 값이 나오지 않아 디버깅하다가 발견 ㅎ.. 잘못된 사용 예시 const arr = [1,2,3,4,5]; arr.forEach((value) => { if(value == 3) return; console.log(value); }); // 기대 실제 // 1 1 // 2 2 // 3 4 // 5 해당 예시에서 return후 forEach문을 빠져나오지 않고 마치 'continue'처럼 동작한다. (forEach에서 continue는 쓸 수 없다.) forEach를 단순히 for문으로 생각하고 사용했기 때문이다. forEach..

앞의 게시글에서는 websocket 사용 환경을 설정하고 stomp를 이용한 기본적인 구현을 해보았다. [spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-설정(1) [spring 멀티 채팅] websocket,sockjs,STOMP 이용한 채팅 기능-STOMP채팅구현(2) 채팅방에 접속해서 사람들과 실시간 메시지 보내기, 받기 기능이 가능한 것 까지가 기본적인 구현이고, 채팅방으로서의 기능을 하려면 내가 채팅방에 접속하기 이전에 내용들도 당연히 볼 수 있어야 한다. 카카오톡 같은 채팅앱에서 위로 스크롤 시 이전 메시지를 불러오는데 이 기능이 바로 무한 스크롤(스크롤 페이징)이다. 기본 레이아웃 구성 채팅 div class = ". chatcontent" .chatcon..