Seemingly Online

Flutter에서 Android SDK 35 및 NDK 충돌 해결 정리

Seeminglyjs — Mon, 21 Jul 2025 11:48:33 +0900

2025-07-21

1. 문제

A failure occurred while executing com.android.build.gradle.internal.res.LinkApplicationAndroidResourcesTask$TaskAction
   > Android resource linking failed
     aapt2 ... Failed to load resources table in APK '/Users/xxx/Library/Android/sdk/platforms/android-35/android.jar'.
     error: failed to load include path ...

또는

* What went wrong:
Execution failed for task ':app:processDebugResources'.
> A failure occurred while executing com.android.build.gradle.internal.res.LinkApplicationAndroidResourcesTask$TaskAction
   > Android resource linking failed
     aapt2 E 07-21 11:22:27 15338 153482 LoadedArsc.cpp:94] RES_TABLE_TYPE_TYPE entry offsets overlap actual entry data.
     aapt2 E 07-21 11:22:27 15338 153482 ApkAssets.cpp:149] Failed to load resources table in APK '/Users/XXXXXXXX/Library/Android/sdk/platforms/android-35/android.jar'.
     error: failed to load include path /Users/jangsungwoo/Library/Android/sdk/platforms/android-35/android.jar.

원인: android-35의 android.jar 파일이 제대로 설치되지 않았거나, AGP(Gradle Plugin)가 SDK 35를 지원하지 않아서 발생

2. 해결 방법

Gradle 버전 업그레이드

./gradlew wrapper --gradle-version=8.9

AGP(Android Gradle Plugin) 버전 업그레이드 (settings.gradle)

plugins {
    ...
    id "com.android.application" version "8.5.0" apply false
    ...
}

이후 다시 flutter clean 및 flutter pub get, flutter run 하시면 SDK 35 관련 오류는 해결됩니다.

3. 추가 문제

Android NDK 버전 충돌 문제 해결

Your project is configured with Android NDK 23.1.7779620,
but the following plugin(s) depend on a different Android NDK version:
- appsflyer_sdk requires Android NDK 26.1.10909125
...
Fix this issue by using the highest Android NDK version.

Flutter에서 사용하는 android/app/build.gradle 파일에 아래와 같이 ndkVersion을 명시적으로 하드코딩:

android {
    compileSdkVersion 35
    ndkVersion "26.1.10909125"

    ...
}

JPA save() vs saveAndFlush() 동작원리

Seeminglyjs — Wed, 2 Jul 2025 17:23:41 +0900

2025-07-02

사진: Unsplash 의 Marek Piwnicki

save() vs saveAndFlush() 차이점

항목	save()	saveAndFlush()
기능	엔티티를 영속성 컨텍스트(Persistence Context)에 저장	엔티티 저장 + flush()를 즉시 호출
DB 반영 시점	flush 시점 (트랜잭션 커밋 or 명시적 flush 시)	즉시 flush → DB에 SQL 실행
트랜잭션 내에서 커밋 전까지 DB에서 조회 불가	✅ 가능	❌ flush로 DB에 즉시 반영됨
성능	일반적으로 더 효율적 (버퍼링)	성능 비용 있음 (즉시 DB IO)
주 용도	일반적인 CRUD 처리	DB에 즉시 반영해야 할 때 (예: ID, 제약조건 확인 등)

왜 둘 다 존재하는가?

save()는 일반적인 "지연 쓰기" 전략에 최적화되어 있어 성능이 좋음.
하지만 실무에서는 다음과 같은 즉시 DB 반영이 필요한 시점이 존재함:

대표적인 saveAndFlush() 사용 케이스

- `saveAndFlush()`는 동일 트랜잭션 내에서 JPA 쿼리로 곧바로 조회해야 할 때 사용합니다.

- 이 경우 flush가 되지 않으면 영속성 컨텍스트에만 존재하므로 JPQL 등에서 조회 불가한 경우가 있음.

- 다만, 다른 커넥션 또는 트랜잭션에서 직접 DB에 접근해도 보이지 않으며, 트랜잭션이 commit 되어야만 외부에서 확인할 수 있습니다.

flush() vs commit

flush() = 영속성 컨텍스트의 변경 내용을 SQL로 변환하여 DB에 반영
commit = 트랜잭션 종료 및 확정

flush() ⇒ SQL 실행 (하지만 트랜잭션은 열려 있음) commit ⇒ 트랜잭션 종료 (이때 자동으로 flush 발생)

@Transactional 안에서 saveAndFlush()

@Transactional
public void saveAndImmediatelyCheck() {
    MyEntity saved = repository.saveAndFlush(myEntity);
    // 여기서 DB에 SQL이 실제 실행됨 → DB에 물리적으로 반영되어 있음
    // 이후 Native Query 또는 다른 Connection으로도 조회 가능
}

✅ YES, saveAndFlush()는 @Transactional 내부에서도 DB에 즉시 반영됩니다.
단, 트랜잭션이 rollback되면 전체 변경사항은 되돌아감 (flush는 SQL을 날릴 뿐, 트랜잭션은 살아있음)

주의 사항

@Transactional 메서드 내부에서 saveAndFlush() 실행

트랜잭션은 아직 commit 되지 않은 상태
이 상태에서 DB에 직접 쿼리(다른 커넥션으로) 날려서 해당 데이터를 조회할 경우

결과는?

조회할 수 없습니다. (변경 사항이 보이지 않음)

즉, saveAndFlush()로 DB에 SQL이 날아가긴 하지만, 같은 트랜잭션 내에서만 보일 뿐 외부에서는 보이지 않습니다.

이유: 트랜잭션 격리 수준 (Isolation Level)

기본적으로 Spring + JPA + RDBMS (예: MySQL, PostgreSQL) 조합에서 사용하는 격리 수준은:

READ COMMITTED 또는 그 이상 (REPEATABLE READ, SERIALIZABLE)

이 말은 다음과 같습니다:

트랜잭션 내에서 flush() → SQL 실행은 되지만,
트랜잭션 commit 전까지는 다른 커넥션에서 해당 변경사항이 보이지 않음
즉, 자기 자신의 트랜잭션 범위 내에서만 확인 가능

정리된 흐름

구분	설명
save()	영속성 컨텍스트에만 저장됨 (flush 안됨)
saveAndFlush()	SQL이 DB로 전송되어 실행됨 (→ 하지만 트랜잭션이 열린 상태이므로 commit되지 않음)
외부 DB 쿼리	다른 커넥션에서 조회 → 변경 내용 보이지 않음
트랜잭션 커밋 이후	외부에서도 조회 가능

실무에서 자주 오해하는 부분

saveAndFlush()는 DB에 SQL을 날리긴 하지만, 트랜잭션이 끝나지 않았기 때문에 다른 커넥션에서는 변경 내용을 볼 수 없다는 점.
이건 ACID 중 ‘Isolation’ 속성 때문에 보장되는 동작입니다.

예시 (다른 커넥션으로 조회)

@Transactional
public void testFlushBehavior() {
    MyEntity e = new MyEntity("abc");
    repository.saveAndFlush(e); // INSERT 쿼리는 실행됨

    // 다른 DataSource / JDBC 연결에서 동일 row를 SELECT 해도 → 조회 불가
    // 현재 트랜잭션이 커밋되지 않았기 때문
}

실무 팁

saveAndFlush()는 "바로 쿼리 날리고, 이후 로직에서 JPA로 바로 조회할 때" 유용함
외부 시스템에서 조회하거나 DB Trigger 테스트할 때는 commit()도 완료되어야 함
DB에 눈으로 확인하려면 트랜잭션이 끝나야 한다

결론

질문	답변
saveAndFlush() 후 DB에 직접 쿼리하면 값 보이나?	❌ 보이지 않음
이유는?	트랜잭션이 아직 commit되지 않았기 때문. 트랜잭션 격리 수준에 따라 외부 커넥션에서는 변경 사항이 보이지 않음
언제 확인 가능?	@Transactional 메서드가 끝나서 커밋된 이후

메인 이미지 출처 : 사진: Unsplash의Marek Piwnicki

Spring Boot에서 @Async + MultipartFile 조합 시 발생하는 오류 정리 및 해결 방법

Seeminglyjs — Tue, 1 Jul 2025 10:42:52 +0900

2024-01-02

사진: Unsplash 의 Marek Piwnicki

개요

Spring Boot에서 비동기 처리를 위해 @Async를 활용할 때, 일반적인 서비스 로직에서는 잘 동작하지만 MultipartFile을 사용하는 경우 예상치 못한 NoSuchFileException 오류가 발생할 수 있습니다.

이번 글에서는 해당 오류의 원인과 해결 방법을 구체적으로 살펴보겠습니다.

문제 상황

MultipartFile 파라미터를 @RequestPart로 컨트롤러에서 받고, 그 값을 DTO에 담아 @Async 메서드로 넘긴 뒤, 내부에서 multipartFile.transferTo() 또는 getInputStream() 등을 호출하면 아래와 같은 오류가 발생합니다.

java.nio.file.NoSuchFileException: /private/.../upload_xxxx.tmp

원인 분석

MultipartFile의 실제 파일 내용은 **Servlet 컨테이너(Tomcat)**가 multipart 요청을 처리하면서 임시 디렉토리에 저장해 둡니다. 그런데 이 임시 파일은 요청 스레드 생명주기 내에서만 유효합니다.

따라서 아래와 같이 처리하면 문제가 발생합니다:

@PostMapping("/upload")
public void upload(@RequestPart MultipartFile file) {
    asyncService.process(file); // ❌ 위험한 코드: @Async 메서드에서 MultipartFile 접근
}

이때 process() 메서드는 @Async로 정의되어 있고,
요청 스레드는 파일을 받은 후 컨트롤러를 빠져나가면서 임시 파일을 제거함
이후 Async 스레드가 file.getBytes()나 file.transferTo() 등을 호출하면 파일이 존재하지 않음 → 예외 발생

해결 방법

1. MultipartFile → byte[]로 즉시 변환해서 전달

가장 명확하고 안전한 방법은, MultipartFile을 @Async 메서드로 넘기기 전에 즉시 byte[]로 변환해 넘기는 것입니다.

@PostMapping("/upload")
public void upload(@RequestPart MultipartFile file) {
    try {
        byte[] fileBytes = file.getBytes();
        String originalFilename = file.getOriginalFilename();
        asyncService.processAsync(fileBytes, originalFilename);
    } catch (IOException e) {
        // handle error
    }
}

Async 메서드:

