Grand_J

React PWA FCM 예제 콘솔창으로 찍힌 토큰 값으로 서버에서 전송하면 됨 끘!@#

앵귤러 기본 참고 : https://grapgrap.tistory.com/30

div 개행 데이터 "\n" newline 개행 표시 방법 let data = "test\n개행테스트" {data} 끗!@#$@%!@#!@#

React 배열 내 변형할 데이터 존재 할 경우 변경 방법 // 기존 멤버 리스트와 변경 멤버 리스트 비교하여 변경된 데이터로 세팅 방법 let memberList = memberList.map((member) => { return Object.assign(member, this.state.memberUpdateList.find(updateMember => { return updateMember && member.user_id === updateMember.user_id })) }) 끘!@#!@#!$@#$@#$ 제목이 뭔 말인지 모르겠네 ㅋㅋㅋㅋㅋㅋ

React setState 동기식 처리 방법! setState는 기본적으로 비동기식 처리 * 동기식(Sync) vs 비동기식(Async) 비지니스 로직을 완전히 끝내고 제어를 반납 : 동기식 비지니스 로직이 끝나지 않아도 제어권을 넘겨서 다음 로직을 수행 : 비동기식 // 콜백함수를 이용하여 동기식 처리 this.setState({ data: data, }, () => { // setState 이후 실행됨 // setState 한 후 처리할 비지니스 로직 혹은 메서드 호출하면 동기식으로 처리 가능 }) 끘#@%$^%$!@#!@$##@$@@@

React Render에서 if else문 사용하기 { // 바로 렌더되는 함수 형태 맨뒤에 ()가 키포인트 (바로실행함수 사용) (() => { if (data.del_yn === "N"){ if(dataText && dataText.length > 0 && data.message_text.indexOf(dataText) > -1){ // UI영역 렌더 시 return ( ) 안에 작성 return ( {data.message_text.substr(0, data.message_text.indexOf(dataText))} {dataText} {data.message_text.substr(data.message_text.indexOf(dataText) + dataText.length)} ) }else{ r..

React map 사용시( (), {} ) 차이점 1. () 사용시 { userList.map((user, index) => ( {user.user_nm} )) } 2. {} 사용시 - console.log, if else문 등 가능 하며 return을 해줘야 함 { userList.map((user, index) => { console.log(user) return {user.user_nm} }) } 끗!@$%$#%^&^%$!@#

Redux state 변경 후 callback 사용법 redux-thunk를 사용함 예시 https://medium.com/@e_himmelfarb/implement-redux-devtools-extension-with-thunk-and-other-async-middleware-20e97100b2b0 How to trigger off callback after updating state in Redux? https://stackoverflow.com/questions/39524855/how-to-trigger-off-callback-after-updating-state-in-redux How to trigger off callback after updating state in Redux? In React..

Json array 두 배열 비교 후 합치기 // 기존 데이터 data1 = [ {user_id : "user1", del_yn : "N", memb_gbn : "002"}, {user_id : "user2", del_yn : "N", memb_gbn : "002"}, {user_id : "user3", del_yn : "N", memb_gbn : "002"}, ] // 변경 데이터 data2 = [ {user_id : "user1", del_yn : "N", memb_gbn : "001"}, {user_id : "user3", del_yn : "Y", memb_gbn : "002"}, ] // user_id 키 기준으로 변경 데이터로 바꿈 const result = data1.map((item1) =>..

StateChange = (updateMember, value) => { //array state 변경 this.setState(prevState => ({ memberList: prevState.memberList.map( // 변경된 수정될 아이디가 있을경우 변경후 합쳐서 담김, 변경된 데이터 없으면 기존 데이터 넣음 obj => (obj.user_id === updateMember.user_id ? Object.assign(obj, { memb_gbn: value }) : obj) ) })); } 끗!@#!@#