티스토리

대바보의 끄적끄적

검색하기

블로그 홈

대바보의 끄적끄적

bigstupid.tistory.com/m

개발자의 일상생활

구독자: 0

방명록 방문하기

주요 글 목록

Spring form login RSA 암호화 적용 비밀번호 전송 양방향 암호화(rsa) 적용 view에서 서버로 계속 같은 비밀번호 전송하는걸 막기위해 rsa 양방향 암호화 적용 1.Rsa util 추가 import java.security.KeyFactory; import java.security.KeyPair; import java.security.KeyPairGenerator; import java.security.PrivateKey; import java.security.PublicKey; import java.security.spec.RSAPublicKeySpec; import javax.crypto.Cipher; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.H.. 공감수 0 댓글수 0 2022. 8. 18.
vue 기초 - 1 vue 단일 페이지 어플리케이션 vue 설치 노드,NPM 설치 mac brew 사용시 명령어 brew install node vue cli 설치 명령어 npm install -g @vue/cli vue cli 는 vue project를 빠르게 구성하고, 빌드, 디플로이 할 수 있게 하는 도구. vue 프로젝트 생성 (vue-project) 명령어 vue create vue-project 여러설정이가능한 vue-project-manually 도 있다. 명령어 vue-project-manually 생성된 프로젝트로 접속해 vue 구동 테스트 명령어 npm run serve -- --port 3000 vue 프로젝트 구조 node_modules : npm으로 설치된 패키지 파일들(자바로 치면 lib) publ.. 공감수 0 댓글수 0 2022. 8. 8.
HTTP 쿠키 Cookie란? 쿠키 HTTP는 무상태 프로토콜이기에 쿠키 미사용시엔 클라이언트가 서버에 접속했는지 계속 확인할 수 없다. 사용하는 예 1)로그인후에 유저 정보를 서버가 알기 위해 사용한다. Set-Cookie - 서버에서 클라이언트로 쿠키 전달(Response) Cookie - 클라이언트가 서버에서 받은 쿠키를 저장하고, HTTP 요청 시 서버로 전달 즉, 서버가 쿠키를 전달하면 클라이언트는 저장하고 항상 보내준다. 모든 요청에 자동으로 포함한다. 보안을 위해 쿠키를 서버를 세팅할때 세션 아이디를 생성해서 사용한다. 세션 아이디를 통해 서버에서 누군지 해석한다. 사용처 - 사용자 로그인 세션 관리에서 사용한다. - 광고 정보 트래킹 쿠키 정보는 항상 서버에 전동 됨 - 최소한의 정보만 사용 - 서버에 전송하지 않고, .. 공감수 0 댓글수 0 2021. 8. 13.
HTTP 전송방식,일반정보,특별한정보 전송방식 단순 전송 - 콘텐츠의 길이를 할 때 사용한다. - Content-Length 압축 전송 - 컨텐츠의 용량이 클 때 압축해서 전송한다. - Content-Encoding 분할 전송 - 컨텐츠를 분할해서 전송한다. - 종료시에 0 \r\n으로 표현한다. - 분한 전송시엔 Content-Length이 포함되지 않는다. - Transfer-Encoding 범위 전송 - 클라이언트가 요청한 범위를 전송한다. - Request = Ranges: Bytes=1001~2000 - Response = Content-Range: bytes 1001~2000 / 2000 공감수 0 댓글수 0 2021. 8. 13.
HTTP 표현,협상 이란? 표현 리소스(데이터)를 어떤 표현으로 전달할지를 의미한다. 즉, 서버와 클라이언트가 주고받는 전송 형태를 말한다. json으로, xml으로 표현한다. Content-Type 표현 데이터의 형식 Content-Encoding 표현 데이터의 압축 방식 Content-Language 표현 데이터의 자연언어 Content-Length 표현 데이터의 길이 표현 헤더는 reqeust, response 둘 다 사용 Ex) HTTP/1.1 200 OK Content-Type : application/json Content-Length : 16 {“data”:”hello”} Content-Encoding - gzip등으로 압축했을 때 클라리언트에서 압축방식을 알아야 하기에 표현을 전달할 때 사용한다. Content-Le.. 공감수 0 댓글수 0 2021. 8. 13.
Spring Bean,스프링 빈이란?기초 스프링 빈이란? 스프링이 객체를 생성해 들고 있는다. 즉, 스프링 컨테이너가 생성될 때 컨트롤러(빈)가 같이 생성된다. why? 객체를 계속 생성할 필요가 없고 미리 생성해 그것을 사용한다. 빈과 의존관계 컨트롤러(@Controller) -> 서비스 컨트롤러로 요청이 들어오면 서비스를 통해 비즈니스 작업을 해야 하기에 컨트롤러가 서비스에 의존한다. 의존관계 주입방법 컨트롤러, 서비스를 다 빈으로 등록해준다. 의존관계를 생성할 땐 @Autowired를 사용한다. 빈등 록 방식 1. 컴포넌트 스캔 2. 자바 코드로 스프링 빈 등록 빈 등록은 메인 메서드가 있는 패키지부터 시작한다. 즉, 하위 패키지에 있는 것만 등록된다. 자바 코드로 빈 등록하기 @Configuration public class Spring.. 공감수 0 댓글수 0 2021. 8. 13.
스프링 웹 개발 기초 정적컨텐츠,MVC,API 란? 스프링 웹 개발 기초 1. 정적 컨텐츠 서버에서 파일을 웹브라우저에 그냥 내려준다. resources 경로 안에 static, public안에 html은 스프링 부트에서 자동으로 올려준다. /hello-spring/src/main/resources/static 경로 안 파일 확인 -rw-r--r-- 1 mac staff 222 8 9 14:10 hello-static.html -rw-r--r-- 1 mac staff 227 8 9 10:52 index.html 정적컨텐츠 가져오는 순서 클라이언트 요청 -> 컨트롤러 체크(우선순위는 컨트롤러) -> 없을 경우 static, public 경로 파일 있는지 확인 2.MVC와 템플릿 엔진 Model View Controller View : 화면을 그리는데 집중해.. 공감수 0 댓글수 0 2021. 8. 9.
HTTP 데이터 전송 기초 클라이언트에 서버로 데이터 전송 주로 GET에선 쿼리 파라미터로 전송한다. body도 되긴 하나 잘 사용하지 않는다. POST, PUT, PATCH에선 HTTP 메시지 body로 보낸다. 정적 데이터 조회 - GET을 사용한다. - 쿼리 파라미터를 사용하지 않는다. - 이미지를 가져올 때 사용한다. 동적 데이터 조회 - GET을 사용한다. - 쿼리 파라미터를 기반으로 결과를 동적으로 생성 - 검색어 = 필터 라한다. HTML FORM 전송 - POST를 사용한다. - 웹 브라우저가 FORM데이터를 읽어 HTTP 메시지를 생성해준다. - Content-Type : application/x-www-form-urlencoded - HTTP 메시지 바디에 담아 서버로 보낸다. - GET으로 변경도 가능하나 데이.. 공감수 0 댓글수 0 2021. 8. 6.
HTTP 메서드(GET,PUT,PATCH,DELETE,안전,멱등,캐시사용)란? http 메서드 http api 설계 방법 회원 정보 관리 API를 만들어라. 리소스 기반으로 설계해야 한다. 회원이라는 개념이 리소스이다. /members 공감수 0 댓글수 0 2021. 8. 4.
비연결성,Http메시지 란? 비연결성(Connectionless) TCP/IP는 연결을 유지한다. 요청 응답 형태 근데 서버에 연결된 클라이언트가 많아지면 서버의 부하가 많이 된다. 비연결성의 사용 이유! 연결을 유지하지 않는 모델은 서버가 유지해야 하는 자원이 줄어서 좋다. HTTP는 기본적으로 연결을 유지하지 않는다. Request, Response 형식으로 요청하고 응답이 오면 종료한다. 연결을 바로바로 끊게 되면 수천 명이 사용해도 동시에 들어오는 건 매우 적다. 비연결성의 단점 1.TCP/IP 연결에 필요한 3 way handshake 시간이 계속 추가된다. 2. 웹 브라이저로 사이트를 요청하면 HTML뿐만 아니라 자바스크립트, css, 추가 이미지 등 수많은 자원이 함께 다운로드된다. 처리방법 하나당 연결 후 끊는 게 아.. 공감수 0 댓글수 0 2021. 8. 3.
URI,URL,URN,http,Stateless이란? URI URI (Uniform Resource Identifier) : Uniform = 리소스 식별하는 통일된 방식 Resource = 자원, URI로 식별할 수 있는 모든 것 Identifier = 다른 항목과 구분하는데 필요한 정보 URI? URL? URN? URI는 로케이터(locator), 이름(name) 또는 둘 다 추가로 분류될 수 있다. 즉, URI는 가장 큰 개념으로 생각하면 된다. URL, URN을 포함한다. URL = 리소스가 있는 위치를 지정 URN = 리소스에 이름을 부여 URL을 쓰고 URN을 잘 안 쓰는 이유? 위치는 변할 수 있지만, 이름은 변하지 않는다. 또, URN는 이름만으로 실제 리소스를 찾을 수 있는 방법이 보편화되지 않았다. URL 분석 url예제 : https:/.. 공감수 0 댓글수 0 2021. 8. 3.
HTTP기초,PORT,DNS 란? HTTP 인터넷 네트워크 인터넷 통신이라고 함은? 클라이언트와 서버가 통신하는 것을 말한다.. 클라이언트 서버 중간 노드(서버)들을 거쳐서 데이터가 전달된다. IP(인터넷 프로토콜) 데이터를 전달하려면 주소가 필요한데 그것이 IP이다. IP주소를 통해 데이터를 전달한다. 패킷단위로 전송한다. 패킷에 출발지IP,목적지IP등이 저장된다. 클라이언트 -> 서버, 서버 -> 클라이언트 양쪽 다 모두 동일하다. IP만 있을 때 문제점! 1. 비연결성 상대 주소가 있는 없든 보낸다. 대상 서버가 패킷을 받을 수 있는지 모른다. 2. 비신뢰성 패킷 전송 중 패킷이 사라질 때? 패킷의 용량이 클 때 패킷이 순서대로 안 갈 수 있다. 3. 프로그램 구분 여러 개 프로그램 구동 이 문제를 해결하기 위해 TCP\UDP를 사.. 공감수 0 댓글수 0 2021. 8. 3.
Spring DispatcherServlet 기초개념 스프링 이전에 Servlet을 직접 사용할땐 URL마다 하나하나 만들어야하고 각각의 설정하기가 매우 복잡했다. 이것을 해결하는것이 Spring의 dispatcherServlet이다. 매번 반복작업하던 비생산적인 작업들을 스프링이 뒷단에서 직업해주고 있다. HandlerMapping 으로 클라이언트가 서버에 요청할때 접근할 수 있게 해주고 HandlerAdapter로 요청에 맞는 기능을 찾아준다. //스프링 내부 소스코드 //스프링이 구동될떄 초기에 여러 형태를 미리 준비해놓을 수 있다. protected void initStrategies(ApplicationContext context) { this.initMultipartResolver(context); this.initLocaleResolver(co.. 공감수 0 댓글수 0 2020. 8. 6.
Node.js TDD (mocah,should,supertest)예제 TDD 테스트 주도 개발이란? 개발을 먼저하지 않고 테스트코드를 먼저 만든다. 시간이 많이 걸리는 단점은 있지만 프로젝트를 유지보수할때 큰효과가 나타난다. mocha,should는 단위테스트이다. Ex)함수테스트 : 함수별로 테스트한다. mocha 모카란? 테스트에 사용하는 라이브러리 테스트 코드를 작성하면 테스트를 실행시켜주는것 테스트수트 : 테스트 환경을 꾸며준다. describe()를 사용한다. 테스트케이스 : 실제 테스트를 말하며 모카에서는 it()을 구현한다. 설치방법 : Npm install mocha —saver-dev -dev : -dev를 하면 개발환경에서 필요하다는 말이다. 테스트 실행방법 node_modules/.bin/mocha [테스트파일명] 를 실행한다. 테스트 코드 const .. 공감수 0 댓글수 0 2020. 8. 6.
JAVA Servlet 서블릿이란? 그럼 Servlet이란? 자바엔터프라이즈 에디션에서 제공하는 웹을 만들 수 있게 제공하는것이다. 요청당 쓰레드를 사용한다. 지금은 직접 사용하진않지만 Spring의 기초뼈대이다. 서블릿은 단독으로 실행할 수 없고 서블릿 컨테이너가 실행해야한다. 서블릿 스펙을 준수하는 컨테이너(톰캣)가 서블릿의 라이플사이클을 이용해 실행한다. 라이플사이클 서블릿컨테이너가 서블릿 인스턴스의 init메소드를 호출하여 초기화한다. 서블릿 컨테이너가 구동될때 서블릿 리스너가 DB에 연결하고 여러가지 서블릿에 제공할 수 있다. 서블릿컨텍스트에서 꺼내서 사용한다. 서블릿 컨테이너가 종료할때 서블릿 리스너를 이용해 DB커넥션을 반납한다. Java servlet API은 런타임때 빠진다. 컨테이너가 가지고있다. Servlet 예제 pu.. 공감수 0 댓글수 0 2020. 8. 6.
node.js express의 기초개념 설치방법 npm install express --save 로 설치 express의 사용이유 어플리케이션 - 익스프레스 객체를 어플리케이션이라고 한다. - 서버에 필요한 미들웨어를 추가한다. - 라우팅 설정을 할 수 있다. - 서버를 요청 대기상태로 한다. 미들웨어 - 서버에기능을 추가하고 싶을때 사용하는 함수들의 배열이다. 라우팅 - 여러가지 URL로 들어올때 응답을 설정한다. 요청객체 - request로 생각하면된다. request를 한번더 감싼다. 응답객체 - response로 생각하면된다. response를 한번더 감싼다. use로 미들웨어를 사용한다. //미들웨어 만들기 function logger(req, res, next){ console.log("Test"); next(); } app.use.. 공감수 0 댓글수 0 2020. 8. 6.
Spring Environment 기초 사용방법 Environment Application Context은 Bean Factory기능만 하는게 아니다. Application Context의 기능은 여러가지가 있다. 그 중하나가 Environment이다.(환경설정) Environment 프로파일(Profile) 프로파일이란 Bean들의 묶음 특정 Bean들을 묶어 사용할때 유용하다. @Profile로 ComponentScan으로 등록할 수 있고 @Repository @Profile("!prod")//ComponentScan에 등록하기 public class TestBookRepository implements BookRepository{ @PostConstruct @Override public void run() { System.out.println(".. 공감수 0 댓글수 0 2020. 7. 13.
Spring Scope란? BeanFactory에 등록된 bean들은 scope가 있다. 기본 Scope : Singleton Scope Singleton Scope 이란? 해당 인스턴스가 하나뿐이다. 같은 인스턴스를 재사용하는 것이다. 기본적으론 생성된 bean은 SingletonScope이라 같은 인스턴스을 바라본다. @Scope("prototype”)를 설정하면 매번 다른 인스턴스를 생성할 수 있다. @Scope(“prototype”)차이점 보기 1.Single Class는 기본 Singleton 스코프 2.Proto Class는 prototype스코프로 선언 출력해보면 결과가 다르게 나온다. @Component public class Single { @Autowired Proto proto; public Proto getP.. 공감수 0 댓글수 0 2020. 7. 13.
Spring Autowired와 ComponentScan이란 Autowired란? 빈에서 다른 빈의 의존성을 주입하는것이다. 즉, A bean이 B bean을 사용하려면 @Autowired해준다. Autowired된 bean을 먼저 생성한다. 생각해보면 먼저 생성되어있어야 사용할 수 있다. @Component public class BookServiceRunner implements ApplicationRunner { //BookService를 사용한다. @Autowired BookService bookService; public void run(ApplicationArguments args) throws Exception{ bookService.printBookRepository(); } } 기본적으로는 Autowired를 사용하면 의존성이 있어야하므로 bean.. 공감수 0 댓글수 0 2020. 7. 10.
AOP란? AOP 기초개념 AOP Aspect(관심사) 공통된 관심사?로 이해하면 쉽다. 여러 클래스에서 같은 로직(관심사)이 실행될 때 사용한다. 공통적인 로직을 클래스에 하나하나 추가하지 않고 별도의 클래스로 생성한다. 예를 들어 모든 로직의 수행시간을 측정하려고 한다. //시작 StopWatch sw = new StopWatch(); sw.start(); //여러가지 로직들 //끝 sw.stop(); System.out.println(sw.prettyPrint()); 공통된 로직이 모두 들어간다. 공통된 로직을 분리 후 실행하는방법 -컴파일 컴파일할때 코드를 넣어준다. -바이트코드 조작 A.java -> A.Class 하고 실행 시 클래스 로더가 메모리에 올릴 때 조작한다. 컴파일, 바이트코드 조작의 차이점 코드가 아닌 메모.. 공감수 0 댓글수 0 2020. 7. 9.
Spring IoC(Inversion of Control),Bean,의존성주입이란? IOC Inversion of Control 제어권이 뒤바뀐다. 원래는 자기가 사용할 의존성은 자기가 만들어 사용한다. Ex) new로 생성해서 사용하는 것 Ioc는 사용하지만 만들지 않는다. 즉 누군가가 생성해준다. 누군가란? 스프링 Ex) new를 사용하지 않는다. 의존성 주입 예제 스프링에서 의존성을 주입해준다.(생성자 방식) private final OwnerRepository owners; public OwnerController(OwnerRepository clinicService, VisitRepository visits) { this.owners = clinicService; //vistis 는 생략 this.visits = visits; } 만약 IoC가 적용 안되었다면? 이런 식으로 사.. 공감수 0 댓글수 0 2020. 7. 8.
부자가 되는 미묘한 차이 (존리) - 감상평 신사임당 - 부자가 되는 미묘한 차이 (존리) 자본주의에서 부자가 된 사람들 중 월급을 많이 받아서 된 사람은 거의 없다. 하지만 월급으로 초기 자본 즉 시드를 만들어야 한다. 그다음 시드를 이용해야 한다. 자본주의에선 자본이 일하게 하는 것을 하지 않으면 부자가 될 수 없다. 부자란? 돈으로부터 자유로움을 가지는 것이다. 주식에 투자할 땐 변동성을 이겨내야 한다. 변동성이란? 어떤 것이든 항상 올라가진 않는다. 올라갈 때가 있으면 내려갈 때도 있다. 20년을 기다리려고 해도 당장 10만 원이 7만 원이 되면 마음이 아프다. 확신이 없으면 기다릴 수 없다. 확신을 가지려면 경제 공부를 하여야 한다. 예를 들어 a 회사의 주식을 샀다 1년 뒤 1만 원에서 8천 원으로 하락했다면 보통 스트레스 받는다. 하지.. 공감수 0 댓글수 0 2019. 12. 4.
부자는 알지만 가난한 사람은 모르는 것 (존리) 감상평 신사임당 - 부자는 알지만 가난한 사람은 모르는 것 (존리) 감상평 안빈낙도의 삶으로는 부자가 될 수 없다. 더보기 安貧樂道 ①구차(苟且)하고 궁색(窮塞)하면서도 그것에 구속(拘束)되지 않고 평안(平安)하게 즐기는 마음으로 살아감 우린 익숙한 것이 아닌 것에 잘 도전하지 않는다. 하지만 도전 하는것과 도전하지 않는 것은 차이가 있다. 나무를 심는 것과 심지 않는 것은 엄청난 차이가 있다. 한그루 한그루 심다 보면 숲이 되어있을 것이다. 돈은 쓰는 걸 버릇들이는버릇 들이는 게 아니라 저축하는 것을 버릇 들이는 것이다. 왜 주변에는 쓰는 걸 버릇들이는 사람이 더 많을까? 우리나라는 경제교육을 너무 하지 않기 때문이다. 스스로 생각해봐도 어렸을 때부터 경제 교육을 받은 기억이 없다. 경제 교육은 꼭 받아야 한.. 공감수 0 댓글수 0 2019. 12. 2.
c++ 유도클래스 출력연산자 이용하기 다형성은 편리하고 유용하지만 모든 경우에 사용할 수 없다. 출력연산자가 대표적인 경우이다. 출력연산자를 사용하려면 함수를 따로 하나 생성하여 오버라이딩 한다. 즉, 함수에게 기능을 위임한다. 비슷한 전략이 다른경우에도 사용될 수 있다. 핵심. 새로운 가상함수를 이용해 문제점을 해결한다. #include using namespace std; class Base { public: Base() {}; friend ostream& operator 공감수 0 댓글수 0 2019. 9. 30.
c++ dynamic_cast 동적형변환 자식 클래스의 포인터를 부모클래스의 포인터로 바꾼후 다시 자식클래스포인터로 변경하기. auto와 dynamic_cast를 사용한다. dynamic_cast는 casting에 실패하면 nullptr을 반환한다. static_cast도 사용가능하다. static_cast는 할 수 있는한 최대한 변환시킨다. 안되야 될것도 되는 경우가 생긴다. 하지만 사용할 만한 가치는 있다. static_cast는 nullptr을 반환하지 않는다. #include #include using namespace std; class Base { public: int m_i = 0; virtual void print() { cout 공감수 0 댓글수 0 2019. 9. 30.
c++ 객체잘림,reference wapper 상속할때 보통 부모클래스보다는 자식클래스가 정보를 많이 가지고 있다. 이유 : 추가 함수,추가 변수,오버라이딩 등등 작은 부모의 객체에 큰 자식클래스를 대입한다면 다형성이 사라진다. 부모객체로 인식한다고 생각하면된다. 즉, 자식에 추가된 데이터들이 사라진다. reference_wapper를 사용하거 포인터를 사용하면 객체잘림을 막을 수 있다. 당연, 포인터를 생각해보면 주소값을 대입하는거니 데이터는 그대로 남아있겠지? #include #include using namespace std; class Base { public: int m_i = 0; virtual void print() { cout 공감수 0 댓글수 0 2019. 9. 30.
c++ 다이아몬드 상속문제 해결 다이아몬드 상속문제. 해결하기위해 가상 기본 클래스를 사용한다. 숫자는 class :는 상속을 나타낸다. 아래처럼 상속하면 다이아몬드 구조로 될거 같지만 1class가 두번 생성된다. 1 2 :(상속) 1 , 3 :(상속) 1 4 :(상속) 2,3 상속할때 상속하는 코드에 virtual을 쓰면 한번만 생성된다. 맨 마지막 자식 테이블에서 1class 생성자를 정의해준다. #include using namespace std; class PowerDevice { public: int m_power; PowerDevice(int power){ cout 공감수 0 댓글수 0 2019. 9. 30.
c++ 순수가상함수,추상기본클래스,인터페이스 다형성을 설계관점을 만든다. 기본클래스에서 자식클래스에게 제약을 걸어준다. 순수 가상 함수 - 자식클래스에서 반드시 오버라이딩 해주어야한다. - virtual 로 선언되고 마지막이 = 0; 이면 순수 가상 함수 - 별도로 함수를 구현할 수 있다. 호출할 수 없다. virtual void speak() const = 0; 추상 기본클래스 - 순수 가상함수가 포함이된 클래스 - abstact class는 인스턴스생성이 안된다. class Animal { protected: string m_name; public: Animal(string name) :m_name(name) {} public: string getName() { return m_name; } virtual void speak() const = .. 공감수 0 댓글수 0 2019. 9. 30.
c++ vitual,가상함수 virtual 함수 (가상함수)는 정적이 아닌 동적으로 실행된다. 함수를 실행시 virtual펑션 테이블(포인터)을 찾고 테이블안에 함수 포인터를 사용한다. 다형성 사용시 자식 클래스에도 virtual펑션 테이블(포인터)가 생긴다. 동적바인딩 될때 오버라이딩된 함수는 자식 테이블 함수 주소 값을 가진다. virtual을 사용하면 sizeof()로 확인시 포인터 메모리까지 할당되는 걸 볼 수 있다. #include using namespace std; class Base { public: virtual void fun1() {}; void fun2() {}; }; class Der : Base { public: void fun1() {}; void fun3() {}; }; int main() { cout 공감수 0 댓글수 0 2019. 9. 30.
c++ 정적,동적바인딩 가상함수의 내부동작 이해 속도면에선 static,dynamic중에 static이 빠르다. 정적 바인딩은 프로그램이 실행될때 메모리에 배치된다. 동적 바인딩은 그때 그때 배치된다. dynamic바인딩이란? 쉽게말해 함수 포인터로 동적할당해 그때그때 맞게 함수 주소를 대입한다. dynamic은 포인터로 주소를 타고 가야한다. 하지만 dynamic 즉 동적바인딩을 쓰면 프로그래밍이 유연해진다. #include using namespace std; int add(int x, int y) { return x + y; } int subtract(int x, int y) { return x - y; } int multiply(int x, int y) { return x * y; } int main() { int x,.. 공감수 0 댓글수 0 2019. 9. 30.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.