전체 글72 [Flutter] 모바일 앱을 보호하기 위한 몇가지 보안 난독화 코드 난독화는 역엔지니어링을 위해 코드를 읽기 어렵게 만드는 것입니다. 난독화 코드에 대한 방법은 넘어가겠습니다. 메모리 캐시 플러시 뱅킹 앱과 같은 안전을 중요시하는 앱의 경우 주기적으로 인메모리 캐시를 플러시해야 합니다. class CacheControl extends WidgetsBindingObserver { CacheControl() { WidgetsBinding.instance.addObserver(this); } void _cleanAllCache() { // Cleans all cache. } @override void didChangeAppLifecycleState(ApplifecycleState state) { // 앱이 일시 중지된 시점 체크 if (state == AppLif.. 2023. 5. 21. [Flutter] Theme.of(context) 성능 이슈 Flutter에서 테마 오브(context)를 사용할 때 발생할 수 있는 성능 이슈에 대한 문제점을 알아보겠습니다. 중복 빌드 아래의 코드의 경우에는 `builder` 함수가 위젯 트리가 빌드될 때마다 호출되어 여러 번 빌드가 발생됩니다. 위젯 상태의 변경이나 애니메이션, 화면 리사이즈 등 다양한 이벤트가 발생할 때마다 호출됩니다. class Home extends StatefulWidget { @override _HomeState createState() => _HomeState(); } class _HomeState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: T.. 2023. 5. 10. [Flutter] Xcode File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a Xcode에서 `File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a` 문제가 발생한다면, 아래의 문제가 있을 수 있습니다. Xcode 14는 iOS 11 배포 대상에 대한 빌드만 지원합니다. libarclite이전 OS 버전에는 필요했지만 이제는 더 이상 사용되지 않습니다.이 라이브러리와 관련된 오류가 발생하는 경우 프로젝트의 모든 대상을 감사하여 iOS 11에서 최소 배포 대상에 대한 지원을 선언하는 대상을 최소 iOS 11 또는 그 이상의 최신 버전으로 업데이트해야 합니다. 오류가 발생하는 패키지의 IOS 버전을 최소 11 .. 2023. 5. 3. [Flutter] 애플 개발자 계정 사업자로 전환 및 가입하기 (DUNS 발급) 구글, 애플 개발자 계정의 경우 개인과 사업자로 가입할 수 있습니다. 이번에는 애플 개발자 계정을 사업자로 전환하거나 가입하는 과정과 DUNS 발급하는 부분을 알아보겠습니다. 애플 계정 사업자 가입 애플 개발자 사업자로 가입하려면 다음 단계를 따르면 됩니다. Apple 개발자 웹사이트에 가입하기 먼저, Apple 개발자 웹사이트에 가입해야 합니다. Apple ID를 가지고 있다면 Apple 개발자 웹사이트에 로그인할 수 있습니다. Apple ID가 없다면, Apple ID를 생성해야 합니다. 회원가입 정보 입력하기 Apple 개발자 웹사이트에 로그인하면 회원가입 정보를 입력해야 합니다. 개발자 프로그램에 가입하기 위해 필요한 정보는 다음과 같습니다. 이름, 이메일 주소, 전화번호 회사 이름과 주소 D-U.. 2023. 4. 19. [React] 카카오톡 공유시 썸네일 교체가 안되는 경우 OG 캐시 초기화 하기 카카오톡에 링크를 공유하면 나오는 썸네일 부분은 카카오에서 파싱 하여 캐싱 하게 됩니다. 만약, 변경을 하였는데 즉시 반영이 필요한 경우에는 아래와 같이 카카오 개발자센터로 이동하여 캐시를 지우셔야 합니다. 디버그 캐시 초기화 카카오계정 accounts.kakao.com 2023. 4. 18. [Flutter] 플러터 개발시 모범사례 확인하기 플러터(Flutter)로 앱을 개발할 때, 일관성 없는 코드 작성이나 특정 컨벤션을 지키지 않는 경우 성능 이슈나 재사용성의 저하 등의 문제가 발생할 수 있습니다. 이러한 문제를 방지하기 위해서는 다음과 같은 모범 사례를 따르는 것이 좋습니다. 뷰단 삼항연산자 플러터(Flutter)는 UI(View)와 비즈니스 로직(Model, Controller)을 구분하지 않고 코드를 작성할 수 있기 때문에, 뷰단에서도 코드를 자유롭게 혼합할 수 있습니다. 이러한 점은 개발자들이 빠르게 프로토타이핑을 할 수 있도록 도와주지만, 코드를 장기적으로 유지하기 어렵거나 가독성이 떨어질 수 있다는 단점도 존재합니다. 따라서, 개발자는 코드의 가독성을 높이기 위해 모델과 컨트롤러 등을 적절히 분리하고, 코드의 일관성을 유지하는.. 2023. 4. 9. [Flutter] 앱에서 이미지 최적화하여 성능 향상 시키기 이미지가 이러한 시스템에서 필요한 것보다 큰 경우 특히 저사양 장치에서 성능 저하를 유발할 수 있으며 목록 보기에서와 같이 이미지가 많은 경우에는 성능 하락에 영향이 있으며, 심한 경우에는 앱이 크래시가 발생할 수도 있습니다. 태그 추가 main에 아래 코드를 추가해줍니다. 아래와 같이 추가하게 되면 이제 디버그 콘솔에서 확인할 수 있습니다. debugInvertOversizedImages = true; 이미지 조절 이미지 assets/images/signin/onboarding_1.png의 디스플레이 크기는 639×400이지만 디코딩 크기는 960×600이며 추가로 1666KB를 사용합니다. 사전에 자산 크기 조정, 639의 cacheWidth 매개변수, 400의 cacheHeight 매개변수 제공 또.. 2023. 4. 9. [Flutter] File not found: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a 해결하기 해당 오류의 경우 Xcode가 필요한 파일을 찾지 못해서 발생합니다. 구체적으로는 "/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/lib/arc/libarclite_iphoneos.a" 파일을 찾지 못하고 있다는 것을 의미합니다. 하지만, 실제 오류의 문구와 관계없이 아래의 단계를 통해서 해결이 가능할 수 있습니다. 패키지 IOS 버전 확인 프로젝트와 관련된 패키지에 IOS Target Version을 확인해봐야 합니다. 예를 들면 현재 프로젝트 Target IOS Version은 11로 해놓은 상태이나 관련 패키지 IOS 버전이 너무 낮거나 다른 경우 최소로 수정하여 맞춰주시면 됩니다. 다른 패키지들을.. 2023. 4. 4. [Flutter] Cannot find "xcodebuild". Xcode 13 or greater is required to develop for iOS. Encountered error while building for device. "xcodebuild"를 찾을 수 없다는 오류 메시지와 함께 "iOS 개발을 위해 Xcode 13 이상이 필요합니다"(Cannot find "xcodebuild". Xcode 13 or greater is required to develop for iOS. Encountered error while building for device.)라는 메시지가 표시되면 시스템에 Xcode를 설치하거나 업데이트해야 합니다. 누락되어 설치가 안된 문제가 있을 수 있기 때문에 아래와 같은 방법으로 시도해 보시면 될 것 같습니다. Xcode Developer 설치 터미널에서 아래의 명령어를 입력하여, 설치되지 않은 패키지를 설치해주세요. sudo xcode-select --switch /Applications/Xcode... 2023. 4. 4. [Flutter] 소셜 애플 로그인(Sign In with Apple) 구현하기 해당 글에서는 애플 개발자 등록 및 파이어베이스 등록 및 절차에 관한 내용은 넘어간 후의 애플 로그인 구현을 설명드리겠습니다. Apple 로그인에서 제공되는 정보 이름 : 필수로 받습니다. 단, 유저의 이름은 직접 수정도 가능하기 때문에 실명이 아닐 수 있습니다. 이메일 : 선택입니다. 이외 전화번호, 프로필 사진 등 다른 소셜 로그인에서 제공되는 정보는 받아 올 수 없습니다. Firebase 설정 프로젝트에 맞게 Firebase에서도 프로젝트를 생성해 줍니다. 앱 추가 등록 위 이미지처럼 처음에 Firebase에 접속하게 되면 앱 등록 바로 보이게 됩니다. 안드로이드, IOS 모두 등록해 줍니다. 등록 과정에서 다운되는 google-services.json 파일은 아래와 같이 폴더 경로에 맞게 다르게 .. 2023. 4. 3. [React] npm, yarn, pnpm 차이점과 패키지 관리자 알아보기 패키지 관리자는 개발에 필요한 패키지를 설치하고 관리하는 데 사용되는 도구입니다. JavaScript 프로젝트에서는 npm, yarn, pnpm 등이 대표적인 패키지 관리자입니다. npm npm은 Node.js와 함께 제공되는 JavaScript 패키지 관리자로서, 현재 가장 많이 사용되는 패키지 관리자 중 하나입니다. npm은 Node.js 생태계의 핵심으로서, 개발자가 손쉽게 패키지를 설치하고 관리할 수 있도록 도와줍니다. 2010년 Node.js 프로젝트의 일부로 시작되었으며, 이후 JavaScript 생태계에서 가장 널리 사용되는 패키지 관리자가 되었습니다. npm은 자체 캐시와 의존성 관리 시스템을 갖추고 있어, 중복되는 패키지를 최소화할 수 있습니다. npm의 버전 5 이후부터는 yarn과 비.. 2023. 4. 2. [FastAPI] PyCharm에서 디버그 실행 환경 만들기 최근 개발을 하면서 백엔드 실행을 위해 터미널에서 "uvicorn main:app --reload --host 0.0.0.0 --port 8001" 명령어를 자주 사용했습니다. 이렇게 실행하는 방법도 간단하지만, 개발자의 생산성을 높이기 위해 PyCharm에서 실행 환경을 만들어 사용하는 것이 더욱 편리하다는 것을 알게 되었습니다. 그래서 이번 글에서는 PyCharm에서 디버그 실행 환경을 만들어 백엔드 애플리케이션을 실행하는 방법을 소개하고자 합니다. 이 방법을 사용하면, 매번 터미널을 열어서 명령어를 입력할 필요 없이, PyCharm에서 디버그 실행 버튼만 누르면 애플리케이션이 실행되어 개발자의 생산성을 높일 수 있습니다. 이제부터, PyCharm에서 디버그 실행 환경을 만들어 백엔드 애플리케이션을 .. 2023. 3. 31. [Flutter] 플러터 인앱(in_app_purchase) 정기결제 구현하기 정기 결제를 구현하기 이전에 인앱 상품을 결제하는 방법이 별도로 있습니다. 아래 링크를 통해서 먼저 확인하고 정기결제를 보시는 게 좋을 것 같습니다. 플러터 인앱(in_app_purchase) 결제 상품 구매 구현하기 [Flutter] 플러터 인앱(in_app_purchase) 결제 상품 구매 구현하기 플러터(Flutter)를 사용하여 앱 내에서 상품을 구매하고 소비하는 인앱 결제 기능을 구현하는 방법을 소개합니다. 인앱 결제는 사용자가 앱에서 콘텐츠, 기능, 서비스 등을 구매할 수 있도록 하는 dev-blackcat.tistory.com 정기결제 만들기 먼저, 코드상의 구현은 결제 상품 구매 구현하기 게시글에 있는것과 동일합니다. ProductID만 다르게 입력해 주면 되는 것이죠. 그 외에 전반적인 .. 2023. 3. 19. [Flutter] 플러터 인앱(in_app_purchase) 결제 상품 구매 구현하기 플러터(Flutter)를 사용하여 앱 내에서 상품을 구매하고 소비하는 인앱 결제 기능을 구현하는 방법을 소개합니다. 인앱 결제는 사용자가 앱에서 콘텐츠, 기능, 서비스 등을 구매할 수 있도록 하는 강력한 기능입니다. 이 글에서는 플러터에서 인앱 결제를 구현하는 방법을 간단하게 설명합니다. 먼저, 진행하기 전에 가장 궁금하신 게 결제자를 어떻게 판별하고 관리하는지 궁금하실 거예요. 구글에서 전체적으로 관리를 제공해주지 않기 때문에 별도로 백엔드를 구현하셔서 주문 고객 등 관리를 별도로 해주셔야 합니다. 필요한 패키지 설치 플러터 인앱 결제를 구현하기 위해 필요한 패키지를 설치하려면, pubspec.yaml 파일에 아래와 같이 in_app_purchase 패키지를 추가하세요. in_app_purchase |.. 2023. 3. 19. [Flutter] 어노테이션(annotation) `@` 사용해보기 어노테이션은 개발자가 소스 코드를 정적으로 분석하여 추론할 수 없는 의도를 표현하는 데 사용할 수 있는 주석입니다. 어노테이션 종류 @alwaysThrows 해당 함수가 항상 예외를 던진다는 것을 나타내는 어노테이션입니다. 이 어노테이션이 붙은 함수를 오버라이드하는 함수도 동일한 계약을 준수해야 합니다. @doNotStore 해당 메서드, 게터, 혹은 최상위 게터나 함수에서 반환된 값을 필드나 최상위 변수에 저장하지 말아야 한다는 것을 나타내는 어노테이션입니다. @experimental 해당 라이브러리나 클래스의 API가 실험적이며 언제든지 변경될 수 있다는 것을 나타내는 어노테이션입니다. 이 어노테이션이 붙은 API가 변경되어도 해당 패키지의 버전이 업데이트되지 않아도 됩니다. @factory 해당 인.. 2023. 3. 19. [Flutter] Gradlew signingReport를 이용한 SHA1 및 SHA256 키 확인 간편 가이드 Gradlew signingReport를 사용하여 SHA1과 SHA256 키를 쉽게 확인하는 방법을 소개합니다. 명령어 실행 각 프로젝트 폴더에서 터미널로 `/android` 폴더로 이동하여 아래 명령어 실행 gradlew signingReport 아래와 같이 `Config: debug`, `Config: release`으로 `SHA-1`, `SHA-256` 값을 확인할 수 있습니다. 2023. 3. 18. [디자인] 사용자 친화적인 웹사이트 10가지 방법 (번역) 좋은 디자인은 사용자와 그들의 문제를 고려하여 만들어져야 합니다. 외관만 좋아 보일 뿐 실제 사용자에게 도움이 되지 않는 디자인은 좋은 디자인이라고 할 수 없습니다. 사용자가 이용하기 쉽고 문제를 해결해 주는 디자인이야말로 좋은 딩자인입니다. 그러므로 여기에 "사용자 친화적인 디자인"을 만들기 위한 5가지 방법을 소개합니다. 1. 단순하게 유지하라 디자인에서는 항상 덜하면 더입니다. 사용자가 집중할 수 있도록 디자인을 깔끔하고 복잡하지 않게 유지하세요. 신입 디자이너들이 처음 프로젝트에서 모든 것을 보여주려는 경향이 있습니다. 2. 쉽게 스캔할 수 있게 하라 대부분의 사용자는 단어 하나하나를 읽지 않습니다. 따라서 콘텐츠를 쉽게 스캔할 수 있도록 합니다. 제목, 부제목, 글머리 기호를 사용하여 텍스트를 .. 2023. 3. 18. [React] Vite Proxy CORS 문제 해결하기 Vite를 사용하여 외부 API를 호출할 때, 때때로 CORS 문제가 발생할 수 있습니다. 이러한 문제는 API 호출에 실패하거나, 데이터를 받아올 수 없는 상황을 초래할 수 있습니다. CORS는 Cross-Origin Resource Sharing의 약자로, 보안상의 이유로 브라우저에서 한 도메인의 자원을 다른 도메인에서 요청할 때 발생하는 문제입니다. 이를 해결하기 위해서는 프록시를 별도로 설정해주어야 합니다. Vite에서는 Vite.config.js 파일에서 프록시 설정을 할 수 있습니다. 프록시 설정을 통해, API 요청을 보낼 때 Vite 개발 서버를 거쳐 요청을 보내기 때문에 CORS 문제를 우회할 수 있습니다. 프록시 설정하기 `Vite.config.js` 파일 수정 import react .. 2023. 3. 16. [Flutter] Error (Xcode): 34 duplicate symbols for architecture arm64 해결하기 위 오류의 문제는 관련 패키지 혹은 라이브러리가 잘못되었을때 발생하는 문제가 많습니다. 따라서 pod를 초기화하고 다시 설치해주시면 됩니다. pod 초기화 `ios` 폴더에서 명령어 실행 pod deintegrate pod cache clean --all pod install 2023. 2. 14. [FastAPI] 크론탭(Crontab) 스케쥴러 만들기 백엔드 개발을 하다 보면 특정 시간 혹은 날짜에 맞춰 스케쥴러를 돌려야 할 때가 있습니다. 이럴 때는 아래와 같은 방법으로 진행하면 쉽게 처리할 수 있습니다. 쉘 스크립트 형태 크론탭 실행 파일 생성 `crontab.py` 파일 생성 # -*- coding:utf-8 -*- import logging import os import sys from datetime import datetime import pytz import uvicorn from fastapi import FastAPI from sql import database, models sys.getdefaultencoding = lambda: "UTF-8" sys.getfilesystemencoding = lambda: "UTF-8" datab.. 2023. 2. 9. 이전 1 2 3 4 다음