@Async
public void processAsync(byte[] fileBytes, String fileName) {
    // 안전하게 사용 가능
    Files.write(Paths.get("/path", fileName), fileBytes);
}

2. DTO 내에서 MultipartFile이 아닌 List<SubImageDTO> 구조로 받기

@Data
@Builder
public static class SubImageDTO {
    private String fileName;
    private byte[] bytes;
}

컨트롤러에서 변환 후 DTO에 주입:

List<SubImageDTO> subImageDTOList = files.stream().map(file -> {
    try {
        return SubImageDTO.builder()
            .fileName(file.getOriginalFilename())
            .bytes(file.getBytes())
            .build();
    } catch (IOException e) {
        throw new RuntimeException(e);
    }
}).collect(Collectors.toList());

테스트 환경에서만 잘 되고, 실서버에서 실패하는 이유?

로컬 개발 환경에선 요청 처리 속도나 비동기 큐 처리가 상대적으로 느려서 파일 삭제 타이밍이 Async 실행보다 느려져서 우연히 잘 동작할 수 있습니다.

그러나 실제 서버에서는:

Async 스레드 풀이 별도 동작
Tomcat은 컨트롤러 반환 직후 임시 파일 정리
결과적으로 @Async 내에서 파일 접근 시도 → 파일 없음

결론

구분설명

❌ 잘못된 방식	MultipartFile을 그대로 @Async로 넘기는 것
✅ 추천 방식	MultipartFile → byte[] 혹은 DTO로 변환해서 넘기기
피해야 할 패턴	@Async 내에서 file.getInputStream(), file.transferTo() 등 직접 파일 핸들링

팁: MultipartFile을 저장할 때 안전하게 처리하는 유틸

public static File byteArrayToFile(String path, byte[] bytes, String fileName) {
    try {
        Path dir = Paths.get(path);
        if (!Files.exists(dir)) {
            Files.createDirectories(dir);
        }
        Path destinationFile = dir.resolve(fileName);
        Files.write(destinationFile, bytes);
        return destinationFile.toFile();
    } catch (IOException e) {
        throw new RuntimeException("파일 저장 실패", e);
    }
}

참고 사항

Spring Boot Multipart 설정은 기본적으로 CommonsMultipartResolver 또는 StandardServletMultipartResolver를 사용
기본 임시 저장 경로는 OS 의 /tmp 또는 macOS에서는 /private/var/...와 같은 경로

메인 이미지 출처 : 사진: Unsplash의Marek Piwnicki

PostgreSQL PARTITION BY 와 ROW_NUMBER()

Seeminglyjs — Mon, 23 Jun 2025 14:34:37 +0900

2025-06-21

사진: Unsplash 의 Marek Piwnicki

1. 기본 문법

ROW_NUMBER() OVER (PARTITION BY 컬럼1 [, 컬럼2, ...] ORDER BY 정렬기준)

PARTITION BY: 데이터를 그룹화할 기준 컬럼입니다. 이 컬럼 기준으로 각각 독립된 그룹처럼 계산됩니다.
ORDER BY: 각 그룹 내에서 순번을 매기는 정렬 기준입니다.

2. 예제

다음은 직원들의 부서별 입사일 순으로 순위를 부여하는 예제입니다.

CREATE TABLE employees (
    id SERIAL PRIMARY KEY,
    name TEXT,
    department TEXT,
    hired_date DATE
);

INSERT INTO employees (name, department, hired_date) VALUES
('철수', '개발팀', '2020-01-01'),
('영희', '개발팀', '2021-01-01'),
('민수', '디자인팀', '2019-03-01'),
('수지', '디자인팀', '2020-06-01'),
('준호', '개발팀', '2019-07-01');

SELECT 
    id,
    name,
    department,
    hired_date,
    ROW_NUMBER() OVER (PARTITION BY department ORDER BY hired_date) AS rank_in_department
FROM 
    employees;

3. 결과

ID	NAME	DEPARTMENT	HIRED_DATE	RANK_IN_DEPARTMENT
5	준호	개발팀	2019-07-01	1
1	철수	개발팀	2020-01-01	2
2	영희	개발팀	2021-01-01	3
3	민수	디자인팀	2019-03-01	1
4	수지	디자인팀	2020-06-01	2

각 customer_id 별로 주문 날짜 내림차순 정렬
ROW_NUMBER()를 사용하여 1번(최신)만 추출

4. 주의 사항

ROW_NUMBER()는 같은 값이 있어도 순번이 강제로 다르게 부여됩니다. (동점 없음)
동점 순위 처리를 원하면 RANK() 또는 DENSE_RANK()를 사용하세요.
PARTITION BY가 없는 경우 전체 테이블을 하나의 그룹으로 간주합니다.

5. 정리

함수특징

ROW_NUMBER()	순서대로 1,2,3,… 부여 (동점 없음)
RANK()	동점 있을 경우 같은 순위, 다음 순위 건너뜀
DENSE_RANK()	동점 있어도 순위 건너뛰지 않음

메인 이미지 출처 : 사진: Unsplash의Marek Piwnicki

맥 시스템 용량 제거 방법

Seeminglyjs — Tue, 27 May 2025 10:48:21 +0900

2025-05-27

사진: Unsplash 의 Laura

1. 터미널 명령어 사용

아래 명령어는 현재 위치에서 용량을 내림차순 해서 보여 줍니다.

sudo du -s -h * 2>/dev/null | sort -h

그럼 결과가 아래와 같은 형식으로 나옵니다.

0       some_small_file.txt
4.0K    empty_folder
12K     logs
5.0M    documents
23M     images
1.2G    videos

2. 나의 케이스

com.apple.mediaanalysisd는 macOS의 사진(Photos) 라는 디렉토리의 위치의 캐시에 엄청난 용량을 가지고 있어 해당 부분을 제거 하였다. 아래는 참고용이니 같은 케이스인 경우 활용 하면 됩니다.

