반응형

전체 글 706

[JavaScript] 객체 해체 할당(Object Destructuring Assignment)(feat. ES6)

ES6부터 지원하는 기능 중 하나인 객체 해체 할당 객체에서 바로 변수에 값을 한번에 할당할 때 사용(코드의 가독성 및 객체의 속성을 더 쉽게 추출) //객체의 구조가 복잡하거나 여러개의 속성을 한번에 추출할 때 유용하게 사용됨 const person = { name: '어흥', age: 50 }; //객체해체할당을 통해 객체의 속성값을 바로 변수에 할당 const { name, age } = person; //변수명 변경도 가능(아래는 person객체의 name값을 uname이라는 변수에 할당하는 예시) //const { name: uname } = person; console.log(name); // '어흥' console.log(age); // 50 //객체 해체 할당 미사용 const person..

IT/development 2023.10.04

[여행] 용인 대장금 테마파크

목차 대장금 파크를 다녀왔다. 투어카를 타고 언덕을 올라 대장금 파크에 올라갔다.(길이 심한건 아니지만 좀 안 좋다.)다녀온지 좀 지난 시점에 글을 작성하는 거라 기억이 가물가물해 사진 위주로 포스팅한다. 기사분께 듣길 어마어마한 금액(몇천억으로 기억)을 들여서 시공을 했다고 들었고 대장금, 선덕여왕, 주몽 등 MBC의 굵직한 사극들을 이 곳에서 촬용했다고 한다.(타 방송사에서는 대여해서 사용한다고 함)여기는 카페다.카페에서 조금 아래에 있는 정자에서 바라본 대장금파크 모습이다.아래 집들이 훤히 보이니 마치 영화 이끼의 천용덕이 된 느낌이었다.인정전저잣거리여기는 기억이 안난다.수라간대장금테마파크 지도매우 많은 사극을 찍은 곳이기에 한번 정도는 가볼만 한 장소다.

[springBoot] 인터셉터를 통해 메뉴 접근 관리

시스템에서는 보안 때문에 로그인한 사용자의 메뉴 접근 범위를 제한해야 한다. 예를 들어 시스템관리자는 시스템관리 메뉴만 접근할 수 있어야 하고 급여관리자는 급여메뉴에만 접근할 수 있어야 한다. 인터셉터를 통해 아래처럼 구현했다. package kr.dev.common.interceptor; import kr.dev.cmmn.mapper.CmmnMapper; import kr.dev.cmmn.model.MenuVo; import kr.dev.cmmn.service.CmmnService; import kr.dev.user.model.EmpVO; import kr.dev.user.service.UserService; import lombok.extern.slf4j.Slf4j; import org.springf..

IT/development 2023.09.24

[DBMS] N:M(다대다) 관계일 때 매핑 테이블로 관계 형성

하나의 메뉴는 여러개의 유저그룹과 연결될 수 있고 하나의 유저그룹도 여러개의 메뉴정보와 연결될 수 있기에 다대다 관계라고 할 수 있다.(회원과 유저그룹도 마찬가지다) 예를 들어 회원관리라는 메뉴를 A그룹도 가질 수 있고 B그룹도 가질 수 있다. A그룹은 회원관리 뿐 아니라 시스템관리의 메뉴와도 연결될 수 있다. 관계형 데이터베이스에서는 다대다 관계를 풀어내기 위해 중간에 매핑 테이블을 둬서 1:N, N:1로 관계를 품 매핑 테이블은 연결시키는 테이들의 PK만을 가지고 있고 이를 가지고 각 테이블에서 서로 참조할 수 있다. 위의 관계에서 회원이 자신과 연결된 메뉴정보를 알고 싶으면 아래처럼 쿼리를 작성하면 된다. /* 사용자와 매핑된 메뉴 조회 */ WITH UserGroupCodes AS ( /* 유저그..

IT/DBMS 2023.09.24

[티스토리] 티스토리 Open API 이용

목차 최종 목적은 티스토리의 Open API를 이용해서 댓글이 있을 경우 일괄 댓글 작성 기능 개발이다. 관리자 페이지 하단의 오픈 API 앱 등록 내용 작성 후 등록 앱 아이디/키 추후 인증 절차와 인증토큰을 얻을 때 사용되니까 메모해 두고 누구에게도 공유하지 말 것 open API 인증 브라우저에서 아래처럼 URL 호출 https://www.tistory.com/oauth/authorize ?client_id=아까 메모해 둔 앱 아이디 입력 &redirect_uri=https://yaga.tistory.com &response_type=code &state=someValue 결과 아래처럼 나오면 정상적으로 된 거고 허가하기 선택 브라우저에서 아래처럼 URL이 표시되는데 여기서 code값을 복사 해 둔..

[base64] 이미지를 base64로 인코딩

이미지를 base64로 인코딩 한 다음 문자열로 html에 삽입 아래와 같은 base64 툴을 이용해 이미지를 base64로 변환 Image to Base64 | Base64 Encode | Base64 Converter | Base64 Image to Base64 Convert image to Base64 online and use the result string as data URI, img src, CSS background-url, and others. Sometimes you have to send or output an image within a text document (for example, HTML, CSS, JSON, XML), but you cannot do this base64.gu..

IT/development 2023.09.09
반응형