반응형 개발111 [Javascript] JSON 비교 방법 / Object.entries / JSON.stringify JSON 오브젝트 값 비교 시 depth가 1depth이면서 key의 순서가 보장이 된다면 단순하게 JSON.stringify 만을 이용하여 비교할 수 있다 var j1 = {a:1}; var j2 = {a:1}; var isEqual = JSON.stringify(j1) === JSON.stringify(j2); 그런데 JSON 오브젝트의 depth가 더 깊어지거나, key의 순서가 보장이 되지 않을 경우엔 비교가 어렵다 그때는 Object.entries 와 JSON.stringify를 사용하면 해결할 수 있다 var json1 = {a:1,b:2,c:{cc:3}}; var json2 = {c:{cc:3},a:1,b:2} var e1 = Object.entries(json1).sort(); // 정렬 .. 2021. 2. 18. [리액트 / material-ui] DialogTitle에 HTML 태그 포함하기 1. 태그 안에서 직접 HTML 태그 사용 다이얼로그 타이틀 2. DialogTitle에 들어갈 값을 prop이나 변수로 받을시 빈 태그로 감싸기 render() { let title = [이름] 필수항목이 모두 입력되지 않았습니다.; return ( {title} 확인 ); } 3. DialogTitle에 들어갈 값을 prop이나 변수로 받을시 array 형태 이용 render() { let title = [ '[비밀번호]' , , '필수항목이 모두 입력되지 않았습니다.' ]; return ( {title} 확인 ); } - 신기했던 점 1,2,3 번의 방법으로 DialogTitle을 넘기고, 개발자모드에서 디버깅으로 확인해본 결과 props.children이 array형태로 넘어가는 것을 확인하였다 .. 2021. 2. 9. [Slack 채널 삭제] 채널 삭제 방법 (삭제 버튼 안 보일때) 슬랙 채널 삭제 할 수 있는 조건 아래 조건을 만족하지 않을 경우 삭제 버튼이 보이지 않는다 1. Owner, 관리자 권한 2. notion, zeplin 등등 기타 공유, 연결된 App이 있으면 안 된다 (연결 끊어야함) # 채널 삭제하는 방법 1) 채널 선택 후 i 아이콘 클릭(상세) 2) 상세화면에서 More 클릭 3) Additioncal options 클릭 4) Delete this channel 클릭 5) 영구 삭제 체크 박스 선택 후 Delete Channel 클릭 2021. 1. 13. [Springboot] 스프링 스케줄러 설정 / 1분 주기 / 5분 주기 / 매일 자정 / 환경 변수 이용 / 예제 1. @EnableScheduling 어노테이션 추가 @SpringBootApplication 어노테이션이 있는 Application.java 파일에 @EnableScheduling 어노테이션 추가 2. Scheduler.java 파일 생성 3. Scheduler class에 @Component 어노테이션 추가 4. 메소드 작성 및 @ Scheduled 어노테이션 작성 (크론표현식 이용) @Scheduled(cron = "0 */5 * * * *") 1분 주기 0 * * * * * 5분 주기 0 */5 * * * * 매일 자정 0 0 0 * * * 5. @Value 어노테이션 이용해서 application.yml, application-local.yml 등 파일에 있는 환경 변수 사용 @Component.. 2021. 1. 11. [SQL] order by 에 case when / 조건에 따라 정렬 예제 SQL 작성 시 정렬이 필요한 경우 : ORDER BY 컬럼명 정렬순서(ASC, DESC) 그런데 이런 경우 말고 특정 조건에 따라 정렬 가중치를 변경해서 정렬하고 싶을 경우 CASE WHEN을 활용할 수 있다 예를 들면 과일 데이터가 있을 때 사과, 오렌지, 체리 순서로 데이터를 뽑고 싶다 이럴 경우 case when을 이용하여 간단하게 정렬할 수 있다 예제1 SELECT * FROM fruit ORDER BY CASE fruit_type WHEN '사과' THEN 1 WHEN '오렌지' THEN 2 WHEN '체리' THEN 3 END ASC 예제2 SELECT * FROM fruit ORDER BY CASEWHEN fruit_type = '사과' THEN 1 WHEN fruit_type = '오렌지.. 2021. 1. 8. [Zeplin x Slack] 제플린 슬랙 연동 1. 연동하고자 하는 대시보드 클릭 2. 우측 메뉴 Integrations -> Slack 아이콘 클릭 3. 연동하고자 하는 슬랙 워크스페이스 확인 및 슬랙 채널 선택 -> Allow 클릭 4. Integrations에서 슬랙과 연동된 걸 확인 할 수 있음 5. 제플린 수정 시 슬랙으로 변동사항 전송됨 (제플린 이미지 및 바로가기 링크) 2021. 1. 7. 이전 1 ··· 11 12 13 14 15 16 17 ··· 19 다음