rm -rf /Users/[유저명]/Library/Containers/com.apple.mediaanalysisd/Data/Library/Caches/com.apple.mediaanalysisd/*

메인 이미지 출처 : 사진: Unsplash의Laura

intelliJ 윈도우에서 콘솔 컬러 하얀색으로만 나올때 [log4j2 사용시]

Seeminglyjs — Tue, 18 Mar 2025 10:25:25 +0900

2025-03-18

사진: Unsplash 의 Tolga Ahmetler

1. 방법

기본적으로 log4j2.xml에서 PatternLayout을 사용하여 로그의 색상을 지정할 수 있습니다. 하지만 일부 버전(특히 2.10.0 이상)에서는 ANSI 색상이 기본적으로 비활성화되어 있어, 설정이 적용되지 않고 단순한 흰색 텍스트만 출력되는 문제가 발생할 수 있습니다.

PatternLayout에 disableAnsi="false" 옵션을 추가합니다.
- 일부 버전에서는 disableAnsi 기본값이 true로 설정되어 있어 ANSI 색상이 적용되지 않습니다.
- 따라서, disableAnsi="false"를 명시적으로 추가하면 색상이 정상적으로 표시됩니다.

Log4j2 설정 파일 (log4j2.xml) 참고

<?xml version="1.0" encoding="UTF-8"?>
<Configuration status="WARN">
    <Appenders>
        <Console name="CONSOLE" target="SYSTEM_OUT">
            <PatternLayout pattern="%highlight{[%d] - %msg%n}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue}" disableAnsi="false"/>
        </Console>
    </Appenders>
    <Loggers>
        <Root level="ALL">
            <AppenderRef ref="CONSOLE"/>
        </Root>
    </Loggers>
</Configuration>

참고 :

https://stackoverflow.com/questions/48472049/how-to-colorize-log4j2-output-on-console-in-intellij

How to colorize Log4j2 output on console in intelliJ?

I've tried to change the config file to like below but still, the output is plain white. How can I change it to any color? Like different color for each level. Code: import org.apache.log4j.*; p...

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의Tolga Ahmetler

firebase_database: Lexical or Preprocessor Issue (Xcode): Include of non-modular header inside framework module 해결 방법

Seeminglyjs — Thu, 20 Feb 2025 16:30:54 +0900

2025-02-20

사진: Unsplash 의 Josh Hild

1. 방법

Xcode => Runner => Build Settings and put "Allow Non-modular Includes In Framework Modules" to "yes"

Xcode 상의 위의 위치로 이동해 아래 설정값을 Yes 로 바꿔주면 해결 된다.

메인 이미지 출처 : 사진: Unsplash의Josh Hild

Postgre sql 시퀀스 값을 수동으로 수정 방법 (auto increment 충돌 방지)

Seeminglyjs — Mon, 17 Feb 2025 15:02:17 +0900

2025-02-17

사진: Unsplash 의 Vadim Sadovski

1. 방법

//기본키 설정된 시퀀스 명확인
SELECT pg_get_serial_sequence('test_schema.tb_test', 'test_id');

//시퀀스 현재 테이블에서 사용중인 맥스값으로 변경
SELECT setval(
    'test_schema.tb_test_test_id_seq',
    (SELECT COALESCE(MAX(test_id), 1) FROM test_schema.tb_test)
);

// 시퀀스 맥스값 확인
SELECT last_value FROM test_schema.tb_test_test_id_seq;

메인 이미지 출처 : 사진: Unsplash의Vadim Sadovski

postgrsql earth_distance 설치 방법

Seeminglyjs — Mon, 10 Feb 2025 15:18:37 +0900

2025-02-10

사진: Unsplash 의 Daniel Boberg

1. 확장 프로그램 설치

-- 15버전일 경우 아래 다른 버전일 경우 해당 숫자만 변경
yum install postgresql15-contrib

2. earth_distance 확장

# earth_distance 관련 라이브러리를 사용해야 하는 DB -> 스키마로 이동한 이후에 아래 명령어 사용

create extension if not exists cube;
create extension if not exists earthdistance;

메인 이미지 출처 : 사진: Unsplash의Daniel Boberg

s3 폴더 하위 객체 메타데이터 한번에 변경하는 방법

Seeminglyjs — Mon, 23 Dec 2024 16:59:37 +0900

2024-12-23

사진: Unsplash 의 Jez Timms

1. 명령어

S3 폴더의 하위 객체들의 메타데이터를 한 번에 수정하려면 --recursive 옵션을 사용하여 cp 명령어로 전체 폴더를 처리할 수 있습니다. 새 메타데이터를 적용하려면 --metadata-directive REPLACE를 설정해야 하며, 변경하려는 메타데이터와 함께 명령어를 실행하면 됩니다.

aws s3 cp s3://test/images/imagesub/data/ s3://test/images/imagesub/data/ \
    --recursive \
    --metadata-directive REPLACE \
    --cache-control "max-age=31536000, must-revalidate" \
    --content-type "image/png"

메인 이미지 출처 : 사진: Unsplash의Jez Timms

postgreSQL bigint vs int(8) 차이점

Seeminglyjs — Wed, 11 Dec 2024 15:14:18 +0900

2024-12-11

사진: Unsplash 의 Steve Johnson

테이블 생성

CREATE TABLE t ( c1 bigint, c2 int8 );

여기서 c1은 BIGINT로 정의되고, c2는 INT8로 정의됩니다.
이 두 타입은 동일한 데이터 타입을 참조하기 때문에 PostgreSQL은 둘을 같은 것으로 처리합니다.

속성 조회

SELECT a.attname, t.typname 
FROM pg_class AS c 
JOIN pg_attribute AS a ON a.attrelid = c.oid 
JOIN pg_type AS t ON a.atttypid = t.oid 
WHERE c.relname = 't' AND a.attname IN ('c1', 'c2') ORDER BY 1;

이 쿼리는 테이블 t의 각 컬럼 이름(attname)과 데이터 타입 이름(typname)을 가져옵니다.

c1	int8
c2	int8

c1과 c2 모두 int8로 반환됩니다.
이는 BIGINT와 INT8이 동일한 데이터 타입을 나타낸다는 것을 보여줍니다.

타입 정의 조회

SELECT * FROM pg_type WHERE typname IN ('int8', 'bigint');

결과는 다음과 같습니다

int8

pg_type 시스템 카탈로그에는 typname으로 int8만 정의되어 있습니다.
PostgreSQL 내부적으로 BIGINT는 실제 데이터 타입이 아니라 INT8의 별칭으로 처리되므로, pg_type에 BIGINT라는 이름이 나타나지 않습니다.

PostgreSQL 내부 구조 이해

pg_type 카탈로그

pg_type은 PostgreSQL 데이터베이스의 데이터 타입 정의를 관리하는 시스템 카탈로그입니다.
BIGINT는 SQL 표준에 따라 사용자를 위해 정의된 이름이며, 내부적으로는 INT8로 매핑됩니다.

데이터 타입 처리 흐름

테이블 생성 시 BIGINT는 SQL 구문으로 전달됩니다.
PostgreSQL은 이를 INT8로 변환하여 pg_type에 저장합니다.
테이블 생성 후, 데이터 타입 정보는 항상 INT8로 나타납니다.

실무적 의미

BIGINT와 INT8은 동일한 데이터 타입으로 취급되며, 두 이름을 혼용해도 동작에 차이가 없습니다.
PostgreSQL에서 BIGINT는 SQL 표준을 준수하려는 사용자 친화적 표현일 뿐, 내부적으로는 INT8로 동작합니다.
pg_type에서 BIGINT라는 이름을 찾을 수 없는 이유는 PostgreSQL이 이를 별칭(alias)로 처리하기 때문입니다.

결론

BIGINT와 INT8은 PostgreSQL에서 동일한 데이터 타입입니다.
pg_type 카탈로그에는 BIGINT가 별도로 저장되지 않으며, 모든 BIGINT 타입은 INT8로 저장됩니다.
pg_type 쿼리 결과는 PostgreSQL의 데이터 타입 처리 방식을 올바르게 반영하고 있습니다.

이로 인해 성능이나 동작에는 차이가 없으며, BIGINT를 사용하는 것은 SQL 표준 준수와 가독성을 위한 선택일 뿐입니다.

출처 : https://stackoverflow.com/questions/68200397/whats-the-difference-between-bigint-and-int8-postgres

What's the difference between BIGINT and INT8? (postgres)

I'm using a service called Supabase and I created a table: CREATE TABLE my_table ( "id" BIGSERIAL PRIMARY KEY NOT NULL, "title" Text COLLATE "pg_catalog"."

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의Steve Johnson

Xcode 기존 Archive 위치

Seeminglyjs — Thu, 21 Nov 2024 11:04:07 +0900

2024-11-21

사진: Unsplash 의 Andrei R. Popescu

1. 방법

Window > Organizer > Products > Archives

참고 링크

https://stackoverflow.com/questions/7377162/xcode-but-where-are-our-archives

Xcode - But... Where are our archives?

I've submitted three versions of my app onto the App Store using the Build and Archive commands. But... Where are those archives? I've just learnt that I just need them to be able to read crashl...

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의Andrei R. Popescu

Try / Catch 없이 inpustStream close() 호출 방법

Seeminglyjs — Wed, 20 Nov 2024 14:18:10 +0900

2024-11-20

사진: Unsplash 의 Brandon Griggs

1. 방법

import com.amazonaws.util.IOUtils;


    public void fileToInputStream(File file) {
        FileInputStream fileInputStream = null;
        try {
            fileInputStream = new FileInputStream(file);
			// ...
        } catch (FileNotFoundException e) {
            throw new RuntimeException(e);
        }finally {
            if(fileInputStream != null){//스트림 객체 안전하게 제거
                IOUtils.closeQuietly(fileInputStream, null);
            }
        }
    }

참고 링크 : https://stackoverflow.com/questions/36840545/closing-inputstream-without-a-try-catch-block

Closing InputStream without a try/catch block?

I know that an InputStream should be closed. But I have some doubts where and how to do this. According to the documentation on IOUtils.closeQuietly: Unconditionally close an InputStream. Equiv...

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의Brandon Griggs

Error: Method not found: 'UnmodifiableUint8ListView'.UnmodifiableUint8ListView(Uint8List(0)); 해결 방법

Seeminglyjs — Mon, 4 Nov 2024 18:56:35 +0900

2024-11-04

사진: Unsplash 의 Mathias Reding

1. 해결 방법

자신의 프로젝트 경로로 이동 후 아래 명령어 사용

- flutter pub cache clean
- flutter channel stable 
- flutter pub get 

위에 명령어로 안될 경우 아래 명령어 다시 실행

- flutter pub cache clean
- flutter pub get
- flutter pub upgrade

2. Error: CocoaPods's specs repository is too out-of-date to satisfy dependencies.

실행해보고 위에 에러 추가 발생시 아래 순서 대로 실행

1. 자신의 프로젝트 /ios 폴더에서 Podfile.lock 파일을 제거
2. 터미널에서 자신의 프로젝트 ios 폴더로 이동 후 아래 명령어 실행
3. pod install --repo-update
4. 터미널에서 다시 다시 자신의 프로젝트 경로로 이동 후 아래 명령어 순서대로 실행
5. flutter clean
6. flutter run

* 주의 사항 flutter run 대신에 start debugging 으로 실행하면 에러 해결 안됨

참고 링크 : https://github.com/jonataslaw/get_cli/issues/263#issue-2365926859

build issue in dart 3.5.0 - UnmodifiableUint8ListView · Issue #263 · jonataslaw/get_cli

Building package executables... (5.4s) Failed to build get_cli:get: ../../../.pub-cache/hosted/pub.dev/win32-5.3.0/lib/src/guid.dart:32:9: Error: Type 'UnmodifiableUint8ListView' not found. final U...

github.com

메인 이미지 출처 : 사진: Unsplash의Mathias Reding

타임리프(Thymeleaf)에서 프래그먼트에 자바스크립트 함수 전달하기

Seeminglyjs — Mon, 15 Jul 2024 10:18:51 +0900

2024-07-15

사진: Unsplash 의 Mehdi El marouazi

타임리프(Thymeleaf)는 서버 사이드 템플릿 엔진으로, HTML을 템플릿으로 사용하여 동적 웹 페이지를 생성하는 데 유용합니다. 때로는 자바스크립트 함수를 프래그먼트에 직접 전달해야 할 때가 있습니다. 이 글에서는 타임리프에서 프래그먼트에 자바스크립트 함수를 전달하는 방법을 설명합니다.

1. 프래그먼트 정의하기

먼저, 자바스크립트 함수를 호출할 수 있도록 프래그먼트를 정의합니다. 프래그먼트는 th:fragment 속성을 사용하여 정의할 수 있습니다.

<div th:fragment="accordion_enable(subTitle, timeTxt, subTitleColor, timeTxtShow, btnShow, btnShowText, btnFunction)">
    <div class="accordion_list">
        <div class="accordion_txt sub_title_sm" th:text="${subTitle}" th:style="'color:'+ ${subTitleColor} +';'"></div>
        <div class="accordion_time_txt" th:if="${timeTxtShow}" th:text="${timeTxt}"></div>
        <button th:if="${btnShow}" th:text="${btnShowText}" th:onclick="${btnFunction}"></button>
    </div>
</div>

2. 프래그먼트 호출하기

타임리프 문법을 사용하여 프래그먼트를 호출할 때, 자바스크립트 함수와 매개변수를 문자열로 전달합니다.

<div class="accordion_list" 
    th:replace="~{${'component/accordion/accordion_enable.html'} :: accordion_enable(
        subTitle=${'subTitle'},
        timeTxt=${'timeTxt'},
        subTitleColor=${'red'},
        timeTxtShow=${true},
        btnShow=${true},
        btnShowText=${'btnShowText'},
        btnFunction=${'btnFncTest(' + ${1} + ')'}
    )}">
</div>

3. 자바스크립트 함수 정의하기

마지막으로, 호출하려는 자바스크립트 함수를 정의합니다.

function btnFncTest(number){
    console.log(number);
    // 다른 로직 추가
}

이와 같이, 타임리프에서 프래그먼트에 자바스크립트 함수를 전달하고, 해당 프래그먼트 내에서 이를 사용할 수 있습니다. 이 방법은 문자열을 적절하게 인코딩하여 HTML 속성에 할당하는 방식으로 처리되며, 동적인 웹 페이지를 생성하는 데 매우 유용합니다.

메인 이미지 출처 : 사진: Unsplash의Mehdi El marouazi

반응형 GSAP 슬라이더와 버튼 웨이브 효과

Seeminglyjs — Mon, 8 Jul 2024 09:18:23 +0900

2024-07-08

https://codepen.io/yudizsolutions/pen/QWoqmWW

See the Pen Responsive GSAP Slider with Button Wave Effect by Yudiz Solutions Limited (@yudizsolutions) on CodePen.

메인 이미지 출처 : https://codepen.io/yudizsolutions/pen/QWoqmWW

백그라운드 강조 효과가 있는 캐러셀을 만드는 방법

Seeminglyjs — Fri, 5 Jul 2024 10:54:49 +0900

2024-07-05

https://codepen.io/dev_loop/pen/MWKbJmO

See the Pen Voyage Slider by Sikriti Dakua (@dev_loop) on CodePen.

메인 이미지 출처 : https://codepen.io/dev_loop/pen/MWKbJmO

Amazon EC2 인스턴스에서 스왑 메모리 설정하기: 2GB 스왑 공간 추가 가이드

Seeminglyjs — Mon, 24 Jun 2024 10:28:59 +0900

2024-06-24

사진: Unsplash 의 Ashe Walker

스왑 메모리란?

스왑 메모리는 물리적 RAM이 부족할 때, 디스크 공간을 임시로 RAM처럼 사용하는 공간입니다. 스왑 공간을 활용하면 시스템이 메모리 부족으로 인한 문제를 덜 겪게 되어 더 안정적으로 동작할 수 있습니다.

1. 스왑 파일 생성하기

먼저, 2GB 크기의 스왑 파일을 생성합니다. 이는 dd 명령어를 사용하여 가능합니다. (아래 명령어가 안되면 추가 코드 참고)

sudo fallocate -l 2G /swapfile

fallocate 명령이 지원되지 않는 경우, dd 명령을 사용할 수 있습니다

sudo dd if=/dev/zero of=/swapfile bs=1M count=2048

2. 스왑 파일 설정 및 활성화

생성한 파일을 스왑 파일로 설정하고 활성화합니다.

스왑 파일 설정

sudo mkswap /swapfile

위 명령어는 /swapfile을 스왑 영역으로 설정합니다.

스왑 파일 활성화

sudo swapon /swapfile

3. 스왑 파일 권한 설정

보안을 위해 스왑 파일의 권한을 설정합니다.

sudo chmod 600 /swapfile

위 명령어는 /swapfile의 권한을 600으로 설정하여, 오직 루트 사용자만 읽고 쓸 수 있도록 합니다.

4. 스왑 파일을 fstab에 추가

시스템 재부팅 시 스왑 파일이 자동으로 마운트되도록 /etc/fstab 파일에 추가합니다.

echo '/swapfile swap swap defaults 0 0' | sudo tee -a /etc/fstab

5. 스왑 설정 확인

스왑 파일이 제대로 설정되었는지 확인합니다.

sudo swapon --show

위 명령어를 실행하면 활성화된 스왑 공간 목록이 표시됩니다.

또는 다음 명령어를 사용하여 현재 스왑 사용량을 확인할 수도 있습니다.

free -m

위 명령어를 실행하면 시스템의 메모리와 스왑 사용량이 표시됩니다.

이제 Amazon EC2 인스턴스에 2GB의 스왑 공간이 추가되었습니다. 이를 통해 메모리 부족으로 인한 성능 저하를 완화할 수 있습니다. 스왑 메모리는 물리적 RAM만큼 빠르지는 않지만, 시스템이 메모리 부족 상태에서 더 안정적으로 동작하도록 도와줍니다.

메인 이미지 출처 : 사진: Unsplash의Ashe Walker

iOS 웹뷰에서 클릭 시 발생하는 회색 플리커 현상 제거하기

Seeminglyjs — Thu, 13 Jun 2024 10:10:09 +0900

2024-06-13

사진: Unsplash 의 Benjamin Ashton

iOS 웹뷰에서 onclick 이벤트를 처리할 때 클릭된 영역에 회색 플리커 현상이 나타나는 문제를 경험하신 적이 있나요? 이는 웹 콘텐츠가 기본적으로 적용하는 클릭 피드백 효과로 인해 발생합니다. 이 블로그 포스트에서는 이러한 클릭 피드백 효과를 제거하는 방법을 소개해 드리겠습니다.

1. -webkit-tap-highlight-color

가장 간단한 방법은 CSS의 -webkit-tap-highlight-color 속성을 사용하는 것입니다. 이 속성을 통해 클릭 피드백 효과를 완전히 제거할 수 있습니다.

* {
    -webkit-tap-highlight-color: transparent;
}

이 코드를 스타일 시트에 추가하면 페이지의 모든 요소에서 탭 하이라이트 효과가 제거됩니다.

2. -webkit-touch-callout

또한, -webkit-touch-callout 속성을 사용하여 터치 콜아웃(롱 프레스 시 나타나는 메뉴)을 비활성화할 수도 있습니다.

* {
    -webkit-touch-callout: none;
}

3. touch-action

touch-action 속성을 사용하여 기본 터치 동작을 제어할 수 있습니다. 클릭 피드백 효과를 제거하려면 이 속성을 설정할 수 있습니다.

* {
    touch-action: manipulation;
}

4. Button 및 Link 요소의 스타일링

특히 버튼 및 링크 요소에 대해서도 스타일을 적용할 수 있습니다.

button, a {
    -webkit-tap-highlight-color: transparent;
}

5. 예제: 모든 방법을 결합

아래는 위의 모든 방법을 결합한 전체 예제입니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>iOS WebView Click Effect Removal</title>
    <style>
        * {
            -webkit-tap-highlight-color: transparent;
            -webkit-touch-callout: none;
            touch-action: manipulation;
        }
        
        button, a {
            -webkit-tap-highlight-color: transparent;
        }
    </style>
</head>
<body>
    <div>
        <button onclick="alert('Button clicked!')">Click Me</button>
        <a href="#" onclick="alert('Link clicked!')">Click Me</a>
    </div>
</body>
</html>

위 코드를 웹뷰에 적용하면 클릭 피드백 효과가 제거되어 클릭 시 회색 플리커 현상이 발생하지 않습니다. 프로젝트의 요구 사항에 따라 필요한 부분만 선택하여 적용하시면 됩니다.

메인 이미지 출처 : 사진: Unsplash의Benjamin Ashton

JPA와 PostgreSQL의 TIME 타입 간 호환성 문제 해결하기

Seeminglyjs — Tue, 11 Jun 2024 10:44:38 +0900

2024-06-11

사진: Unsplash 의 Grigorii Shcheglov

1. 원인

최근 프로젝트에서 JPA를 사용하여 PostgreSQL 데이터베이스와 상호 작용하던 중, 예약 시간을 나타내는 엔티티 필드에서 호환성 문제가 발생했습니다. LocalTime으로 매핑된 reservationTime 필드를 사용할 때, PostgreSQL의 TIME 컬럼과의 호환성 문제로 인해 "Invalid value for NanoOfSecond" 오류가 발생했습니다.

Invalid value for NanoOfSecond (valid values 0 - 999999999): -935000000

기존 오류가 발생하던 entity 정보는 아래와 같습니다.

  @Column(name = "reservation_tm", columnDefinition = "TIME")
    private LocalTime reservationTime;  //예약 시간

2. 해결방법

문제를 해결하기 위해 다양한 시도를 했지만, 가장 간단하면서도 효과적인 해결책은 @Temporal(TemporalType.TIME) 어노테이션을 추가하여 LocalTime 대신 Date 객체를 사용하는 것이었습니다.

@Column(name = "reservation_tm", columnDefinition = "TIME")
@Temporal(TemporalType.TIME)
private Date reservationTime;  //예약 시간

이 변경으로 인해 JPA는 reservation_tm 컬럼을 시간 정보만 다루는 것으로 인식하고, 그에 맞게 변환하여 처리하게 됩니다. 이를 통해 "Invalid value for NanoOfSecond" 오류가 해결되었습니다.

메인 이미지 출처 : 사진: Unsplash의Grigorii Shcheglov

Flutter에서 iOS 앱의 로컬 네트워크 접근 설정하기

Seeminglyjs — Fri, 31 May 2024 10:24:24 +0900

2024-05-31

사진: Unsplash 의 Jorgen Hendriksen

Flutter로 iOS 앱을 개발하면서 로컬 네트워크에 있는 서버에 접근해야 할 때가 있습니다. 이때 iOS 14 이상에서는 NSLocalNetworkUsageDescription을 설정해야 하며, HTTP를 사용하는 경우에는 ATS(App Transport Security) 설정도 필요합니다. 이번 포스트에서는 Info.plist 파일을 수정하여 이러한 설정을 추가하는 방법을 소개합니다.

1. Info.plist 파일이란?

Info.plist 파일은 iOS 앱의 설정 파일로, 앱이 실행될 때 필요한 각종 설정과 권한을 정의합니다. 이 파일은 Flutter 프로젝트의 ios/Runner 디렉토리에 위치해 있습니다.

2. Info.plist 파일 수정하기

1.Info.plist 파일 열기

먼저 Flutter 프로젝트의 루트 디렉토리로 이동하여 ios/Runner/Info.plist 파일을 엽니다. 이 파일을 텍스트 에디터 또는 Xcode로 열 수 있습니다.

2. NSLocalNetworkUsageDescription 추가

iOS 14 이상에서는 로컬 네트워크에 접근하기 위해 사용자의 허가를 받아야 합니다. 이를 위해 Info.plist 파일에 NSLocalNetworkUsageDescription 키를 추가합니다. 이 키는 사용자가 앱이 로컬 네트워크에 접근할 때 표시되는 설명을 정의합니다.

<key>NSLocalNetworkUsageDescription</key>
<string>앱이 로컬 네트워크에 접근하기 위해 필요합니다.</string>

3. ATS(App Transport Security) 설정 추가 (필요 시)

만약 로컬 서버가 HTTP 프로토콜을 사용하고 있다면, ATS 설정을 통해 HTTP 요청을 허용해야 합니다. 기본적으로 iOS는 보안을 위해 HTTPS 연결만 허용합니다. Info.plist 파일에 아래와 같은 예외 규칙을 추가하여 HTTP 요청을 허용할 수 있습니다.

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

4. 최종 Info.plist 파일 예제

아래는 NSLocalNetworkUsageDescription과 NSAppTransportSecurity 설정이 추가된 Info.plist 파일의 예제입니다.

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
    ...
    <key>NSAppTransportSecurity</key>
    <dict>
        <key>NSAllowsArbitraryLoads</key>
        <true/>
    </dict>
    <key>NSLocalNetworkUsageDescription</key>
    <string>앱이 로컬 네트워크에 접근하기 위해 필요합니다.</string>
    ...
</dict>
</plist>

5. 결론

이번 포스트에서는 Flutter로 개발한 iOS 앱에서 로컬 네트워크 접근을 위해 필요한 설정을 Info.plist 파일에 추가하는 방법을 소개했습니다. NSLocalNetworkUsageDescription과 NSAppTransportSecurity 설정을 통해 사용자에게 필요한 권한을 요청하고, HTTP 요청을 허용할 수 있습니다. 이 설정을 통해 로컬 네트워크에 있는 서버와 원활하게 통신할 수 있기를 바랍니다.

https://developer.apple.com/documentation/bundleresources/information_property_list/nslocalnetworkusagedescription

NSLocalNetworkUsageDescription | Apple Developer Documentation

A message that tells the user why the app is requesting access to the local network.

developer.apple.com

메인 이미지 출처 : 사진: Unsplash의Jorgen Hendriksen

html/css 드롭다운 메뉴 만들기 [No JavaScript!!]

Seeminglyjs — Mon, 27 May 2024 21:25:55 +0900

2024-05-28

사진: Unsplash 의 Archee Lal

1. 방법

::after 선택자를 이용해 가상의 html 영역을 만들고 이후 해당 부분을 hover 하는 방식을 이용해 간단하게 드롭다운 메뉴를 구현할 수 있다. 코드를 살펴보자.

2. html

<div class="menu">menu
  <div class="sub_menu">
    <div class="sub_menu_info">sub1</div> 
    <div class="sub_menu_info">sub2</div> 
  </div>
</div>

코드는 간단하다. 우선적으로 hover 를 진행할 메뉴를 만들고 이후 드롭다운 메뉴리스트를 만들면 된다. 위의 코드에서는 menu 클래스가 호버를 진행할 항목이고 sub_menu 가 드롭다운이 되는 메뉴이다.

3. css

처음 방법에서 소개했던 것과 같이 menu 에 가상 영역 ::after를 만들고 해당 부분을 호버시에 sub_menu의 display 가 flex 가 되면서 드롭다운 영역이 나타나게 된다.

.menu {
    position: relative;
    display: flex;
    z-index: 100;
}
.menu::after {
    cursor: pointer;
    content: "";
    display: block;
    position: absolute;
    bottom: -2rem; 
    left: 0;
    right: 0;
    height: 40px; /* 가상 영역의 높이 */
}

