Windows에서 Flutter 프로젝트 생성 후 Mac에서 해당 프로젝트를 받았을 때 아래와 같이 에러가 발생한 경우가 있습니다. 이 때는 해당 프로젝트의 ios 폴더를 지운 후 재생성해줍니다. /프로젝트 경로 rm -rf ios /프로젝트 경로 flutter create -i swift . 생성 후에는 다시 프로젝트가 열리는 것을 확인할 수 있습니다.

최근 플러터로 앱 개발 공부를 하고 있는데 배포까지 하게 됐습니다. 본 포스팅에서 iOS의 배포 및 테스트를 위한 TestFlight 설정에 내용을 소개합니다.*애플 개발자 계정은 생성되어 있다는 가정하에 진행되니 참고해주세요.※ 테스트 환경Xcode 14.3flutter 3.10.5dart 3.0.5테스트 빌드까지 5단계를 거쳐 설정이 필요합니다.키체인 생성식별자 생성인증서 생성프로필 설정테스팅 설정1. 키체인 생성1-1) command + space 키체인 접근 검색 - 인증서 지원 - 인증 기관에서 인증서 요청 클릭1-2)이메일 주소와 이름 입력요청 항목 : 디스크에 저장됨 1-3) 생성된 인증서는 로그인 탭에에서 확인할 수 있습니다. 2. 식별자 생성(Identifiers)2-1) 애플 개발자에 ..

Flutter 개발시 프로젝트별로 버전을 다르게 관리할 필요가 있습니다.오늘은 FVM(Flutter Version Management)을 이용해 Flutter 버전을 관리하는 방법을 소개합니다. ※ 테스트 환경VSCodeWindows, MacOS [Windows 기준]1. 환경 변수 설정* fvm을 사용하기 위해서는 환경 변수 설정이 필요합니다. 환경 변수 미 설정시 아래와 같은 문구를 확인할 수 있습니다. 2. fvm 활성화관리자 모드로 cmd 창을 실행합니다.dart pub global activate fvm 3. fvm 설정아래 명령어 입력 후 명령어가 조회되어야 합니다.fvm --help 3-1) Flutter 버전 설치fvm install 3.10.5 3-2) 프로젝트 Flutter 버전 변경버..

※ 테스트 환경Spring BootJDK 1.8GradleThymeleaf1. 네이버 개발자 설정1) 애플리케이션 추가Naver Developers 에 접속해 애플리케이션을 추가해줍니다.여기서 Client ID와 Client Secret 키가 생성되고 API 호출시 사용하게 됩니다. 2) API 설정메뉴 - API 설정에 들어와 제공받을 정보를 선택해줍니다. 본 예제에서는 이름과 이메일을 사용했습니다. 3) 로그인 환경 추가PC 웹 환경을 추가하고 테스트 URL을 입력합니다. 2. 로그인 구현네이버 로그인도 카카오 로그인과 동일하 동작합니다. 네이버 인증 서버로부터 인증 코드를 내려받고 인증 코드를 이용해 액세스 토큰을 요청합니다. 그리고 네이버 인증 서버로부터 내려받은 액세스 토큰으로 사용자 정보를 가..

지난 포스팅에 이어 카카오, 네이버 로그인까지 하나의 예제를 만들어보았습니다. 테스트 환경은 동일합니다. ※ 테스트 환경Spring BootJDK 1.8GradleThymeleaf1. 카카오 개발자 설정1) 애플리케이션 추가 Kakao Developers 에 접속해 애플리케이션을 추가해줍니다. 여기서 REST API 키가 사용됩니다. 2) 메뉴 - 플랫폼 - Web 플랫폼 등록애플 로그인과 다르게 카카오와 네이버는 localhost를 등록해 테스트할 수 있습니다. 아래와 같이 포트번호와 함께 테스트 도메인을 입력합니다. 3) 리다이렉트 URI 를 등록 4) 동의항목 설정비즈니스 설정을 한 경우에는 전화번호를 제공받을 수 있습니다. 본 예제에서는 닉네임과 카카오계정(이메일)을 사용했습니다. 5) SECRE..

앱스토어 배포시에 애플 로그인이 필요하다는 말에 개발을 하게 됐었는데 구현이 다른 소셜 로그인에 비해 꽤나 복잡했었습니다. 언젠가 또 개발할 일이 있지 않을까라는 생각에 기록을 남겨봅니다. 애플 로그인은 localhost 테스트가 불가능하기 때문에 도메인을 준비 후(https) 테스트해야 합니다.※ 테스트 환경Spring BootJDK 1.8GradleThymeleaf1. 애플 개발자 설정1) 애플 개발자 사이트에 접속 후 Account 메뉴로 들어갑니다.2) 로그인에 필요한 인증서 생성애플로그인을 하기 위해서는 AppId, Key, Service ID를 생성해야합니다. 식별자(영문)에서 먼저 AppId를 만들어보겠습니다. 3) AppID 생성3-1) Identifiers에서 + 버튼을 클릭합니다. 3-..

예약 관련 서비스를 개발하다보니 관리자 페이지에서 예약 현황을 확인할 때 실시간으로 확인할 수 있는 기능이 필요했습니다. 예약 내용을 누가 확인하는지를 실시간으로 확인할 수 있어야했는데 "알림에 주로 사용되는 SSE(Server Sent Event)를 사용해보면 어떨까"라는 생각이 들엇습니다. 브라우저 접속 후 서버와 커넥션을 열어두고 A 직원이 예약 내용을 확인할 때 서버에 이벤트를 발행하고, 서버에서는 커넥션되어있는 클라이언트에게 알림을 보내주는 형태로(B, C 직원에게 알림) 말이죠. 고민 끝에 웹 소켓보다 가볍고 구현이 쉬운 SSE를 도입했었습니다.오늘 포스팅할 내용은 해당 기능을 구현하며 만든 예제입니다.※ 테스트 환경Spring BootGradleReactPostman1. 프론트엔드 구성1-1..

오늘은 Redis를 데이터 저장소로 사용하는 과정을 포스팅하려고 합니다. Redis는 설치되었다는 가정하에 진행되니 참고해주세요. (Redis 설치 방법) ※테스트 환경 Spring Boot Maven CentOS 7 1) Maven 추가 org.springframework.boot spring-boot-starter-data-redis Spring 설정에 들어가기전에 Redis에 데이터를 저장하는 방법은 2가지가 있습니다. RedisTemplate을 이용한 방법과 RedisRepository를 이용한 방법입니다. RedisTemplate을 이용한 방법은 직렬화,역직렬화 설정 후 데이터를 저장,조회하는 방법입니다.(생성자 주입 후 사용) RedisRepository를 이용한 방법은 CrudReposito..