본문 바로가기
반응형

분류 전체보기379

RoomDB 에서 One to Many 관계 구현하기 # 채팅 DB 구현 오늘은 RoomDB에서 One to Many 관계를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 이 글에서는 채팅의 예를 볼 텐데요. 채팅의 경우, 하나의 채팅룸에 다량의 메시지가 들어가는 one to many 구조를 가지고 있기 때문입니다. 참고로 이 글에서는 RoomDB구현에 대해서는 다루지 않으므로, 이에 관해서는 아래 글을 참조해 주세요. >> Room DB 사용방법 총정리 # Android SQLite 1. 구현 전 필요한 채팅과 채팅룸 Entity 채팅과 채팅룸의 one to many 관계를 구현하기 전에 이들의 Entity가 있어야 하는데요. 먼저 채팅룸 Entity는 다음과 같습니다. @Entity(tableName = "chat_rooms") data class ChatRoom( @.. 2023. 4. 7.
Room DB 사용방법 총정리 # Android SQLite 오늘은 andoird의 Room DB에 대해서 정리해 보도록 하겠습니다. 개인적으로는 Realm을 선호하기는 하지만, Android Architecture Library의 LiveData나 ViewModel과 함께 잘 사용할 수 있는 라이브러리라는 점에서는 매력적이라고 생각합니다. 1. Room 1-1. Room 정식명칭은 Room Persistence library이고요. ORM(Object Relational Mapping)으로서, SQLite 데이터베이스를 사용하기 쉽도록, 데이터베이스를 객체로 매핑해 주는 역할을 합니다. SQLite를 Annotation을 이용해서 좀 더 사용하기 쉽게 추상화했다고 보면 될 것 같은데요. 1-2. Types Room 에서 지원하는 타입은 다음과 같은 것들이 있습니.. 2023. 4. 4.
RemoteConfig 이용해서 다이나믹하게 앱 업데이트 하기 # Android 안드로이드 앱을 만들면서 상황에 맞게 앱을 변경하거나 유저에게 알려야 할 경우가 있습니다. 가장 쉽게 생각해 보면, 앱에서 비정기적인 공지를 보여주거나, 앱의 업데이트된 버전을 확인할 수 있도록 하는 것인데요. RemoteConfig을 이용하면 이러한 일들을 쉽게 할 수 있습니다. 오늘은 RemoteConfig 을 이용하는 방법에 대해서 정리해 보겠습니다. 1. RemoteConfig 앱을 다운로드 할 필요없이 앱의 형태와 동작을 변경할 수 있도록, 구글에서 제공해주는 클라우드 서비스의 형태로 Firebase서비스의 일부인 RemoteConfig입니다. 공식문서에 소개된 이 API의 Architecture는 아래와 같이 구성되어 있습니다. 아직은 무슨 말인지 모를 수 있으니, 휙 둘러보고, 아래글을 다 .. 2023. 3. 23.
Jetpack Compose 화면 하단에 배치하기 Jetpack Compose 에서는 Constraint Layout 을 사용하지 않고도, 사용자의 화면 하단에 무언가를 쉽게 배치할 수 있습니다. 보통 앱의 광고배너가 화면하단에 사용되는데요. 오늘은 이것을 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Colomn 의 화면 하단에 배치하기 이것을 하기위해 필요한 핵심은, Column 과 weight 입니다. Column안에 들어있는 요소들에는 weight 를 줄 수 있는데요. 이를 이용해서, 화면상단부터 나열할 요소인 Column에는 아래와 같이 weight를 1f로 주고요. 그리고 화면 하단에 배치할 Box()에는 weight 관련해서는 아무것도 해주지 않기만 하면 됩니다. 2023. 3. 22.
Jetpack Compose 에서 자간 줄이는 방법 # letterSpacing 오늘은 Jetpack Compose 에서 자간을 줄이는 방법을 정리해 보도록 하겠습니다. 1. 자간 조절하기 Jetpack Compose 에서는 자간을 줄이기 위해서, letterSpacing 값을 수정해 주어야 하는데요. 이때 사용하는 타입이 TextUnit 입니다. 이 TextUnit 은 아래와 같이, sp나 em 단위를 사용하여 생성할 수 있습니다. 저희가 fontSize를 지정할 때 쓰는 단위와 같이 사용하시면 된다는 것이지요. 2. 자간 줄이기 이제 자간을 줄여보도록 하겠습니다. 여기서는 -1.sp 만큼의 자간을 줄여서 글자간격이 서로 달라붙도록 할 텐데요. 참고로 마이너스 값을 사용하기 위해서 앞뒤에 괄호를 붙여서 사용하였습니다. 2023. 3. 21.
ktlint 린트툴 적용하는 방법 정리 # Android Lint 오늘은 KTLint 라는 라이브러리에 대해서 정리해 보도록 하겠습니다. KTLint 에 대해 알아보기전에, lint 툴에 대해서 간단히 알아보고 가겠습니다. 1. lint 린트나 린터라고도 불리는 데요. 이것은 코드에서 버그나 익셉션이 발생할 만한 곳을 표시해주는 툴을 가르킵니다. 다양한 라이브러리가 이러한 툴로 사용되는데요. 추가적으로 Typo(타이핑에러)나 코드 스타일까지도 일관되도록 체크를 해 줍니다. Android Studio에서는 사실 이미 이러한 lint를 제공해주고 있습니다. 코드 작성시에 안드로이드에서 Typo나 발생할 수 있는 문제들을 알려주고 있는 것은, lint 툴들이 동작하고 있기 때문입니다. 특정 파일을 정해서 체크할수도 있는데요. 네비게이션에서 체크를 할 파일을 선택하고, 오른쪽.. 2023. 3. 15.
ChatGPT 데이터를 CSV 로 출력해 SQLite 로 저장하기 오늘은 ChatGPT의 데이터를 CSV 로 저장하는 방법에 대해서 정리해 보도록 하겠습니다. 1. CSV 로 저장하기 1-1. 리스트 형태의 데이터 요청하기 먼저 CSV 형태로 바꿀 데이터가 필요한데요. ChatGPT 에게 아래와 같이 10명의 세계 최고의 CEO들을 리스팅해달라고 하였습니다. 당연히 스티브 잡스나, 일론머스크도 보이네요. list 10 CEO's who have been considered some of the best in history 아래 명령어 하나면 쉽게 복사할 수 있는 코드로 변경됩니다. convert it to copiable CSV format 2023. 1. 26.
Elvis 연산자 의 활용법 총정리 # null 체크 throw 오늘은 Kotlin 의 Elvis Operator 의 활용법에 대해서 정리해 보도록 하겠습니다. 1. Elvis Operator Null 에 대해서 철저한 Kotlin 언어에서는 이에 대한 코드가 길어질 수 밖에 없는데요. elvis 연산자는 null이 나올 수 있을 때, null대신에 다른 값을 부여할 수 있도록 도와줍니다. 표현식이 매우 간결해서 보기에도 편하고 유지보수하기에도 좋습니다. 아래에서는 testValue 가 null 이면, "Default값"을 사용하라고 하는 것을 간결하게 표현해 준 것 입니다. testValue ?: "Default값" 아래와 같이 코드를 활용할 수도 있습니다. 2. return 을 사용한 Null 체크 Elvis 연산자에 null 대신 return 키워드도 넣어서 실.. 2023. 1. 15.
require 와 Check 로 코드에 조건 부여하기 # Kotlin Kotlin에서는 require 와 check 라는 함수를 제공해 주고 있는데요. 이 함수들을 이용하면, 코드에서 명시적으로 특정한 조건을 확인할 수 있습니다. Null 체크나 상태를 확인할 때 도움이 되는데요. 오늘은 이것에 대해서 알아보도록 하겠습니다. 1. require 와 requireNotNull 1-1. require require함수에 인자로 들어가는 조건을 맞추어 주지 못한다면, IllegalArgumentException 를 발생시켜 줍니다. 반드시 필요한 조건이 있을 때 이 함수를 사용해주면 좋습니다. 아래에서는 0이상인 숫자가 아니면 Exceptin이 나오게 하였습니다. 2023. 1. 14.
Firebase Analytics 에서 사용자 OS 분석하기 # API21 오늘은 Firebase Analytics에서 앱사용자의 OS버전을 알아보는 방법에 대해서 정리해 보도록 하겠습니다. 이 글은 Firebase 라이브러리가 이미 적용되었다는 가정하에 쓴 글로, Fireabase analytics 설치나 적용코드에 관한 글은 다른 글에서 정리하도록 하겠습니다. 1. API21 이하 찾아보기 안드로이드 OS의 큰 분기점이라고 할 수 있는 버전이 API21입니다. Retrofit 도 그렇고 여러가지 라이브러리들이 이 버전을 분기로, 더 이상 지원을 하지않고 있기도 합니다. API21은 14년도에 출시된 버전으로서 Android5 (Lollipop)버전이 되겠습니다. 그럼, 현재 앱 사용자들의 버전을 알아야 할 텐데요. Firebase가 그것을 가능하게 해 줍니다. 먼저 Fire.. 2023. 1. 5.
Javascript 함수와 화살표 함수에 대한 정리 # Arrow Function 오늘은 Javascript의 화살표 함수에 대해서 정리하려고 하는데요. 이에 대해서 알아보기전에, 기존의 함수에 대해서 알아보고 정리해 보도록 하겠습니다. 1. 기존의 함수 (Function) 표현 방법 기존의 함수를 선언하는 방법은 크게 2가지가 있었는데요. 함수선언(Function Declaration)과 함수표현식(Functoin Expression)입니다. 1-1. 함수 선언 ( Function Declaration ) 기존의 자바스크립트의 함수선언 방법은, function키워드로 시작해서, 함수의 이름과, 인자를 전달한 후 "{ }"로 감싸서 표현하였구요. return 키워드를 통해서 값을 반환하고, 함수를 종료하여 빠져 나갑니다. 아래와 같이 기본 값을 정해줄 수도 있습니다. 두번째 인수인 b.. 2022. 12. 22.
TypeScript 를 정리해 봅니다 # Optional Chaining 오늘은 TypeScript에 대해서 정리해 보도록 하겠습니다. 1. TypeScript TypeScript 는 마이크로소프트에서 개발한 언어입니다. 이를 사용하는 이유는 크게 아래의 2가지 인데요. Type을 정의해서 사용하여 의도하지 않는 타입의 값이 들어가는 것을 방지 작성하는 최신의 타입스크립트 혹은 자바스크립트를 구버전으로 변환해주는 역할 Javascript의 역할이 커진 요즘 시대에서, 첫번째의 역할도 매우 중요하기는 하지만, 두번째 역할도 매우 중요합니다. 최신 자바스크립트의 언어를 쓸 수 있게 해주기 때문입니다. TypeScript소개 화면도 마이크로소프트의 디자인느낌이 나는데요. 대기업이 관리하는 프로젝트인 만큼 유지보수에 걱정이 없습니다. 많은 프로젝트에서 사용되고 있기도 합니다. 2. .. 2022. 12. 19.
Java 프로젝트에 Kotlin 추가하기 # Android Studio 오늘은 Java로 되어있는 안드로이드 프로젝트에 Kotlin을 추가하는 방법에 대해서 정리해 보도록 하겠습니다. 1. Kotlin 파일 추가하기 안드로이드 공식사이트에서 제시하는 방법은, 먼저 Kotlin파일을 추가하고, 그에 따라서 나오는 인터랙션한 메뉴를 사용하라는 것 인데요. 한번 보도록 하겠습니다. java디렉토리에서 "New > Kotlin Class"를 선택해 줍니다. 2022. 12. 14.
Android Studio Java Runtime Version 에러 발생시 대응 방법 # Gradle 오늘은 Android Studio에서 라이브러리 설치 후에 Java Version에러 발생시 대응하는 방법에 대해서 정리해 보겠습니다. 1. Java Version 아래는 hilt 라이브러리를 dependency를 선언한 후 발생한 에러인데요. 현재 프로젝트에서 사용중인 Java버전인 52와 라이브러리의 플러그인에서 사용하는 버전인 55가 사용이 안된다는 말 입니다. 그럼 버전을 바꾸어 주어야 할 텐데요. 위에서 말하는 52버전은 Java8을 말하구요. 55버전은 Java11을 가르킵니다. 2022. 12. 10.
JSON 파일 로 데이터 변환해 저장하기 # NodeJS Path Serialize 오늘은 Javascript 의 데이터를 JSON스트링 타입으로 변환해 파일로 저장하는 방법에 대해서 정리해 보도록 하겠습니다. 1. 데이터를 JSON 파일로 변경하기 1-1. JSON.stringify() 먼저 Javascript 의 값들을 JSON string으로 변환하는 함수에 대해서 알아보겠습니다. json객체의 stringify()함수가 이 역할을 해주는데요. 아래와 같이 Javascript의 값들을 json string형태로 변환시켜 줍니다. 2022. 12. 8.
GoogleSheet 로 크롤링 하기 # IMPORTHTML IMPORTXML 오늘은 GoogleSheet 의 함수인, IMPORTHTML과 IMPORTXML을 활용하여서, 크롤링을 하는 방법에 대해서 정리해 보도록 하겠습니다. 1. IMPORTHTML 함수 구글시트에는 무려 html페이지에서 table 또는 리스트를 import 하는 함수가 존재합니다. 문서를 보면 아래와 같이 설명이 되어 있네요. 인자로 url, query, index만 넣어주면 되는데요. query는 "table" 또는 "list"를 넣어주면 되구요. index부분에는 2022. 12. 5.
Target Api 31 ( Android12 ) 에서 적용해야 하는 사항들 # Location Intent Filters exported mutability 이제 개발하는 앱들은 모두 targetAPI를 31로 잡아야 하는데요. 오늘은 어떤 것들에 대응해야 하는지 정리해 보도록 하겠습니다. 1. TargetAPI 31(Android12) 22년 11월 부터는 TargetAPI가 31이하일 경우에는 아래와 같은 경고메시지를 보게됩니다. 신규제출하는 경우에는 이미 22년 8월부터 적용되어 있었구요. 기존앱들의 업데이트의 경우 targetAPI31을 반드시 지켜야 합니다. 2022. 12. 1.
Admob 을 Jetpack Compose 에서 구현하는 방법 # AndroidView 오늘은 Jetpack Compose으로 Admob을 구현하는 방법에 대해서 정리해 보겠습니다. 참고로 Firebase가 현재 앱과 연결되어 있지 않다면, 먼저 아래 링크를 참조해서 firebase에서 프로젝트를 생성하고 google-services.json 파일을 저장해주어야 합니다. (https://firebase.google.com/docs/android/setup) 1. Admob 모듈 dependency 설정 1-1. project level build.gradle project 레벨의 build.gradle에는 다음과 같이 google-services를 추가해 줍니다. buildscript { repositories { google() // Google's Maven repository mave.. 2022. 11. 30.
Admob 테스트 기기등록하는 방법 # 부정클릭 방지 오늘은 Android 에서 Admob을 구현시에, 반드시 해야하는 테스트기기 등록하는 방법에 대해서 정리해 보도록 하겠습니다. 이것을 하지 않고 테스트를 하다가 광고를 클릭하게 되면, 무효클릭 혹은 부정클릭 에 해당되어서 페널티를 받게 될 수 있습니다. 1. Logcat 읽어오기 정상적으로 Test기기에 Admob을 구현해서 배포해 보면, 다음과 같은 로그를 볼 수 있습니다. 이 때, Arrays.asList안에 들어가 있는 값이 해당 device의 ID입니다. 2. Configuration 설정 Configuration은 최초에 한번만 해주면 되기 때문에, Initialize를 했던 Application클래스에서 추가해주면 되는데요. 아래와 같이 RequestConfiguration을 빌드해주면 되는데.. 2022. 11. 29.
Button Selector 구현 방법 # 버튼 눌렸을 때 Interaction Jetpack Compose 오늘은 Jetpack Compose에서 Button Selector를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 참고로 예전에 xml로 버튼 selector를 구현하는 방법은 아래 글에 정리되어 있습니다. >> Android 에서 Button 눌렸을 때 이미지 변경 방법 1. 예전방식 Selector 예전에는 아래와 같이 selector xml을 정의해서, pressed를 판별해서 눌려서 true이면 A이미지를, pressed 가 false이면 B이미지를 보여주도록 했습니다. 2. Compose 방식 Compose에서는 UI상태를 State을 통해서 얻고 변경하게 되는데요. pressed 상태는 Interaction State을 통해서 얻어올 수 있습니다. val interactionSource .. 2022. 11. 28.
Crashlytics 구현해서 catch 한 Exception 로그 받기 # 에러 로깅 CrashLytics는 앱이 Crash가 났을경우에 알림을 주는 역할을 해 줍니다. 마켓에 앱을 출시했다면, 필수로 사용해야 한다고 할 수 있는데요. Crash를 알려주는 주 기능이외에도, 다양한 기능들이 있지만, 그중에서도 catch한 Exception에 대해서도 알림을 받는 것이 특히 유용합니다. 오늘은 이 방법에 대해서 정리해 보겠습니다. 만약 Firebase내에 현재 앱의 project가 생성되어 있지 않다면, 먼저 아래 링크를 참조해서 프로젝트를 생성해 주세요. (https://firebase.google.com/docs/android/setup) 1. CrashLytics 라이브러리 implementation 1-1. project level의 build.gradle 먼저 project 레벨 .. 2022. 11. 26.
Jetpack Compose 에서 점선 그리는 방법 정리 # Border dashed line 오늘은 Jetpack Compose 에서 점선을 그리는 방법에 대해서 정리해 보도록 하겠습니다. 1. PathEffect 점선을 그릴 때 필요한 객체가 dashPathEffect객체입니다. DashPathEffect는 JetpackCompose만을 위한 것이 아니라, API 레벨1 시절부터 존재해오던 고전 API입니다. 첫번째 인자가 interval을 나타내구요. 아래와 같이 2이상의 짝수개로 넣어주어야 합니다. val pathEffect = PathEffect.dashPathEffect(floatArrayOf(10f, 10f), 0f) 2022. 11. 25.
투명도 Hex Code # Alpha Hexadecimal Color 디자이너들이 사용하는 툴에서는 컬러값이라는 "333333"과 같은 값과 투명도 80%이런식으로 나타내기 때문에, 경우에 따라서 UI에 나타낼때는 Alpha값인 투명도를 Hex코드로 바꿔주어야 하는데요. 오늘은 자주 사용하는 투명도의 HexCode에 대해서 정리해 보겠습니다. 1. 투명도에 따른 HexCode 투명도에 따른 HexCode를 표로 정리하면 다음과 같습니다. 개인적으로는 90%인 E6, 80%인 CC나, 60%인 99를 많이 사용하게 되는 것 같습니다. 40%미만은 거의 사용해본적이 없는 것 같네요. 투명도 HexCode 100% FF 98% FA 95% F2 90% E6 85% D9 80% CC 70% B3 60% 99 50% 80 40% 66 30% 4D 20% 33 10% 1A 2. 사용.. 2022. 11. 24.
BottomBar Hide 구현방법 정리 # Android Jetpack Compose Jetpack Compose에서는 Acitivity간 이동을 할일은 거의 없습니다. 대신 Compose에서 Navigation을 하는데요. 현재 화면의 route에 따라서 BottomBar 가 사라줘 주어야 할 경우가 있습니다. 오늘은 이것을 구현하는 방법에 대해서 정리해 보았습니다. 참고로 이글을 이해하기 위해서는 Navigation의 구현 방법에 대해서 알고 있어야 하는데요. 이에 대해서는 아래 글을 참조해 주세요. >> Navigation 과 Bottom Navigation 구현방법 정리 # Jetpack Compose 1. BottomBar 가리기 BottomBar 자체를 가리는 것은 그리 어려운 일은 아닙니다. 단순히 아래 이미지와 같이 BottomNavigationBar()부분을, if문으로 .. 2022. 11. 22.
Jetpack Compose 에서 Activity Result 가져오기 # rememberLauncherForActivityResult 오늘은 Jetpack Compose 에서 Acitivity Result를 가져오는 방법에 대해서 정리해 보도록 하겠습니다. 1. rememberLauncherForActivityResult 이전에는 Activity에서 다른 Activity로부터 결과값을 가져올 때 registerForActivityResult를 사용하였습니다. 이와 관련해서는 아래 글을 참조해 주시면 됩니다. >> registerForActivityResult 구현방법 정리 # 예전 onActivityResult Jetpack Compose에서 갤러리에서 이미지등을 가져오려면 registerForActivityResult가 아니라, rememberLauncherForActivityResult API를 사용해 주어야 합니다. 이 API는 .. 2022. 11. 21.
Contentprovider 와 ContentResolver 이용한 CRUD # Mime-type Uri 오늘은 ContentProvider 와 ContentResolver에 대해서 정리해 보도록 하겠습니다. 1. Content Provider 와 ContentResolver 1-1. Content Provider 원래 Data들은 되도록이면 각 앱별로 Private하게 저장하고 Access하는 것이 안전한데요. 반대로 주소록이나 전화기록, Media(Audio, Video, Photo) 데이터들은 그렇지 않습니다. 예를 들어서, 주소록 데이터를 앱별로 앱내 Private Directory에 저장하기 보다는, ContentProvider에 저장하고, 다른 앱에서도 공유해서 사용하는 것이지요. 이러한 Data들은 앱들간에 자유롭게 Access 할 수 있어야 하는 부분입니다. ContentProvider는 컨텐.. 2022. 11. 18.
Uri 에서 Bitmap 파일 생성하는 방법 # getBitmap ImageDecoder 오늘은 Uri를 가지고 Bitmap 파일을 만드는 방법에 대해서 정리해 보도록 하겠습니다. 1. 필요한 API 1-1. ImageDecoder 와 ContentResolver API28부터 지원되기는 하지만, 파일을 Drawable 또는 Bitmap으로 전환시켜줍니다. 정말 다양한 소스로부터 Bitmap객체를 만들어주도록 도와주는데요. 마침 이 API가 uri소스로부터 Bitmap 객체를 만들어주는 createSoruce함수도 제공해주고 있습니다. 광고 ImageDecoder에는 첫번째 인자로 ContentResolver객체를 필요로 하는데요. ContentResolver는, Uri를 이용해서, ContentProvider로부터 데이터의 CRUD(create, retrieve, update, and de.. 2022. 11. 17.
Navigation Drawer 구현방법 # Jetpack Compose 오늘은 Jetpack Compose 를 이용해서 Navigation Drawer 를 구현하는 방법에 대해서 정리해 보도록 하겠습니다. 이 글에서는 TopAppBar등 Scaffold를 이용하면 빠르게 구현할 수 있는 요소들이 있어서, Scaffold 를 사용하고 있는데요. 이에 대한 기본적인 내용은 아래 글을 참조해 주세요. >> Scaffold SnackBar Floating Action Button구현 # Android Jetpack Compose UI Part3 1. Drawer에 표현할 메뉴들 Enum Class로 정의하기 Drawer에 들어올 메뉴들을 미리 정의해 놓았습니다. sealed class로 정의하면, 다이나믹한 데이터를 추가할 수 있지만, enum Class로 들어오면, iterate.. 2022. 11. 16.
Scaffold, SnackBar 그리고 FloatingActionButton 정리 # Jetpack Compose UI Part3 지난 글에서는 Jetpack Compose의 중요한 개념인 State에 대해서 정리하였는데요. 이번 글에서는 Scaffold를 이용해서 머리티얼디자인을 사용하는 방법에 대해서 정리해 보도록 하겠습니다. Jetpack Compose의 지난 글 링크는 아래와 같습니다. >> Jetpack Compose 기본 UI Part1 # Color Card Modifier Column Row >> Jetpack Compose 기본 UI Part2 # State TextField 1. Scaffold Layout 1-1. Scaffold Layout Scaffold 는 Material Design 구조가 적용되어 있는 레이아웃입니다. 이 레이아웃을 이용하면 화면에 Material Design 컴포넌트들을 적절하게 넣을 .. 2022. 11. 15.
State 를 이해하고 TextField 구현하기 # Jetpack Compose UI Part2 지난 글에 이어서 Jetpack Compose 기본 UI Part2에서는 State 에 대해서 다루고, 이를 이용해 TextField를 구현해 보도록 하겠습니다. 지난 part1 글은 아래 링크를 참조해주세요. >> Jetpack Compose UI Part1 # Color Card Modifier Column Row 1. State 1-1. State State의 의미는 상태인데요. 현재 UI의 상태를 의미합니다. UI는 유저나 네트워크의 응답등 따라서 변경된 상태가 반영되어야 하는데요. Composable 함수는 이렇게 변화된 상태를 나타낼 때, 변경된 Value를 가지고 관찰하고 있는 State를 통해 Notify를 받고 그 값을 이용해 Composable함수를 재호출합니다. 이 과정에서, Comp.. 2022. 11. 14.

티스토리툴바