.menu:hover .sub_menu {
    display: flex;
    width: 5rem;
}

.sub_menu {
    display: none;
    position: absolute;
    padding: 0.75rem 1rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    bottom: -7rem;
    min-width: 10rem;

    border-radius: 0.25rem;
    background-color: green;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    z-index: 5;
}

.sub_menu_info{
    display: flex;
    width: 5rem;
    height: 1.75rem;
    justify-content: start;
    align-items: center;
    cursor: pointer;
}

실제 구현 후 menu 텍스트에 호버링을 해보면 아래와 같은 결과를 볼 수 있다.

4. 결과 확인

실제 실행 결과는 아래의 링크에서 확인이 가능하다.

A Pen by Js Sound (codepen.io)

VwOmeEd

...

codepen.io

메인 이미지 출처 : 사진: Unsplash의Archee Lal

Spring boot 파비콘 적용 방법 favicon.ico

Seeminglyjs — Wed, 8 May 2024 09:40:09 +0900

2024-05-08

사진: Unsplash 의 Pascal Bullan

1. 방법

웹사이트 탭에 좌측에 나타나는 아이콘 같은 것을 파비콘이라고 하는데 해당 부분을 적용하는 방법을 알아보자.

우선 favicon.ico 파일을 만들어야 하는데 ico 파일 정보를 만드는 것은 아래링크를 참고하자.

