[TypeScript] 타입스크립트 오브젝트 타입의 특징

2023-03-22 1. 정의 공식문서에 따르면 TypeScript에서 Object는 하나로 정의 되는 타입이 아니라고 한다. 아래의 코드를 살펴보자. interface Pointlike { x: number; y: number; } interface Named { name: string; } function logPoint(point: Pointlike) { console.log("x = " + point.x + ", y = " + point.y); } function logName(x: Named) { console.log("Hello, " + x.name); } const obj = { x: 0, y: 0, name: "Origin", }; logPoint(obj); logName(obj); Poi..

• format_list_bulleted WEB/TypeScript
• · 2023. 3. 22.
• textsms

[TypeScript] 타입스크립트 인터페이스 사용방법 및 Type과 차이점

2023-03-15 1. 방법 사용 방법은 아래와 같다. interface는 대부분 type 키워드와 동일한 역할을 하지만, Object 객체 타입을 명시할 때 사용하는 경우가 많다. interface Person { firstName: string; lastName: string; } function greeter(person: Person) { return "Hello, " + person.firstName + " " + person.lastName; } 객체 지향적인 언어를 사용해 봤다면 interface를 class가 받아 구현체로 사용할 수도 있다. 여기서 키워드 implements 를 사용하는데 type 역시 해당 키워드 사용이 가능하다. class Player implements Person..

• format_list_bulleted WEB/TypeScript
• · 2023. 3. 15.
• textsms

[Spring Security] SecurityContextHolder와 사용자 정보

2023-01-24 1. 정의 SecurityContextHolder는 기본적으로 security context에 접근하는 것을 도와주는 클래스라고 볼 수 있다. 또한 해당 클래스를 호출하여 실행할 때마다 동일 스레드에서 가져온다. 추가적으로 Spring Security 가 자체적으로 메모리를 관리하기 때문에 메모리 누수를 걱정하지 않아도 된다고 한다. 이제 SecurityContextHolder 가 어떻게 사용자 정보를 가져오는지 보자. 2. 방법 아래의 코드는 현재 로그인한 유저 정보를 가져오는 구체적인 코드이다. 해당코드에서 SecurityContextHolder 는 security context의 정보를 가져와 security context 가 가지고 있는 사용자의 정보를 조회하여 변수에 할당하는..

• format_list_bulleted WEB/Spring Security
• · 2023. 1. 24.
• textsms

[Thymeleaf] 타임리프 변수 자바스크립트에서 사용하는법

2023-01-22 1.방법 우선 script 태그 안에 아래의 내용을 삽입한다. th:inline="javascript" 다음은 변수를 사용하고자 하는 함수를 아래와 같이 cdata 형식으로 묶어준다. /* /*]]>*/ 마지막으로 request 객체에 담은 변수를 [[${ }]] 형식으로 담아 사용하면 된다. var regex =[[${regexAllPermit}]]; 아래는 전체 예제 코드이다. 메인 이미지 출처 : 사진: Unsplash의Tianhao Wang

• format_list_bulleted WEB/Thymeleaf
• · 2023. 1. 22.
• textsms

[Thymeleaf] th:text 안에 문자 합치기 / 파라미터 여러개 넣기

2023-01-02 1. 방법 아래와 같이 | 구분자를 쌍 따옴표 안의 시작점과 끝점에 두면 여러 파라미터를 받아 th:text 안에 넣을 수 있다. //dto 형식의 파라미터의 경우 //단순 파라미터의 경우 메인 이미지 출처 : Photo by Sam Goodgame on Unsplash

• format_list_bulleted WEB/Thymeleaf
• · 2023. 1. 2.
• textsms

[Thymeleaf] 타임리프 반복문 사용하는 방법

2022-12-20 1. 방법 th:each 와 th:text를 사용하면된다. th:each 에서 list 형 객체를 가져오고 이 객체를 alias 설정 후에 th:text 에 담아서 데이터를 출력해주면 된다. 메인 이미지 출처 : Photo by Jane Duursma on Unsplash

• format_list_bulleted WEB/Thymeleaf
• · 2022. 12. 20.
• textsms