앱 스토어에 아무런 설정없이 배포를 했을 때 기본 언어가 EN으로 설정되어 있게 됩니다.아래와 같이 언어란에 KO를 표기하기 위해서 따로 설정이 필요합니다. 프로젝트 - iOS - Runner.xcodeproj 파일을 vscode로 엽니다. project.pbxproj 파일의 developmentRegion과 knowRegions의 en -> ko로 변경합니다.

최근 Next.js로 만든 대출이자계산기 웹 사이트가 있습니다. 검색 노출을 잘 되게 하기 위해 사이트맵을 제출해봤습니다. 사이트맵을 만들어 구글과 네이버에 제출하는 과정들을 소개합니다.Next 14Vercel사이트맵 만들기사이트맵(Sitemap.xml)은 웹 사이트의 페이지 구조를 검색 엔진에 알려주는데 사용됩니다. 사이트맵을 제출하면 검색 엔진이 웹 사이트의 페이지를 빠르게 찾아 색인화할 수 있고, 이를 통해 검색 결과에 더 많은 페이지가 표시될 수 있습니다.npm 패키지 중 next-sitemap을 통해 sitemap을 쉽게 생성할 수 있습니다. next-sitemap을 설치합니다.npm i next-sitemap 빌드 스크립트에 postbuild를 추가합니다.postbuild: "next-site..

이미지 파일을 Multipartfile로 변환하거나 base64 데이터를 파일로 변환하는 방법을 알아보겠습니다.※ 테스트 환경Spring Boot 2.7.5JDK 11Gradle1. 의존성 추가build.gradle// https://mvnrepository.com/artifact/org.apache.tika/tika-coreimplementation 'org.apache.tika:tika-core:2.9.1'// https://mvnrepository.com/artifact/org.springframework/spring-mocktestImplementation 'org.springframework:spring-mock:2.0.8'// https://mvnrepository.com/artifact/or..

작년에 DB Replication을 통해 리더/라이터 인스턴스를 분리하는 작업을 하고 MySQL을 Aurora MySQL로 이전한 경험이 있습니다. 오늘은 Spring Boot에서 Aurora MySQL(또는 MySQL) 의 이중화 방법에 대해 알아보겠습니다. ※ 테스트 환경Spring Boot 2.7.5JDK 11AWS Aurora MySQL 8.0MyBatisDB Replication 사용 이유DB Replication은 데이터베이스 이중화 방법으로써 DB 서버의 부하를 방지하기 위해 사용합니다.replication은 일반적으로 읽기/쓰기 작업을 구분해 데이터베이스 구조를 나누는 방법이 있습니다. 하나의 Writer(Master) 인스턴스를 두고 여러 개의 Reader(Slave) 인스턴스를 구성하는..

오랜만에 알림톡을 다시 구현할 일이 생겼는데요.연동 방법을 포스팅으로 남겨도 좋을 것 같아 내용을 정리해봤습니다.알림톡 사용을 위해서 NHN Notification - KakaoTalk Bizmessage 서비스를 사용했으며, 발신 프로필이 등록되어야 테스트할 수 있습니다. ※ 테스트 환경Spring Boot1. 알림톡 템플릿 등록알림톡 전송시 사용될 템플릿이 등록되어야 합니다. NHN 접속 후 알림톡 - 템플릿 관리로 이동합니다. 템플릿 등록을 통해 각 내용을 기입합니다. 템플릿 내용에는 변수를 사용할 수 있습니다.템플릿에는 변수를 사용해서 내용을 등록해두고 API 호출시 변수에 대응하는 값을 넣어주면 호출 내용대로 알림톡이 발송됩니다.*템플릿  : #{이름} 알림톡입니다. *API 호출 : 홍길동 알..

최근 Next.js로 만든 프로젝트를 Vercel로 배포해봤는데 정말 간단합니다. 1. Vercel 접속하기 접속 후 계정을 연결합니다. 2. 레포지토리 연결 3. Deploy 실행 따로 설정이 필요 없습니다. package.json에 build 명령어만 Build Command에 입력시켜줍니다. 이후 Deploy를 실행합니다. *만약 env 환경 변수를 필요로 하는 프로젝트는 아래 환경 변수 설정을 참고해주세요. "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, Deploy 전에 env 환경 변수를 사용중인 프로젝트라면 빌드시 환경 변수를 설정합니다. Settings - E..

Next를 공부하며 가장 먼저 찾았던 디버그 모드 적용하는 방법을 소개합니다. 프로젝트 루트 경로에 ./vscode/launch.json 파일을 추가합니다. 그리고 파일안에 아래 내용을 저장합니다. { "version": "0.2.0", "configurations": [ { "name": "Next.js: debug server-side", "type": "node-terminal", "request": "launch", "command": "npm run dev" }, { "name": "Next.js: debug client-side", "type": "chrome", "request": "launch", "url": "http://localhost:3000" }, { "name": "Next.js..

최근 같이 공부하는 스터디팀에서 영어 단어 앱을 만들어 배포했는데요. Next.js로 웹을 구현하고 Flutter의 웹뷰를 이용해 제작/배포한 앱입니다.영어 단어를 읽어주는 기능을 윈도우 함수 중 speechSynthesis로 구현했는데, 이 함수는 안드로이드 웹뷰에서는 지원되지 않는다고 합니다. iOS에서만 테스트를 하다보니 이런 부분을 체크하지 못한 것 같네요.  기존 코드를 보면 영어 단어 클릭시 아래와 같이 speechSynthesis를 이용해서 음성으로 표시되고 있었습니다.window.speechSynthesis.cancel();const speechMsg = new SpeechSynthesisUtterance();speechMsg.rate = 1;speechMsg.pitch = 1.2;spee..