https://favicon.io/

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

그리고 만들어진 파비콘 정보를 아래 경로에 삽입한다.

resources/static/favicon.ico

이후 자신의 프로젝트를 재실행하면 파비콘이 적용된 것을 확인할 수 있다.

메인 이미지 출처 : 사진: Unsplash의Pascal Bullan

vim은 되는 vi 안될때 해결방법 [vi : command not found]

Seeminglyjs — Tue, 30 Apr 2024 09:32:24 +0900

2024-04-30

사진: Unsplash 의 Vidar Nordli-Mathisen

1. 방법

간단히 심볼릭 링크를 걸어주면 해결된다.

sudo ln -s /usr/bin/vim /usr/bin/vi

메인 이미지 출처 : 사진: Unsplash의Vidar Nordli-Mathisen

리눅스 타임존 한국으로 변경하는 방법 timedatectl

Seeminglyjs — Thu, 25 Apr 2024 09:48:33 +0900

2024-04-25

사진: Unsplash 의 set.sj

1. 방법

timedatectl 을 이용해서 타임존을 Asia/Seoul 으로 변경한다.

timedatectl set-timezone Asia/Seoul

이후 날짜를 확인하면 한국시간으로 설정 된 것을 확인 할 수 있다.

bash-5.2# date
Wed Apr 24 14:46:12 KST 2024

메인 이미지 출처 : 사진: Unsplash의set.sj

firebase: please verify the new email before changing email. 해결방법

Seeminglyjs — Tue, 16 Apr 2024 09:20:26 +0900

2024-04-16

사진: Unsplash 의 Mathias Reding

1. 방법

Authentication > 설정 > 사용자 작업 > 이메일 열거 보호(권장) 체크박스 해제를 해주면 된다.

해당 부분은 2023년 9월 15일 이후에 프로젝트를 만든 경우 이메일 열거 보호가 기본적으로 사용 설정이 되는데

이는 이메일 열거는 악의적인 행위자가 API에 이메일 주소를 전달하고 응답을 확인하여 시스템의 사용자를 추측하거나 확인하는 무차별 대입 공격의 한 유형을 방지하기 위해 설정이 된다고 한다.

2. 참고

https://stackoverflow.com/questions/77147854/firebase-please-verify-the-new-email-before-changing-email-auth-operation-not

firebase: please verify the new email before changing email. (auth/operation-not-allowed)

I was using Firebase authentication by Email/Password on my react-native app and doing emailUpdate through the app successfully , until i decided to move to new Firebase project with the same app

stackoverflow.com

https://cloud.google.com/identity-platform/docs/admin/email-enumeration-protection?hl=ko&authuser=0

이메일 열거 보호 사용 설정 또는 중지 | Identity Platform 문서 | Google Cloud

의견 보내기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이메일 열거 보호 사용 설정 또는 중지 이 가이드에서는 이메일 열거 보호 기능을 설명하고 사

cloud.google.com

메인 이미지 출처 : 사진: Unsplash의Mathias Reding

Vscode 자동 줄바꿈 끄기 (코드 콘솔 둘다)

Seeminglyjs — Fri, 12 Apr 2024 09:46:47 +0900

2024-04-12

사진: Unsplash 의 Jack White

1. 방법

Preferences -> Settings 클릭

Code 스타일 자동 줄 바꿈 방지

Word Wrap 검색 후 -> off 처리

Debug Console 스타일 자동 줄 바꿈 방지

Debug console 검색 후 아래로 조금 스크롤하다 보면 아래 설정 보임 체크박스 unCheck

메인 이미지 출처 : 사진: Unsplash의Jack White

JPA PostgreSQL 오류: ll_to_earth(numeric, numeric) 이름의 함수가 없음 해결 방법

Seeminglyjs — Mon, 8 Apr 2024 09:49:56 +0900

2024-04-08

사진: Unsplash 의 Agnieszka Stankiewicz

1. 이슈 발생

이미 extension으로 cube와 earthdistance를 설치함에도 불구하고 아래와 같은 에러가 발생했다.

> create extension cube
[2024-03-26 10:25:45] [42710] 오류: "cube" 이름의 확장 모듈이 이미 있습니다
> create extension earthdistance
[2024-03-26 10:25:57] [42710] 오류: "earthdistance" 이름의 확장 모듈이 이미 있습니다
> select
       ,trh.latitude
       ,trh.longitude
  from test_tb
  where
      earth_distance(ll_to_earth(37.60929341197407, 127.05318831597205)
          , ll_to_earth(trh.latitude, trh.longitude)) < 1000
[2024-03-26 10:26:04] [42883] 오류: ll_to_earth(numeric, numeric) 이름의 함수가 없음
[2024-03-26 10:26:04] Hint: 지정된 이름 및 인자 자료형과 일치하는 함수가 없습니다. 명시적 형변환자를 추가해야 할 수도 있습니다.

2. 원인

create extension 사용 시 스키마를 지정해 주지 않으면 기본 스키마인 public으로 들어가기 때문에 해당 함수를 같은 DB에 다른 스키마에서 호출하면 동작하지 않았던 것이다.

create extension 확장패키지

3. 해결방법

기존에 설치된 확장패키지를 제거하고 스키마 지정 후 재설치를 설정하면 함수 인식이 정상적으로된다.

-- cascade 옵션을 안주면 의존성 때문에 삭제안됨 해당 옵션을 주면 earthdistance 까지 같이 삭제된다.
drop extension cube cascade 

create extension cube with schema test
create extension earthdistance with schema test

메인 이미지 출처 : 사진: Unsplash의Agnieszka Stankiewicz

자바스크립트 이미지 preload 구현하기 이미지 변경 시 깜빡임 제거

Seeminglyjs — Wed, 3 Apr 2024 09:51:41 +0900

2024-04-03

사진: Unsplash 의 Guillermo Ferla

1. 방법

아래와 같이 코드를 구성하면 최초 페이지 접속 후 이미지가 지역변수에 담기게 되어 이후에 이미지 경로를 변경해도 깜빡임 현상을 제거할 수 있다.

let images = []; //이미지 객체를 담을 변수
let imagesUrs = []; //동적이미지 url 정보르 담을 변수 실제 이미지 경로를 넣어주면 된다.


document.addEventListener('DOMContentLoaded', function () {
    function imgPreload() {
        for(let i = 0; i < imageUrls.length; i++) {
            images[i] = new Image();
            images[i].src = imageUrls[i];
        }
    }
    imgPreload()
}

메인 이미지 출처 : 사진: Unsplash의Guillermo Ferla

Spring Security 에서 Authentication 의 isAuthenticated() 가 항상 true 인 이유

Seeminglyjs — Mon, 1 Apr 2024 09:45:02 +0900

2024-04-01

사진: Unsplash 의 Nick Da Fonseca

1. 예시 코드

아래와 같은 코드가 있다고 가정해 보자. 해당 코드의 결과는 항상 로그인이 되어 있든 로그인이 되어 있지 않던 로그아웃을 하던 "if (authentication.isAuthenticated()) log.info("인증됨")" 코드가 실행된다. 즉 authentication.isAuthenticated() 이 부분이 항상 true를 리턴한다. 그 이유는 무엇일까?

        Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
        if (authentication.isAuthenticated())
            log.info("인증됨")
        else
            log.info("인증안됨")
    	}

