sm 기술 블로그

원하는 결과물 state에 저장된 메시지의 항목 중 원하는 항목의 내용을 변경하고자 한다. Prev 사용 prev는 state의 이전 값들을 뜻한다. setMsgC((prev) => [...prev].map((_msg) => (_msg.id === newMsg.id ? { ..._msg, content: newMsg.content } : _msg)) ); 다음과 같이 prev와 삼항연산자를 이용한다. (prev) => [...prev].map((_msg) MsgC내에 있는 값들을 가져와 map을 이용하여 각 항을 이용할 준비를 마친다. (_msg.id === newMsg.id ? { ..._msg, content: newMsg.content} : _msg)) 그 후 각 항의 id와 새로 들어온 메세지의 ..

1. 삼항연산자 (조건식 ? true : false) 통상 제일 많이 쓰는 조건 식으로 조건식에 따라 true 와 false를 반환한다. 만약 true 만을 사용하고자 한다면 좀 더 간단한 연산자가 있다. 2. &&연산자 (조건식 && true) && 연산자로 통상 and로 많이 알고 있을텐데 jsx에서 if 역할로 사용이 가능하다. 출처: https://codingapple.com/unit/react-if-else-patterns-enum-switch-case/

설정 창에서 default formatter 를 검색한다. 만약 에디터가 null 이라면 prettier로 바꿔준다.

JPA 에서 기본 @query 는 JPQL을 사용한다. "select t from test t" 다음과 같다. 하지만 SQL문이 편한 사람이 있을 것이다. 이때 nativeQuery=true 을 사용해주면 간단히 해결된다. 예를 들어 JPQL을 쓰면서 from에서 서브쿼리를 사용하고 할 때, 제대로 작동하지 않는다. 따라서 JPQL을 sql로 변환하여 사용해보자. @Query(value = "SELECT * FROM (" + " SELECT * FROM `talk`" + " WHERE talkroom_id LIKE %:s% ORDER BY id DESC" + " LIMIT 18446744073709551615" + " ) a" + " GROUP BY talkroom_id" , nativeQuery=tru..