티스토리

나를 찾는 아이

검색하기

블로그 홈

나를 찾는 아이

trend21c.tistory.com/m

Simple is the best, Go to basic

구독자: 6

방명록 방문하기

728x90

반응형

주요 글 목록

arm64 기반의 github action runner를 사용해보았습니다 https://github.blog/2024-06-03-arm64-on-github-actions-powering-faster-more-efficient-build-systems/ Arm64 on GitHub Actions: Powering faster, more efficient build systemsGitHub Actions now offers Arm-hosted runners with images built by Arm for developers to begin building on the latest and most sustainable processors on the market.github.blog github action에서 사용할수 있는 runner 중에서 arm64 기반의 runner.. 공감수 0 댓글수 0 2024. 6. 18.
리팩터링 내성을 키우는 lint, explicit-function-return-type https://typescript-eslint.io/rules/explicit-function-return-type/ explicit-function-return-type | typescript-eslint Require explicit return types on functions and class methods. typescript-eslint.io 해당 lint는 다음과 같은 케이스에서 모두 오류, 경고를 발생합니다 // 함수에서도 void를 선언해야함 function test() { return; } // 변수에 할당하는 함수에도 number를 선언해야함 var fn = function () { return 1; }; // 애로우펑션에서도 string을 선언해야함 var arrowFn = () =.. 공감수 0 댓글수 1 2024. 3. 12.
10년 이상 시니어가 주니어의 PR 리뷰시 자주 피드백하는 것들 제가 주니어의 PR에 자주 피드백하는 것들을 생각난김에 정리해보았습니다 1. null이 꼭 필요한가요? * string 또는 boolean타입으로도 충분할것 같은데 null이 꼭 필요한가요? * false 또는"" (empty string)으로 처리되지 않을까요? * optional로 처리되어야 하는 이유가 있나요? 2. 더 좋은 이름이 있지 않을까요? * 다소 긴 이름이어도 괜찮습니다 * 함수 또는 변수의 목적이 좀 더 분명하면 좋겠네요 * 이것은 이름이 지나치게 구체적입니다 3. 순수성을 유지해주세요 부수효과가 발생하였습니다 다른곳에서 예상치 못한 오류로 발전될수 있습니다 4. 함수가 하나의 일만 하는것이 좋겠네요 해당 함수가 너무 많은 일을 하는것 같습니다 5. 타입이 추론되지 않습니다 타입이 추론.. 공감수 0 댓글수 1 2023. 12. 31.
shopify가 만든 Liquid를 알아보자 https://shopify.github.io/liquid/ Liquid template language Documentation for the Liquid template language, created by Shopify. shopify.github.io Liquid는 쇼피파이에서 만든 템플릿 언어로 동적 콘텐츠를 가져오는데 사용됩니다 2006년부터 시작해서 지금은 꽤 많은 곳들이 liquid를 사용하고 있습니다 저도 shopify의 테마를 고칠때 쓰거나, braze 를 통한 인앱메시지를 작성할때 liquid를 사용해보았는데요 자주쓰이는 문법을 정리해보겠습니다 제어문 전형적인 if, elseif, else 구문입니다 {% if customer.name == "kevin" %} Hey Kevin! {%.. 공감수 0 댓글수 0 2023. 12. 30.
mysql 새로운 컬럼 추가할때도 table lock 걱정하지마세요 https://dev.mysql.com/doc/refman/5.7/en/innodb-online-ddl-operations.html MySQL :: MySQL 5.7 Reference Manual :: 14.13.1 Online DDL Operations 14.13.1 Online DDL Operations Online support details, syntax examples, and usage notes for DDL operations are provided under the following topics in this section. The following table provides an overview of online DDL support for index operations. An aste.. 공감수 0 댓글수 0 2023. 7. 13.
[typescript] optional 속성에 undefined를 할당할수 있을까? typescript의 옵션중에서 exactOptionalPropertyTypes 옵션이 있습니다 이 옵션은 기본적으로는 disabled 상태입니다 이 옵션이 무슨 옵션인지 한번 알아볼까요 일단 exactOptionalPropertyTypes 이름을 해석해보면 "정확한 옵셔널 프로퍼티 타입" 입니다 옵셔널 프로퍼티 타입이 정확하다는 말이죠 이 말 뜻이 무엇일까요? interface UserDefaults { colorThemeOverride?: "dark" | "light"; } typescript의 기본설정(exactOptionalPropertyTypes가 disabled)에서는 colorThemeOverride는 dark, light 뿐만아니라 undefined 까지 세개의 값을 가질수 있습니다 dar.. 공감수 0 댓글수 0 2023. 7. 12.
Swift OpenAPI Generator 이번 WWDC2023에서 swift open api generator가 공개되었습니다 https://developer.apple.com/videos/play/wwdc2023/10171/ Meet Swift OpenAPI Generator - WWDC23 - Videos - Apple Developer Discover how Swift OpenAPI Generator can help you work with HTTP server APIs whether you're extending an iOS app or writing a server in... developer.apple.com 영상을 보시면 친절한 설명이 담겨있습니다 https://www.swift.org/blog/introducing-swift-op.. 공감수 0 댓글수 0 2023. 6. 14.
아직도 손으로 한땀한땀 response model을 만들고 계신가요? openapi 스펙의 swagger를 많이들 사용하실거예요 클라이언트 개발자 분들은 swagger를 보고 api의 response의 타입에 맞춰 model을 만드는 작업을 할텐데 이 작업이 은근히 번거롭습니다 특히나 response 하는 변수가 수십개가 넘는다면 모델을 일일이 swagger 보고 작업하다가는 오타가날수도 있고 자칫 타입을 실수하는 일도 발생할수 있습니다 이럴때 openapi generator가 큰 도움이 됩니다 https://openapi-generator.tech/ Hello from OpenAPI Generator | OpenAPI Generator Description will go into a meta tag in openapi-generator.tech 설치를 하시고 아래의 명령.. 공감수 0 댓글수 0 2023. 4. 6.
javascript로 글자수 세기 위한 노력 string 타입의 문자열의 길이를 어떻게 구할수 있을까요? 무척이나 간단합니다 "hello".length // 5 이렇게 셀수 있어요 그러면 영어말고 한글은 어떻게 될까요? "안녕하세요".length // 5 똑같은 방식으로 셀수 있습니다 그러면 일본어는? "こんにちは".length // 5 오우! 모두다 실제 사람이 읽을수 있는 글자수만큼 정확히 세어지네요 그렇다면 이모지는 어떨까요? "🏳️‍⚧️🏳️‍🌈👩🏾‍❤️‍👨🏻".length // 24 3을 기대했으나 3개의 이모지를 사용했을뿐인데 length는 24가 나왔네요 이모지는 각각의 이모지마다 서로다른 length를 가지고 있어서 length로 계산할 경우 예측할수 없는 length를 리턴하게 됩니다 하나의 이모지를 하나로 세고 싶을때 어떻게 하면 .. 공감수 0 댓글수 0 2023. 4. 5.
매우 쉬운 github action의 시작, npm test 실행하기 매우 간단하게 github action을 시작해볼수 있는 github action을 작성해보도록 합시다 github action 은 yaml 포맷으로 작성이 되는데요 기본형이 되는 다음의 내용을 작성해봅시다 // action.yml steps: - uses: actions/checkout@v3 - uses: actions/setup-node@v3 with: node-version: 16 - run: npm ci - run: npm test 하나씩 항목을 살펴봅시다 uses 에 actions/checkout@v3 actions/setup-node@v3 라고 나와있는 부분은 이미 다른 사람이 만들어 생성되어있는 액션을 가져다 쓴다고 생각하시면 됩니다 actions/checkout@v3 actions/setu.. 공감수 0 댓글수 0 2023. 3. 10.
as const 로 object를 견고하게 만들기 const ProductStatus = { SoldOut : "SOLDOUT", Sales: "SALES", } 이렇게 object를 이용하여 ProductStatus의 값을 설정하였다고 가정해봅시다 우리는 앞으로 이런식으로 코드를 사용할수 있겠죠 const product = new Product(); product.updateStatus(ProductStatus.SoldOut); 그런데 혹시 누군가가 코드를 이렇게 어디선가 변경할지도 모릅니다 const ProductStatus = { SoldOut : "SOLDOUT", Sales: "SALES", } ProductStatus.SoldOut = "soldout"; 코드베이스가 커질수록 누군가가 이런 실수를 할수도 있겠죠 하지만 상수처럼 활용하는 이 값.. 공감수 0 댓글수 0 2023. 3. 8.
당신의 typescript 함수를 순수하게 만들어줄 readonly Typescript는 여러분에게 컴파일 단에서 많은 타입 도움을 줍니다 특히나 이러한 도움은 휴먼에러를 방지하는데있어서 큰 도움이 됩니다 여러분이 소프트웨어 공학이나 개발서적들을 접하셨다면 함수를 순수하게 만드는것이 아주 중요한것을 알고 계실겁니다 순수함수라고 함은 함수가 계산의 역할만 하고 그 외의 역할은 하지 않는것입니다 이렇게 하는 이유는 코드베이스가 점점 커져갈때 순수하지 못한 함수로 인해서 예상치 못한 버그나 동작을 피할수 있도록 하기 위함입니다 단일책임원칙을 지킬수 있고 물론 테스트코드를 작성하는것도 쉬워지지요 A함수를 실행했을때는 A함수의 연산만을 필요로 한건데 A함수가 뜬금없이 B 변수값을 변경시킨다면 순수하지 못한 함수로서 좋지 않은 영향을 끼칩니다 이럴때 여러분이 사용하면 좋은 키워드가.. 공감수 0 댓글수 0 2023. 3. 7.
typescript의 인터페이스는 javscript에는 없습니다 typescript에서 당연하게 이용하는것이 interface 입니다 인터페이스는 추상화, 다형성에 있어서 매우 의미있는 역할을 하고 있습니다 그런데 typescript의 인터페이스는 javascript에는 없다는 사실 알고 계셨나요? 이 사실을 은근히 모르시는 분들이 많더라구요 javascript는 동적언어로 interface가 없어도 동일한 시그니쳐를 가지고 있는 경우 동일한 타입으로 간주하여 다형성을 사용할수 있습니다 이부분에 대해서는 조금 뒤에 코드에서 다시 알아보기로 합시다 typescript는 javascript에 타입을 지원하여 조금더 편하게(?) 코딩을 할수 있도록 돕는데요 다음의 typescript 코드를 살펴봅시다 interface IAnimal { shout(): void } clas.. 공감수 1 댓글수 0 2023. 3. 6.
http status 304 를 활용하여 네트워크 전송 절약하기 https://developer.mozilla.org/ko/docs/Web/HTTP/Status/304 304 Not Modified - HTTP | MDN 클라이언트 리디렉션 응답 코드 304 Not Modified 는 요청된 리소스를 재전송할 필요가 없음을 나타낸다. 캐시된 자원으로의 암묵적인 리디렉션이다. 이 는 GET 나 HEAD 요청처럼 요청 방법이 안전 한 developer.mozilla.org http 스테이터스 코드중 304 (Not Modified) 라는 스테이터스 코드가 있습니다 설명을 좀 더 읽어볼까요 클라이언트 리디렉션 응답 코드 304 Not Modified 는 요청된 리소스를 재전송할 필요가 없음을 나타낸다. 캐시된 자원으로의 암묵적인 리디렉션이다. 이 는 GET 나 HEAD 요.. 공감수 1 댓글수 0 2022. 12. 9.
import 순서를 지정하는 eslint-import-plugin 하나의 파일이 많은 package들을 import하다보면 import된 시간순서에 따라 뒤죽박죽으로 선언됩니다 민감하신분들은 상단의 import 구문들이 모여있는 곳을 깨끗이 순서대로 정리를 하는 사람도 있을테고 그냥 무시하고 넘어가는 분들도 있을거예요 import 가 모여있는 곳을 깨끗이 정리하고 싶으시다면 import 선언의 패키지들의 순서를 지정하는 eslint-import-plugin 이 있습니다 typescript에서 사용하고 싶으시면 eslint-import-resolver-typescript 를 사용하시면 됩니다 .eslintrc.js(json, js, yml) 를 아래의 설정을 참고하여 선언해주시면 됩니다 import 되는 순서를 Path의 pattern을 통해 상세하게 그룹화할수도 있고 .. 공감수 0 댓글수 1 2022. 11. 2.
tslint 소개 interface-name, interface-over-type-literal lint는 프로젝트의 코드스타일에 일관성을 주니 적극 사용하려고 하는데 tslint의 lint 2개를 알려드려볼까합니다 interface-over-type-literal 코딩을 하다보면 type과 interface 둘중에 어떤것을 쓸지 고민할때가 있는데요 tslint에서 가이드를 하고 있습니다 리터럴에서는 type을 object에서는 interface입니다 interface-name interface를 선언할때는 맨앞에 대문자 아이(I)를 붙여야 합니다 이 두개가 적용된 예는 다음과 같습니다 export type TUserTier = "Basic" | "Premium" | "Admin"; export interface IUser { id: string; name: string; tier: TSomeMem.. 공감수 0 댓글수 0 2022. 11. 1.
m1, m2 silicon mac에서 cocoapods 설치하기 # Uninstall the local cocoapods gem sudo gem uninstall cocoapods # Reinstall cocoapods via Homebrew brew install cocoapods m1, m2 등 실리콘맥에서 cocoapods을 설치할때는 brew를 통해 설치하는것이 편합니다 brew 말고 기존 명령어를 통해 cocoapods을 설치하셨다면 먼저 삭제하시고 brew를 통해 다시 설치해주세요 공감수 1 댓글수 0 2022. 7. 12.
무료 서버 제공주는 곳 정보 푼다 https://vercel.com/ Develop. Preview. Ship. For the best frontend teams – Vercel Deploy web projects with the best frontend developer experience and highest end-user performance. vercel.com nextjs를 만든 vercel입니다 react, vue, nextjs를 비롯해서 내가 만든 개발한 웹어플리케이션을 repository 연결만으로 쉽게 배포하여 서비스가 가능합니다 nextjs는 SSR이 가능하기 때문에 frontend 뿐만 아니라 backend 서비스도 제공할수 있어요 다만 무료로 사용하는 경우네느 서버 edge의 위치를 설정할수 없어 기본 값이 미국이.. 공감수 20 댓글수 0 2022. 7. 6.
mongodb ObjectId 파헤치기 https://www.mongodb.com/docs/manual/reference/method/ObjectId/ ObjectId — MongoDB Manual Docs Home → MongoDB ManualObjectId( )Returns a new ObjectId. The 12-byte ObjectId consists of:A 4-byte timestamp, representing the ObjectId's creation, measured in seconds since the Unix epoch.A 5-byte random value generated once per process. This random www.mongodb.com mongodb는 ObjectId라는 GUID 체계를 사용하고 있습니다.. 공감수 0 댓글수 0 2022. 6. 29.
저렴하게 분산 unique primary key 만들기 티켓서비스로 불리는 이것은 pk로 사용가능한 전역적으로 유일한 interger value(GUID)를 제공해주는 방법입니다 데이터베이스 분산처리를 위해 샤딩을 하게 되면 샤딩한 데이터베이스간의 키의 충돌을 막는것이 가장 우선한 일입니다 mysql의 auto increment 컬럼을 pk로 사용하는것은 모두가 매우 잘 알고 있는 방법이지만 여러개의 데이터베이스가 물리적 또는 논리적으로 구분되어있을때 물리적, 논리적으로 구분된 데이터베이스간의 유일함을 보장하지는 못합니다 (1번 db도 row가 1부터 증가하고, 2번 db도 1부터 증가하면 계속해서 데이터베이스간의 중복된 키가 생기게 됩니다) 잘 알려진 복잡한 키값을 GUID로 쓰는 방법도 있는데 대부분의 GUID는 크고, 이것은 mysql 인덱싱에 좋지 않.. 공감수 0 댓글수 0 2022. 6. 28.
hset을 이용하여 메모리 효율적으로 redis에 저장하기 https://instagram-engineering.com/storing-hundreds-of-millions-of-simple-key-value-pairs-in-redis-1091ae80f74c Storing hundreds of millions of simple key-value pairs in Redis When transitioning systems, sometimes you have to build a little scaffolding. At Instagram, we recently had to do just that: for legacy… instagram-engineering.com 이 포스팅은 instagram engineering 블로그의 2011년 포스팅을 기반으로 이 내용을 이해하기.. 공감수 0 댓글수 0 2022. 6. 27.
캐싱(caching) 전략 lazy caching 가장 보편적으로 쓰이는 캐시 방식입니다 실제로 object에 대한 요청이 왔을때 캐시를 생성합니다 1. 최신 10개의 뉴스를 가져오는 쿼리를 요청받았다 2. 캐시서버에 해당 캐시를 가지고 있는지 체크한다 3. 캐시가 있다면(cache hit) 캐시된 오브젝트를 리턴한다 4. 캐시가 없다면(cache miss) 데이터베이스에 직접 쿼리하여 생성된 결과로 캐시를 생성하고 결과를 리턴한다 장점 실제로 요청이 왔을때만 캐시가 생성됩니다. 이말은 캐시 크기가 잘 관리되고 있고, 메모리를 효율적으로 잘 사용할수 있다는 말입니다. 대략 코드로 작성해보면 이렇습니다 딱히 파이썬을 알지 못하더라도 이해에 어렵지 않습니다 # Python def get_user(user_id): # Check the.. 공감수 0 댓글수 0 2022. 6. 24.
github multi account, multiple profile 설정하기 github을 열심히 사용하는 개발자들이라면 아마도 개인적으로 하는 프로젝트들도 github에 있을거고 회사에서도 github을 쓰고 있을거예요 물론 회사용 컴퓨터, 개인용 컴퓨터로 구분하여 회사용 컴퓨터로는 회사용 github repository에 접근하고 개인용 컴퓨터로는 개인용 github repository에 접근하는것이 제일 좋은데요 회사일과 본인일의 경계가 희미한분들은 동일한 pc에서 회사용, 개인용 github계정을 모두 써야할 필요가 있을때가 있습니다 이런분들을 위한 github의 다중 계정을 설정하는 방법을 알려드려요 여기서 소개하는 세팅의 기본적인 개념은 회사 계정을 디폴트로 두고 개인계정을 추가하는 방식인데요 내용을 이해하시고 참고하시면 반대의 세팅을 하거나, 2개 이상의 여러개의 세.. 공감수 0 댓글수 0 2022. 6. 22.
kt ucloud object storage 전체 삭제하기 kt ucloud의 UI콘솔이 기능이 부족하여 내부에 파일이 있는 버킷을 삭제하는것도 쉽지가 않습니다 그래서 별도의 툴을 사용해야하는데 우리는 개발자인만큼 cli를 사용하는게 가장 속편합니다 kt ucloud는 openstack을 사용하고 있어서 openstack의 툴과 명령어들을 사용가능합니다 https://github.com/jkyoung0/swift-cli-dist GitHub - jkyoung0/swift-cli-dist: a distribution repo for openstack swift command-line tool a distribution repo for openstack swift command-line tool - GitHub - jkyoung0/swift-cli-dist: a d.. 공감수 0 댓글수 0 2022. 6. 18.
IAM을 통해 aws codecommit 사용하기 https://aws.amazon.com/ko/codecommit/ AWS CodeCommit | 관리형 소스 제어 서비스 AWS CodeCommit을 사용하면 자체적으로 소스 제어 서버를 호스팅하고, 유지 관리하고, 백업하고, 확장할 필요가 없어집니다. 이 서비스는 프로젝트의 요구 사항이 늘어남에 따라 이를 충족하기 위해 aws.amazon.com AWS의 서비스중에서 codecommit이라고 불리는 소스코드 관리 서비스가 있습니다 github, bitbucket 이런것들처럼 git 레파지토리를 저장하고 관리해주는 서비스라고 할수 있습니다 그런데 저는 codecommit은 추천하지 않습니다. 우리의 소스코드는 원격지에 저장하는것뿐만 아니라 PR도 생성하고 리뷰도 하고 우리가 github을 사랑하는 많은.. 공감수 0 댓글수 0 2022. 5. 13.
누가 javascript로 SOLID 지키는 소리를 내었는가 이론적으로 OOP(객체지향프로그래밍)을 배울때 항상 함께 배우는 이론적 지식이 SOLID 원칙입니다 객체지향설계라고 불리는 SOLID 원칙은 프로그래밍할때의 아주 중요한 가이드라고 할수 있습니다 S - SRP 단일 책임 원칙 (Single responsibility principle) 한 클래스는 하나의 책임만 가져야 한다. O - OCP 개방-폐쇄 원칙 (Open/closed principle) “소프트웨어 요소는 확장에는 열려 있으나 변경에는 닫혀 있어야 한다.” L - LSP 리스코프 치환 원칙 (Liskov substitution principle) “프로그램의 객체는 프로그램의 정확성을 깨뜨리지 않으면서 하위 타입의 인스턴스로 바꿀 수 있어야 한다.” 계약에 의한 설계를 참고하라. I - ISP.. 공감수 0 댓글수 0 2022. 5. 6.
덕타이핑은 뭐냐 컴퓨터 프로그래밍 분야에서 덕 타이핑(duck typing)은 동적 타이핑의 한 종류로, 객체의 변수 및 메소드의 집합이 객체의 타입을 결정하는 것을 말한다. 클래스 상속이나 인터페이스 구현으로 타입을 구분하는 대신, 덕 타이핑은 객체가 어떤 타입에 걸맞은 변수와 메소드를 지니면 객체를 해당 타입에 속하는 것으로 간주한다. “덕 타이핑”이라는 용어는 다음과 같이 표현될 수 있는 덕 테스트에서 유래했다. (덕은 영어로 오리를 의미한다.) 만약 어떤 새가 오리처럼 걷고, 헤엄치고, 꽥꽥거리는 소리를 낸다면 나는 그 새를 오리라고 부를 것이다. 일단 바로 코드로 얘기해보죠 interface Animal { fun shout() } class Duck : Animal { init {} override fun s.. 공감수 0 댓글수 0 2022. 5. 4.
M1 맥에서 docker를 빌드 했는데 오류가 발생할때 M1 chip을 사용하는 맥에서 도커 이미지 빌드후에 푸시를 하고, 해당 이미지를 기반으로 aws에서 컨테이너를 생성할때 오류가 발생하신다고요? 당연히 그럴수 있어요 아마도 이런 오류를 만나셨을것 같습니다 exec user process caused: exec format error 별다른 옵션없이 도커 이미지 빌드를 M1 맥에서 했다면 해당 이미지는 M1용 이미지라서 이 이미지를 리눅스상에서 컨테이너화 하면 오류가 발생할수 있습니다 도커에서 이미지를 빌드할때 --platform 옵션을 통해 어떠한 환경에서 컨테이너화할지 생각해보시고 옵션을 주면 해당 OS에서 컨테이너가 실행되어도 정상적으로 동작합니다 docker buildx build --platform=linux/amd64 -t image-name:.. 공감수 0 댓글수 0 2022. 1. 31.
DST Root CA X3 루트 인증서가 만료되었습니다 위와 같은 에러가 갑자기 나타나고 있나요?(2021/10/1 기준) 정상적으로 동작하고 있는 웹사이트에 접속해보니 ERR_CERT_DATE_INVALID 에러가 나타나고 있습니다 인증서의 date가 유효하지 않다고 나오는 오류입니다 실제로 인증서가 만료되었거나, 사용자의 PC에서 로컬 날짜 세팅이 잘못되었거나 하면 발생할수 있는 문제입니다 그런데 인증서도 만료가 되지 않았고, 사용자 PC의 로컬 시간도 아무런 문제가 없었죠 letsencrypt 의 ssl 인증서를 사용하고 계신가요? 저도 그렇습니다 letsencrypt에서 DST Root CA X3 루트 인증서의 만료일이 바로 2021/9/30일이었던터라 해당 오류가 발생하는 것입니다 https://letsencrypt.org/ko/docs/dst-ro.. 공감수 4 댓글수 8 2021. 10. 1.
맥에 오라클 설치하기 맥 로컬개발환경에 오라클을 설치해봅시다 맥에서는 도커로 설치를 해야합니다 오라클 도커이미지를 검색해보셔서 마음에 드는것을 설치하셔도 됩니다 $ docker search oracle 하지만 인기 많고 최신의 이미지는 이겁니다 wnameless/oracle-xe-11g-r2 이름은 확인했으니 다운받아봅시다 $ docker pull wnameless/oracle-xe-11g-r2 이미지를 로컬에 다운받습니다 이제 이 도커 컨테이너를 실행하면 됩니다 $ docker run -d -it --name oracle-xe-11g-r2 -p 1521:1521 -e "TZ=Asia/Seoul" wnameless/oracle-xe-11g-r2 명령어의 옵션은 다음과 같습니다 -d : 컨테이너 백그라운드 실행 -it : 표준.. 공감수 1 댓글수 0 2021. 9. 1.

728x90

반응형

문의안내

티스토리
로그인
고객센터

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