2. 원인

Spring Security에서는 기본적으로 인증(로그인)되지 않은 사용자도 'anonymousUser'로 인증되어 있다. 이는 사용자가 로그인되지 않았더라도 Spring Security의 보안 기능을 활용할 수 있도록 하는 것이며, 이런 방식으로 Spring Security는 항상 SecurityContextHolder에 인증 객체를 유지하여 보다 일관된 방식으로 보안을 관리할 수 있다. isAuthenticated() 메서드는 현재 사용자가 인증되어 있는지 여부를 확인하며, Spring Security는 사용자가 'anonymousUser'로 인증되어 있더라도 이를 인증된 상태로 간주한다. 따라서 isAuthenticated() 메서드는 항상 true를 반환하게 된다.

3. 코드 개선

그렇다면 익명 사용자가 아닌 실제 사용자가 로그인이 되어 있는지 안되어 있는지는 어떻게 체크하면 좋을까? 해당 코드에 한단계를 더 추가하면 된다. 바로 해당 유저가 익명 유저인지 여부를 확인하면 되는 것이다. 아래의 코드를 보자. 해당 유저가 AnonymousAuthenticationToken를 가진 유저인지 여부를 확인하거나 아니면 해당 유저의 이름이 'anonymousUser' 인지 체크를 해주면 된다.

        Authentication authentication = SecurityContextHolder.getContext().getAuthentication();
        //authentication.getName().equals("anonymousUser")
        if (authentication != null && authentication.isAuthenticated() && !(authentication instanceof AnonymousAuthenticationToken)) {
            return true;
        } else {
            return false;
        }

3. 출처

https://stackoverflow.com/questions/26101738/why-is-the-anonymoususer-authenticated-in-spring-security

Why is the 'anonymousUser' authenticated in Spring Security?

This is my main controller: package org.demian.demibox.controllers; import org.springframework.security.core.Authentication; import org.springframework.security.core.context.SecurityContextHolder;

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의Nick Da Fonseca

자바 이미지 리사이징 및 비율 변경 하는 방법 알아보기

Seeminglyjs — Fri, 29 Mar 2024 09:42:48 +0900

2024-03-29

사진: Unsplash 의 Nick Andréka

1. 방법

import java.awt.*;
import java.awt.geom.AffineTransform;
import java.awt.image.BufferedImage;

public class ImageResizer {

    public static final int MAX_WIDTH = 1920;
    public static final int MAX_HEIGHT = 1080;

    // 이미지 크기 조정
    private BufferedImage resizeImage(BufferedImage originalImage) {
        int width = originalImage.getWidth();
        int height = originalImage.getHeight();

        // 이미지 크기가 최대 크기보다 큰 경우에만 크기를 조절
        if (width > MAX_WIDTH || height > MAX_HEIGHT) {
            // 이미지 크기를 조절하는 알고리즘 선택
            double scale = Math.min((double) MAX_WIDTH / width, (double) MAX_HEIGHT / height);
            int newWidth = (int) (width * scale);
            int newHeight = (int) (height * scale);

            // 이미지를 변환
            BufferedImage resizedImage = new BufferedImage(newWidth, newHeight, originalImage.getType());
            Graphics2D g = resizedImage.createGraphics();
            g.drawImage(originalImage, 0, 0, newWidth, newHeight, null);
            g.dispose();

            return resizedImage;
        }

        return originalImage; // 이미지 크기가 최대 크기보다 작으면 원본 이미지 반환
    }
}

메인 이미지 출처 : 사진: Unsplash의Nick Andréka

왜 woff2 를 써야하는가? otf / ttf 와의 차이

Seeminglyjs — Wed, 27 Mar 2024 09:01:06 +0900

2024-03-27

사진: Unsplash 의 Vidar Nordli-Mathisen

1. 로딩 속도 향상

WOFF2는 TTF 또는 OTF보다 평균 파일의 크기가 30% 더 작다. 이로인해 페이지 로딩 속도를 높여 사용자 경험을 향상 시키고, 모바일 장치에서 데이터 사용량 감소에 도움이 된다.

https://getsnapfont.com/posts/understanding-font-file-formats-ttf-otf-woff-etc

2. 향상된 텍스트 품질

WOFF2는 텍스트 렌더링을 위한 최적화 기능을 제공함으로써 더 선명하고 깨끗한 글꼴 표시를 제공한다. 특히 작은 글꼴 크기에서 더욱 눈에 띄는 차이를 경험할 수 있다.

3. 브라우저 호환성

WOFF2는 모든 주요 웹 브라우저에서 지원된다. 사실상 모든 웹 사용자에게 최적의 텍스트 표시 경험을 제공할 수 있으며,
TTF 또는 OTF와 달리 별도의 웹폰트 형식을 사용할 필요가 없다.

https://heyakash.medium.com/understanding-of-font-formats-ttf-otf-woff-eot-svg-e55e00a1ef2

4. 출처

https://heyakash.medium.com/understanding-of-font-formats-ttf-otf-woff-eot-svg-e55e00a1ef2

Understanding of Font Formats: TTF, OTF, WOFF, EOT & SVG

Ah, font formats! EOT, TTF, WOFF, SVG, WOFF2… There are so many choices! Unfortunately, despite the huge variety of formats, there isn’t a…

heyakash.medium.com

https://sgtype.com/blogs/magazine/otf-ttf-woff-font-format-difference

OTF vs TTF vs WOFF: Which Font Format Is Better? What's the Difference

Most fonts these days are either OTF, TTF or WOFF. But what does that mean? What are the differences between those font formats? Should you even care? And which format is better? In this article we will explain exactly what each font format is and tell you

sgtype.com

https://getsnapfont.com/posts/understanding-font-file-formats-ttf-otf-woff-etc

Understanding font file formats(ttf, otf, woff, etc) - Snapfont

If you're a web designer, you may have heard of .ttf, .woff, .woff2 font formats. However when developing a website, what font format should you actually use? In this article I'll deconstruct font file formats and summarize which font formats should you us

getsnapfont.com

메인 이미지 출처 : 사진: Unsplash의Vidar Nordli-Mathisen

자바스크립트 File to Base64 | Base64 to File 구현하기

Seeminglyjs — Mon, 25 Mar 2024 09:02:25 +0900

2024-03-25

1. 방법

File to Base64

전달받은 파일 정보를 FileReader로 읽어 들여 base64 문자열을 만드는 코드이다.

//실제 파일을 base64로 변환하는 코드 
function fileToBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    
    reader.onerror = () => {
      reader.abort();
      reject(new Error('파일을 읽는 도중 오류가 발생했습니다.'));
    };
    
    reader.onload = () => {
      resolve(reader.result);
    };

    reader.readAsDataURL(file);
  });
}

// 사용 예제
async function processFile(file) {
  try {
    const base64Data = await fileToBase64(file);
    //base64Data.result
    console.log(base64Data);
  } catch (error) {
    console.error(error);
  }
}

Base64 to File

매개 변수로는 Base64 로 인코딩된 이미지 파일 정보와 / 파일명 / 파일 타입을 매개 변수로 받는다. Base64 문자열을 우선 atob로 변경한 후 해당 루프를 돌면서 Uint8 Array에 담은 후 파일로 변환하는 방식이다.

function base64ToFile(base64String, fileName, fileType) {
    let atobObj = atob(base64String),
        n = atobObj.length,
        u8arr = new Uint8Array(n);
    while(n--){
        u8arr[n] = atobObj.charCodeAt(n);
    }
    // File 객체 생성
    return new File([u8arr], fileName, {type: fileType});
}

메인 이미지 출처 : 사진: Unsplash의NEOM

Flutter internationalized 설정 하는 법 Flutter_localizations

Seeminglyjs — Wed, 20 Mar 2024 09:45:41 +0900

2024-03-20

사진: Unsplash 의 Travis Leery

1. 방법

pubspec.yml의 아래와 같이 의존관계 추가

dependencies:
  flutter:
    sdk: flutter
  flutter_localizations:
    sdk: flutter
  intl: any

main.dart 에 아래와 같이 localizations 설정 정보를 작성

return const MaterialApp(
  title: 'Localizations Sample App',
  localizationsDelegates: [
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
    GlobalCupertinoLocalizations.delegate,
  ],
  supportedLocales: [
    Locale('en'), // English
    Locale('es'), // Spanish
  ],
  home: MyHomePage(),
);

이후 아래와 같이 현재 위젯 기준으로 현재의 언어 정보 확인이 가능해진다. ex) en / ja / ko

    final locale = Localizations.localeOf(context);
    final languageCode = locale.languageCode;
    print(languageCode)

2. 참고

https://flutter-ko.dev/development/accessibility-and-localization/internationalization

Internationalizing Flutter apps

How to internationalize your Flutter app.

docs.flutter.dev

https://api.flutter.dev/flutter/widgets/Localizations/localeOf.html\

localeOf method - Localizations class - widgets library - Dart API

Locale localeOf(BuildContext context ) The locale of the Localizations widget for the widget tree that corresponds to BuildContext context. If no Localizations widget is in scope then the Localizations.localeOf method will throw an exception. Implementatio

api.flutter.dev

메인 이미지 출처 : 사진: Unsplash의Travis Leery

Builder 형식의 Data 클래스 필드값 Default 설정하는 방법

Seeminglyjs — Mon, 18 Mar 2024 09:45:58 +0900

2024-03-18

사진: Unsplash 의 Pawel Czerwinski

1. 방법

@Builder.Default 를 사용하여 TestDataClass.builder().build() 와 같은 형식으로 선언해도 아래처럼 정의된 값들이 들어가게 할 수 있다.

import lombok.AllArgsConstructor;
import lombok.Builder;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.Arrays;
import java.util.List;

@Data
@Builder
@NoArgsConstructor
@AllArgsConstructor
public class TestDataClass {

    @Builder.Default
    private String name = "king";

    @Builder.Default
    private List<String> names = Arrays.asList("you", "hey", "wow");
}

2. 참고

https://www.baeldung.com/lombok-builder-default-value

Lombok Builder with Default Value | Baeldung

Learn how to create a builder default property values using Lombok

www.baeldung.com

메인 이미지 출처 : 사진: Unsplash의Pawel Czerwinski

자바스크립트 Object 크기 확인 하는 방법

Seeminglyjs — Wed, 13 Mar 2024 09:43:01 +0900

2024-03-13

사진: Unsplash 의 Sies Kranen

1. 방법

Object.keys(obj).length 통해 전체 키를 추출해서 사이즈를 확인하는 방법이다.

const obj = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const keyCount = Object.keys(obj).length;
console.log(keyCount); // 객체 obj에는 3개의 키-값 쌍이 있음

메인 이미지 출처 : 사진: Unsplash의Sies Kranen

input 태그 커서 없애는 방법 how to remove blinking input?

Seeminglyjs — Mon, 11 Mar 2024 09:04:43 +0900

2024-03-11

사진: Unsplash 의 NEOM

1. 방법

inupt 태그 속성에서 caret-color: transparent; 해당 부분만 추가하면 커서가 블링크 되는 것을 지울 수 있다.

caret-color: transparent;

2. 출처

https://stackoverflow.com/questions/9333044/how-to-hide-blinking-cursor-in-input-text

how to hide blinking cursor in input text?

I want to make something which would look like a select input but is actually not, here are the steps. I made an <input type="text">. I added a background-image, which will show a "select a...

stackoverflow.com

메인 이미지 출처 : 사진: Unsplash의NEOM

firebase "다른 프로젝트에 이미 패키지 이름과 SHA-1이 동일한 OAuth2 클라이언트가 있습니다. " 해결방법 SHA 인증서 지문 생성

Seeminglyjs — Fri, 8 Mar 2024 09:40:55 +0900

2024-03-08

사진: Unsplash 의 Gonzalo Facello

1. 원인

이미 프로젝트 중 동일한 SHA 인증서 지문을 사용하여 생기는 문제이다. /.android/debug.keystore 를 이미 dev 또는 test라는 명목으로 사용하여 생기는 문제일 가능성이 높다.

2. 해결 방법

해결 방법은 크게 어렵지 않다. 아래의 명령어로 새로운 키를 만들어 SHA 인증서를 추출하면 된다.

~/upload-keystore.jks : 자신 저장할 위치와 파일명으로 변환

-alias upload : 별칭 역시 자신이 원하는 내용으로 변환

keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA \
        -keysize 2048 -validity 10000 -alias upload

위의 명령어를 사용하면 여러가지 입력하라고 나오는데, 자신의 프로젝트에 맞게 입력하면 된다. 마지막에 corret?에서 yes를 입력하지 않고 그냥 enter를 누르면 처음부터 다시 입력해야 하니 주의하자. 비밀번호는 추후에 SHA 인증서 출력할때 다시 입력해야 하니 잘 기억해 두어야 한다.

이후 아래 명령어를 통해 SHA 지문을 출력할 수 있다.

~/. android/debug.keystore : 방금 저장해 둔 경로 및 파일명 대입

-alias androiddebugkey : 아까 정해둔 별칭으로 변환

keytool -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore

터미널에 아래와 같이 나오면 성공이다. 이후 firebase 해당 정보를 인증서 정보에 등록하면 완료다.

3. 출처

https://docs.flutter.dev/deployment/android

Build and release an Android app

How to prepare for and release an Android app to the Play store.

docs.flutter.dev

https://developers.google.com/android/guides/client-auth?hl=ko

클라이언트 인증 | Google Play services | Google for Developers

이 페이지는 Cloud Translation API를 통해 번역되었습니다. 클라이언트 인증 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 특정 Google Play 서비스 (예: Google 로그

developers.google.com

메인 이미지 출처 : 사진: Unsplash의Gonzalo Facello

thymeleaf 에서 th:fragment 에 매개변수 넣는법

Seeminglyjs — Wed, 6 Mar 2024 09:58:15 +0900

2024-03-06

사진: Unsplash 의 Pavel Golasowski

1. 방법

th:frgment를 호출할 th:replace 파트

<div class="test_wrap"
     th:replace="~{${'test.html'} :: testWrapFragment(value1=${value1})}">
</div>

호출할 th:frgment 이름 뒤에 괄호를 붙인뒤(매개변수명=${백엔드에서 넘긴 변수}) 를 같이 전달하면 th:frgment에

th:frgment 부분

th:frgment에서는

<div class="test_wrap" th:fragment="testWrapFragment">
    <div th:if="${value1 == 'a'}">
		value1 is a
    </div>
    <div th:if="${value1 == 'b'}">
		value1 is b
    </div>
</div>

메인 이미지 출처 : 사진: Unsplash의Pavel Golasowski

HTML input 태그 커스텀 디자인 해보기 NO JavaScript!!!

Seeminglyjs — Mon, 4 Mar 2024 09:55:44 +0900

2024-01-02

사진: Unsplash 의 Marek Piwnicki

1. HTML

<div class="search_wrap">
  <input type="text" class="search_txt"
         placeholder="상세 정보 입력 1">
</div>
<br>
<div class="search_wrap">
  <input type="text" class="search_txt"
         placeholder="상세 정보 입력 2">
</div>

2. CSS

/* input태그디자인 참고*/
.search_wrap {
    display: flex;
    width: 100%;
    padding: 0.625rem;
    align-items: center;
    gap: 0.625rem;
    border-radius: 0.75rem;
    border: 1px solid #DBDBDB;
    background: #FFF;

    box-sizing: border-box;
}

.search_txt, /* 여기서 시작 */

input[type="text"].search_txt {
    border: none;
    outline: none;
    color: #353535; /* 입력된 텍스트 색상 */
    background: transparent;
    font-size: inherit;
    padding: 0;
    margin: 0;
    width: 100%;
}

input[type="text"].search_txt::placeholder {
    color: #BABABA; /* Placeholder 색상 */
}
/********************/

메인 이미지 출처 : 사진: Unsplash의Marek Piwnicki

Spring boot profile 설정 방법 [properties 기준]

Seeminglyjs — Tue, 27 Feb 2024 09:16:44 +0900

2024-02-27

사진: Unsplash 의 Thimo van Leeuwen

1. 준비

우선 자신의 개발 환경에 맞게 properties를 생성해 준다.

네이밍은 위와 같이 application-[개발환경].properties의 형식으로 만들어주어야 한다.

현재 프로파일이 어떤 건지 확인할 수 있게 아래와 같이 application-[개발환경].properties에 명시에 주었다.

profile.now=dev_profile

2. 방법

아래는 application-[개발환경].properties 에 명시에 둔 키값을 맵핑할 enum이다.

public enum ProfileKey {
    NAME;
    public String str() {
        return "profile.now";
    }
}

다음으로 현재 프로파일 정보를 편하게 사용하기 위한 enum을 하나 생성해 준다. (해당 부분은 옵션으로 하드코딩으로 구현해도 된다.)

public enum ProfileCode {
    LOCAL_PROFILE,
    DEV_PROFILE,
    MAIN_PROFILE;


    public String lowerStr() {
        return this.name().toLowerCase();
    }

    public String upperStr() {
        return this.name().toLowerCase();
    }
}

이후 ProfileConfig를 생성하여 현재의 프로파일 정보를 확인 할 수 있게끔 Config 를 만들어준다.

import jakarta.annotation.PostConstruct;
import lombok.extern.slf4j.Slf4j;
import org.springframework.context.annotation.Configuration;
import org.springframework.core.env.Environment;

@Slf4j
@Configuration
public class ProfileConfig {

    public final Environment env; //설정값을 가져오기 위한 객체


    public ProfileConfig(Environment env) {
        this.env = env;
    }

    @PostConstruct
    public void init(){
        //로그 찍기
        log.info(" ===== [INIT] nowProfile = {}", env.getProperty(ProfileKey.NAME.str()));
    }

    //현재 프로파일 정보를 가져온다.
    public ProfileCode now(){

        String nowProfile = env.getProperty(ProfileKey.NAME.str());
        if(nowProfile == null) return ProfileCode.DEV_PROFILE;
        else if(nowProfile.equals(ProfileCode.LOCAL_PROFILE.lowerStr())) return  ProfileCode.LOCAL_PROFILE;
        else if(nowProfile.equals(ProfileCode.DEV_PROFILE.lowerStr())) return  ProfileCode.DEV_PROFILE;
        else if(nowProfile.equals(ProfileCode.MAIN_PROFILE.lowerStr())) return  ProfileCode.MAIN_PROFILE;
        else return  ProfileCode.DEV_PROFILE;
    }
}

해당 config의 init을 통해 프로젝트 실행 시 아래와 같이 현재 profile 정보를 확인할 수 있고 now() 함수를 통해 어떤 클래스에서 든지 현재의 프로파일 정보를 확인 할 수 있게 된다.

3. 설정방법

인텔리제이에서는 run/debug configurations에서 profile을 설정할 수 있고

배포 시에는 생성되는 -jar 파일에 아래와 같은 옵션을 주어 생성하면 명시된 프로파일 정보에 따라 프로젝트가 빌드된다.

-Dspring.profiles.active=dev

메인 이미지 출처 : 사진: Unsplash의Thimo van Leeuwen

Spring boot log4j2 셋팅 방법 정리

Seeminglyjs — Fri, 23 Feb 2024 09:37:15 +0900

2024-02-23

사진: Unsplash 의 NEOM

1. 방법

build.gradle

...
configurations {
	configureEach { //기본 스프링의 로그백과의 충돌 방지를 위해 제외시킨다.
		exclude group: 'org.springframework.boot', module: 'spring-boot-starter-logging'
	}
...
}

...
        
dependencies {
...
	implementation "org.springframework.boot:spring-boot-starter-log4j2";
...
}
...

application.properties

...
#logging setting
logging.config=classpath:log4j2/log4j2-local.xml
...

log4j2-local.xml

<?xml version="1.0" encoding="UTF-8"?>
<Configuration>

    <!-- 해당 설정파일에서 사용하는 프로퍼티 해당 위치에 디렉토리 없으면 자동으로 만든다.-->
    <Properties>
        <property name="LOGS_PATH">/test/logs</property>
    </Properties>

    <Appenders>
        <!-- 콘솔 로깅 -->
        <Console name="console" target="SYSTEM_OUT">
                        <PatternLayout pattern="%style{[%d{yyyy-MM-dd HH:mm:ss}:%-3relative] }{white}%highlight{%level}{FATAL=red, ERROR=red, WARN=yellow, INFO=green, DEBUG=cyan, TRACE=cyan} [%style{%t}{cyan}] %style{%logger{35}}{magenta}%n %style{[%l]}{blue}%n:LOG: %msg%n%throwable%n" />
        </Console>

        <!-- 파일 압축 기준-->
        <RollingFile name ="RollingFile">
            <FileName>${LOGS_PATH}/log4j2.log</FileName>
            <FilePattern>${LOGS_PATH}/%d{yyyy-MM-dd}/log4j2.%d{yyyy-MM-dd}.%i.log.gz</FilePattern>
            <PatternLayout>
                <Pattern>%d{yyyy-MM-dd HH:mm:ss} %5p [%t] [%c] :LOG: %m%n%throwable</Pattern>
            </PatternLayout>
            <Policies>
                <SizeBasedTriggeringPolicy size="10KB"/> <!--10MB 이상 시 압축-->
                <TimeBasedTriggeringPolicy interval = "1" modulate = "true"/> <!--파일 패턴의 마지막 시간 패턴으로 인터벌이 계산됨 yyyy-MM-dd 이기 때문에 하루 기준 계산-->
            </Policies>
            <DefaultRolloverStrategy max="10000" fileIndex="min"/> <!--압축된 파일 최대 만개 그 이후는 오버라이딩 됨 첫번쨰 부터-->
        </RollingFile>
    </Appenders>

    <Loggers>
        <!-- Application Loggers -->
        <!-- Root 설정보다 우선순위가 높으며 패키지별 개별 로그 지정 가능 -->
        <logger name="com.example.exp.controller" level="INFO" additivity="false">
            <AppenderRef ref="console" />
            <AppenderRef ref="RollingFile" />
        </logger>

        <logger name="com.example.exp.service" level="INFO" additivity="false">
            <AppenderRef ref="console" />
            <AppenderRef ref="RollingFile" />
        </logger>

        <!-- FATAL, ERROR, WARN, INFO, DEBUG, TRACE -->
        <Root level="INFO">
            <AppenderRef ref="console" />
            <AppenderRef ref="RollingFile" />
        </Root>
    </Loggers>
</Configuration>

메인 이미지 출처 : 사진: Unsplash의NEOM

jar 파일 배포시 Thymeleaf 리소스 못찾는 문제 해결 방법

Seeminglyjs — Wed, 21 Feb 2024 09:23:22 +0900

2024-02-21

사진: Unsplash 의 Claudio Schwarz

1. 방법

application.properties 에 설정해 둔 경로 확인

# Thymeleaf
spring.thymeleaf.enabled=true
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
#spring.thymeleaf.cache=false

return 경로가 "/home/home" 이런식으로 되어 있으면 경로 못 찾음 spring.thymeleaf.prefix=classpath:/templates/ 에서 이미 / 를 붙여 주었으니 아래와 같이 되어 있는지 확인

   @GetMapping("/home")
    public String getHomeView(Model model){
		. . .
        return "home/home";
    }

메인 이미지 출처 :사진: Unsplash의Claudio Schwarz

Spring Boot 파일 업로드(multipart) 용량제한 설정하기 Resolved [org.springframework.web.multipart.MaxUploadSizeExceededException: Maximum upload size exceeded]

Seeminglyjs — Mon, 19 Feb 2024 09:17:46 +0900

2024-02-19

사진: Unsplash 의 Daniel J. Schwarz

1. 방법

자신의 프로파일에 맞는 application.properties 파일에 아래와 같이 설정값을 변경해주면 된다.

spring.servlet.multipart.maxFileSize=10MB
spring.servlet.multipart.maxRequestSize=10MB

메인 이미지 출처 : 사진: Unsplash의Daniel J. Schwarz

-jar resources folder 접근 java.nio.file.NoSuchFileException 해결

Seeminglyjs — Fri, 16 Feb 2024 09:53:54 +0900

2024-02-16

사진: Unsplash 의 NEOM

1. 문제 발생

IDE에서는 src/main/.../test.properties 이런 식으로 사용해도 문제없이 동작을 했지만 -jar 파일로 생성 후 해당 부분을 그대로 쓰면 java.nio.file.NoSuchFileException 가 발생하게 된다.

2. 원인

배포시에 src/main/resources의 루트 경로가 target/classes 또는 build/classes로 변경되게 된다. 이를 위해 리소스 파일을 읽어 올 때는 동적으로 root를 잡을 수 있게 코드를 수정해야 한다.

3. 해결 방법

getClass.getClassLoader().getResourceAsStream('자신의 정적파일 위치')를 통해 자신이 위치시킬 파일의 정보를 읽어올 수 있다.

    private InputStream getFileFromResourceAsStream(String fileName) {

        //현재 클래스에서 루트 경로를 얻어 해당 파일을 정보를 읽어온다.
        //만약에 파일 경로가 resources/config/test.properties 와 비슷한 형시이면
        //fileName = config/test.properties; 와 같은 형식이 될 것이다.
        ClassLoader classLoader = getClass().getClassLoader();
        InputStream inputStream = classLoader.getResourceAsStream(fileName);

        // the stream holding the file content
        if (inputStream == null) {
            throw new IllegalArgumentException("file not found! " + fileName);
        } else {
            return inputStream;
        }

    }

4. 출처

https://mkyong.com/java/java-read-a-file-from-resources-folder/

메인 이미지 출처 : 사진: Unsplash의NEOM

Flutter google Login 시 IOS 강제 종료 현상 해결 방법 firebase

Seeminglyjs — Wed, 14 Feb 2024 09:15:36 +0900

2024-02-14

사진: Unsplash 의 Sung Jin Cho

1. 방법

../your_app/ios/Runner/GoogleService-Info.plist 에서 REVERSED_CLIENT_ID 를 Info.plist 에 추가하면 된다.

<key>REVERSED_CLIENT_ID</key>
<string>{value}/string>

../your_app/ios/Runner/Info.plist

<key>CFBundleURLTypes</key>
	<array>
	    <dict>
	        <key>CFBundleTypeRole</key>
	        <string>Editor</string>
	        <key>CFBundleURLSchemes</key>
	        <array>
	        	<string>{value}</string>
	        </array>
	    </dict>
	</array>

메인 이미지 출처 : 사진: Unsplash의Sung Jin Cho

Building with plugins requires symlink support.Please enable Developer Mode in your system settings. Run start ms-settings:developersto open settings. 해결 방법

Seeminglyjs — Mon, 12 Feb 2024 09:11:10 +0900

2024-02-12

사진: Unsplash 의 Ryan Geller

1. 문제 발생

flutter pub get

flutter 라이브러리들을 가져오는 도중 아래와 같은 에러가 발생했다. 이는 ms-setting을 윈도 내에서 시작하지 않아 발생하는 문제이다.

2. 해결방법

start ms-settings:developers

위의 명령어 실행 후 다시 flutter pub get으로 라이브러리들을 불러오면 오류 없이 실행되는 것을 확인 할 수 있다.

메인 이미지 출처 : 사진: Unsplash의Ryan Geller

Github Action 에서 현재 시간 가져오기 $(date) "$GITHUB_OUTPUT"

Seeminglyjs — Fri, 9 Feb 2024 09:38:00 +0900

2024-02-09

사진: Unsplash 의 Scott Lord

1. 방법

      - name: Get current date
        id: date
        run: echo "date=$(date +'%Y-%m-%d-%H-%M-%S')" >> "$GITHUB_OUTPUT"
      - run: echo ${{ steps.date.outputs.date }}

2. 예시

도커 이미지에 날짜 태그로 붙여서 사용

docker push ${{ secrets.DOCKER_USERNAME }}/${{ secrets.MAIN_DOCKER_REPONAME }}:${{ steps.date.outputs.date }}

3. 출처

https://stackoverflow.com/questions/60942067/get-current-date-and-time-in-github-workflows

Get current date and time in GitHub workflows

I have a GitHub workflow for releasing nightly snapshots of the repository. It uses the create-release action. This is how the workflow file looks right now: name: Release Nightly Snapshot on:

stackoverflow.com

https://hynek.me/til/set-output-deprecation-github-actions/

How to Fix the set-output GitHub Actions Deprecation Warning

If you have a GitHub Actions workflow that sets an output using echo ::set-output key=value, you have started to see an unhelpful deprecation warning. Here’s how to fix it.

hynek.me

메인 이미지 출처 : 사진: Unsplash의Scott Lord

도커(Docker) 컨테이너 무기한/무한 실행하는 방법

Seeminglyjs — Wed, 7 Feb 2024 09:52:52 +0900

2024-02-07

사진: Unsplash 의 Jigar Panchal

1. pseudo-TTY

우선 pseudo-TTY를 알아야 하는데 이는 유저 또는 애플리케이션이 shell에 대한 권한을 얻기 위해 사용된다. pseudo-TTY는 master와 slave 두 개의 파일이 쌍을 이루어 구성되는데, master 파일은 OMVS 나 rlogin 같은 네트워크 애플리케이션에 사용되며, slave 은 터미널이나 쉘이 데이터를 읽기 위해 사용된다.

자세한 내용은 아래 참고

https://www.ibm.com/docs/en/zos/2.2.0?topic=files-pseudoterminal

Pseudoterminal files

Pseudoterminals (pseudo-TTYs) are used by users and applications to gain access to the shell. A pseudo-TTY is a pair of character special files, a master file and a corresponding slave file. The master file is used by a networking application such as OMVS

www.ibm.com

2. Docker pseudo-TTY

도커에서도 컨테이너에 pseudo-TTY 옵션( -t )을 주어 실행시킬 수 있는데, 이를 통해 컨테이너는 세션이 끝날때 까지 종료되지 않게 할 수 있다.

해당 옵션에 추가적으로 -d 옵션을 주어 실행 시키면 해당 컨테이너를 무기한 실행시킬 수 있게 된다.

docker run -d -t ubuntu

--detach

-d

Run container in background and print container ID

--tty

-t

Allocate a pseudo-TTY

3. 출처

https://www.baeldung.com/ops/running-docker-containers-indefinitely

메인 이미지 출처 : 사진: Unsplash의Jigar Panchal

깃허브 ! refs/heads/main:refs/heads/main [remote rejected] (refusing to allow a Personal Access Token to create or update workflow `.github/workflows/github-action.yml` without `workflow` scope) 해결 방법

Seeminglyjs — Tue, 30 Jan 2024 09:44:39 +0900

2024-01-02

사진: Unsplash 의 NEOM

1. 방법

깃허브 자신의 프로파일 클릭

settings 클릭

Developer settings 클릭

Personal access tokens -> Tokens -> 자신이 사용 중인 토큰 클릭

workflow 체크박스 선택 후 Update token 으로 저장

메인 이미지 출처 : 사진: Unsplash의NEOM