코딩구르르르

flutter Unresolved reference 에러 해결

해니01_15 — Tue, 14 Oct 2025 15:22:39 +0900

오랜만에 플러터를 실행했는데 오류가 막 뜨더니 아래와 같은 오류가 발생했다.

Running Gradle task 'assembleDebug'...
e: file:///C:/flutter/packages/flutter_tools/gradle/src/main/kotlin/FlutterPlugin.kt:764:21 Unresolved reference: filePermissions
e: file:///C:/flutter/packages/flutter_tools/gradle/src/main/kotlin/FlutterPlugin.kt:765:25 Unresolved reference: user
e: file:///C:/flutter/packages/flutter_tools/gradle/src/main/kotlin/FlutterPlugin.kt:766:29 Unresolved reference: read
e: file:///C:/flutter/packages/flutter_tools/gradle/src/main/kotlin/FlutterPlugin.kt:767:29 Unresolved reference: write

FAILURE: Build failed with an exception.

해당 경로에 들어가서보니까 저 파일은 잘 있는데 Unresolved reference 라니...

이것저것 검색 해보니 많은 사람들이 gradle 버전이 안 맞아서 발생하는 오류라고 했다.

그래서 android/gradle/wrapper/gradle-wrapper.properties 에 들어가서 distributionUrl의 gradle 버전을 바꾸어 주었다.

플러터 최신 버전에는 8.x 가 맞고 나는 7.x를 쓰고 있었다.

위와 같이 버전을 변경 했다면 clean과 pub get을 한번 해준 뒤 실행 해준다

flutter clean
./gradlew clean
flutter pub get

아주 정상적으로 잘 실행 되는 것을 확인할 수 있다

Spring Boot Gradle 프로젝트에서 SMTP 이메일 전송하기

해니01_15 — Thu, 28 Aug 2025 22:49:27 +0900

예전에 이메일 발송 기능을 정리해둔 글이 있지만, 조금 중구난방으로 작성된 부분이 있어서 이번에 Gradle 기반으로 다시 정리해 보려고 한다.

[발송용 이메일 계정 준비]

우선, 이메일을 발송에 사용할 이메일 계정이 있어야한다. 이 기능을 위해 새로운 이메일을 만들었고 2단계 인증까지 해주었다. 아래의 글을 따라 인증 후 비밀번호까지 생성해 보자.

[SMTP] Gmail을 이용한 초 간단 이메일 인증 구현 - 비밀번호 발급

우리가 회원가입을 할 때 자주 마주하게 되는 이메일 인증! 가끔 가짜 이메일로 가입 하려고 하면 꼭 이메일 인증을 하라고 해서 귀찮게만 느껴졌는데 이걸 내가 하고 있다니~~~ 아무튼! 메일을

henniee.tistory.com

[환경설정 및 빌드파일 설정]

application.properties

spring.mail.host=smtp.gmail.com
spring.mail.port=587
spring.mail.username=가입한이메일@gmail.com
spring.mail.password=발급비밀번호
spring.mail.properties.mail.smtp.auth=true
spring.mail.properties.mail.smtp.starttls.enable=true

build.gradle

dependencies {
	implementation 'org.springframework.boot:spring-boot-starter-mail'
    }

[이메일 서비스 만들기]

send 매서드를 정의해서 메일을 보낼 수 있게 구현한다.

package com.example.demo;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.stereotype.Service;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

@Service
public class EmailService {
    private static final Logger log = LoggerFactory.getLogger(EmailService.class); // 로거 추가

    private final JavaMailSender mailSender;

    @Value("${spring.mail.username}")
    private String from;

    public EmailService(JavaMailSender mailSender) {
        this.mailSender = mailSender;
    }

   
    public void send(String subject, String body, String... to) {
        SimpleMailMessage message = new SimpleMailMessage();
        message.setTo(to); 
        message.setFrom(from);
        message.setSubject(subject);
        message.setText(body);
        mailSender.send(message);
        
        log.info("메일 전송 완료: 제목={}, 수신자={}", subject, String.join(", ", to));

    }
    

}

[메일 보내기]

private final EmailService emailService;

emailService.send("OS 업데이트 알림", "내용", "메일 받을 주소1", "메일받을 주소2");

안드로이드 업데이트 자동 확인: 웹 크롤링으로 이메일 알림 만들기

해니01_15 — Tue, 26 Aug 2025 21:29:24 +0900

iOS 업데이트 자동 확인: 웹 크롤링으로 이메일 알림 만들기

잦은 OS 업데이트로 매일매일 홈페이지에 들어가서 확인 하기가 번거로워서 웹 크롤링을 통해 이메일로 해당 업데이트 내용을 전달해주는 프로그램을 만들었다. 웹 크롤링 툴에는 크게 두가지

henniee.tistory.com

iOS 업데이트 여부를 확인하는 크롤링을 구현 했었다.

이번에는 안드로이드 를 확인 하는 크롤링을 해보려고 한다. \

[크롤링 대상 사이트 확인]

https://developer.android.com/about/versions/16/release-notes 는 공식 개발자 사이트로 각 버전별 릴리즈 노트가 정리되어 있다.

URL 링크를 살펴보면 규칙이 보인다.

versions/16 -> 최신 버전번호가 들어감
release-notes -> 릴리즈 노트 페이지

즉, 최신 버전 번호만 알 수 있으면 최종 릴리즈노트 링크를 만들 수 있다.

[최신 버전 번호 가져오기]

우선 vserions 까지의 주소에 접근 한 후 h3을 찾아 그 안의 img 태그의 alt 를 찾아준다.

그 후 alt의 끝부분 (숫자) 만 떼서 다시 versions/버전숫자/release-notes 라는 주소로 진입한다.

[릴리즈노트 페이지 진입]

최신 버전을 알았다면 릴리즈 노트 주소를 만들 수 있다.

하지만 이 릴리즈페이지는 앞전의 페이지와 다르게 내부의 탭들이 JavaScript 로 랜더링 되기 때문에 DOM이 모두 그려질 때까지 기다려야 한다. 그래서 이 부분에서는 Selenium을 사용하여 원하는 정보를 얻어낸다.

최종 코드

private List<AndroidVersionInfo> crawlAndroidWebsite() throws IOException {
		List<AndroidVersionInfo> latestAndroidVersions = new ArrayList<>();
		WebDriver driver = null;
		try {
			// 페이지 접속
			Document doc = Jsoup.connect(Android_RELEASES_URL).get();

			// h3 태그 중 img alt 속성이 "Android"로 시작하는 것 찾기
			Elements h3s = doc.select("h3:has(img[alt^=Android])");

			String latestVersionLink = null; // href="https://developer.android.com/about/versions/16?hl=ko"
			String latestVersionNum = null; // 16

			for (Element h3 : h3s) {
				Element aTag = h3.selectFirst("a[href]");
				if (aTag != null) {
					latestVersionLink = aTag.attr("href");
					Matcher m = Pattern.compile("/versions/(\\d+)").matcher(latestVersionLink);
					if (m.find()) {
						latestVersionNum = m.group(1); // "16"
					}

					break; // 첫 번째(최신)만 추출
				}
			}

			if (latestVersionLink != null) {

				String baseUrl = latestVersionLink + "/release-notes";

				Document versionDoc = Jsoup.connect(baseUrl).get(); // 릴리즈노트 사이트로 들어가기

				WebDriverManager.chromedriver().setup();
				ChromeOptions options = new ChromeOptions();
				options.addArguments("--headless=new"); 
				options.addArguments("--disable-gpu"); 

//				options.addArguments("--headless=new"); //창 없이 백그라운드 실행 
//				options.addArguments("--disable-gpu"); // GPU 가속 끄기 
//				options.addArguments("--no-sandbox");//샌드박스 비활성화 (서버 환경에서 필요)
//				options.addArguments("--disable-dev-shm-usage"); //docker에서 크롬 크래시 방지 
//				options.addArguments("--window-size=1920,1080"); //창 크기 설정 

				driver = new ChromeDriver(options);
				driver.get(baseUrl);

				List<WebElement> tabs = driver.findElements(By.cssSelector("tab[role=tab] a"));

				if (tabs.isEmpty()) { // 탭이 없을 경우 → 탭 정보 없이 저장
					latestAndroidVersions.add(new AndroidVersionInfo(latestVersionNum, null, baseUrl));
					System.out.println("탭없음");
				} else {
					String latestTab = null;
					double maxVersion = 0.0;

					for (WebElement tab : tabs) {
						String text = tab.getText().trim(); // 예: "베타 4.1"
						if (text.matches(".*\\d+(\\.\\d+)?")) {
							double version = Double.parseDouble(text.replaceAll("[^\\d.]", ""));
							if (version > maxVersion) {
								maxVersion = version;
								latestTab = latestVersionNum + " " + text;
							}
						}
					}

					if (latestTab != null) {
						latestAndroidVersions.add(new AndroidVersionInfo(latestTab, null, baseUrl));
					} else {
						System.out.println("최신 업데이트 버전이 없음");
					}
				}
			} else {
				System.out.println("링크를 찾을 수 없습니다.");
			}
		} catch (IOException e) {
			System.out.println("크롤링 오류: " + e.getMessage());
		} 
		return latestAndroidVersions;
	}

iOS 업데이트 자동 확인: 웹 크롤링으로 이메일 알림 만들기

해니01_15 — Thu, 21 Aug 2025 23:08:55 +0900

잦은 OS 업데이트로 매일매일 홈페이지에 들어가서 확인 하기가 번거로워서 웹 크롤링을 통해 이메일로 해당 업데이트 내용을 전달해주는 프로그램을 만들었다.

웹 크롤링 툴에는 크게 두가지가 있는데, Jsoup과 selenium 이고 둘의 간단한 사용법 이나 차이는 아래의 글에 정리 해 놓았다.

웹 크롤링 비교: Jsoup vs Selenium, 속도·성능·활용 차이 정리

웹 크롤링을 할 때 가장 많이 쓰이는 것들이 있다. 웹 스크래핑 라이브러리 Jsoup과 브라우저 자동화 프레임워크 Selenium이다. 오늘은 이 두개를 비교해서 어떨 때 사용 해야 하는지 정리했다. Jsoup

henniee.tistory.com

웹 크롤링을 시작하기 전에는 어떤 정보를 어디서 가져올지 정리해야 한다. 나는 iOS 업데이트 정보만 확인하면 되었기 때문에 Apple Developer 사이트 구조를 간단히 파악해 준다.

페이지를 살펴보면,

1) section 태그 안에 각각의 업데이트 정보가 들어 있고
2) 그 안의 h2 태그에서 버전명(iOS 18.x 등) 을 가져온다.
3) 바로 아래의 p 태그에서는 배포 날짜를 가져온다.
4) 맨 마지막에는 릴리즈 노트 링크가 있다.

즉, 크롤링 로직은 버전 → 날짜 → 릴리즈 노트 순서대로 추출하면 된다.

//사이트 연결하기 
Document doc = Jsoup.connect(APPLE_RELEASES_URL).get();

// 클래스가 .article-content-container 인 selection 요소들을 뽑아준다. 
Elements sections = doc.select("section.article-content-container");

List<IosVersionInfo> latestVersions = new ArrayList<>(); //값을 담을 리스트 만들기 
LocalDate latestDate = null; // 날짜 
DateTimeFormatter formatter = DateTimeFormatter.ofPattern("MMMM d, yyyy", Locale.ENGLISH); //날짜 포메팅 

for (Element section : sections) { //selection 뽑아 놓은 요소들을 돌면서 원하는 값들을 매칭 시켜준다
	Element h2 = section.selectFirst("h2:containsOwn(iOS)"); //iOS 를 가진 버전 이름 
	if (h2 != null) {
	String version = h2.text();

//날짜세팅 
	Element dateElement = section.selectFirst("p.article-date"); 
		if (dateElement == null)
			continue;

			String dateText = dateElement.text();
			LocalDate currentDate;
			try {
				currentDate = LocalDate.parse(dateText, formatter);
				} catch (DateTimeParseException e) {
					continue;
				}

				// 릴리즈 노트 <a> 태그 추출
			Element releaseNoteLink = section.selectFirst("a.more:containsOwn(View release notes)");
			String releaseNoteUrl = releaseNoteLink != null
			? "https://developer.apple.com" + releaseNoteLink.attr("href")
			: null;
            
     }
		}

웹 크롤링 비교: Jsoup vs Selenium, 속도·성능·활용 차이 정리

해니01_15 — Wed, 13 Aug 2025 20:34:53 +0900

웹 크롤링을 할 때 가장 많이 쓰이는 것들이 있다.

웹 스크래핑 라이브러리 Jsoup과 브라우저 자동화 프레임워크 Selenium이다. 오늘은 이 두개를 비교해서 어떨 때 사용 해야 하는지 정리했다.

Jsoup

주 용도: HTML 문서 파싱
동작 방식:
- HTTP 요청 → HTML 응답 → HTML 파싱 (DOM 탐색)
- 서버에서 받은 정적인 HTML만 처리
특징:
- 빠름 (브라우저 실행 X)
- 설치 간단 (JAR 추가만)
- 단점: 자바스크립트로 그려지는 동적 데이터는 못 봄
  (예: React, Vue, AJAX로 불러오는 내용)
예시

Document doc = Jsoup.connect("https://example.com").get(); String title = doc.title();

Selenium

주 용도: 브라우저 자동화 + 동적 페이지 크롤링
동작 방식:
- 실제 브라우저(Chrome, Firefox 등) 구동 → 페이지 렌더링 → DOM 탐색
- JS 실행 결과까지 가져옴
특징:
- 자바스크립트 렌더링된 데이터 접근 가능
- 버튼 클릭, 스크롤, 로그인 같은 UI 동작 가능
- 단점: 느림 (브라우저 띄우고 렌더링해야 함)
- 환경 세팅이 복잡 (WebDriver 필요)
예시

WebDriver driver = new ChromeDriver(); 
driver.get("https://example.com"); 
WebElement title = driver.findElement(By.tagName("h1"));

synology NAS 로 도커에 스프링 프로젝트 배포하기

해니01_15 — Sun, 10 Aug 2025 13:59:17 +0900

완성 된 스프링 프로젝트를 빌드 해준다. 프로젝트/build/lib 안에 빌드 된 파일이 있을 것이다.

$ ./gradlew clean build

이걸 synologyDrive 에 옮겨 준다. 실행 시 필요한 파일도 같이 업로드 해준다.

콘솔창에 들어와서 해당 파일들이 잘 싱크가 되었나 확인한다.

ls app

내가 넣은 두개의 파일이 잘 들어가 있는 것을 알 수 있다. 이제 빌드 된 파일을 실행 시켜주자.

터미널을 껐다 켜도 로그를 볼 수 있도록 백그라운 nohup (no hangup 의 줄임말) 실행으로 실행 시켜 줄 것이다. 그리고 자바 프로그램에 파일위치를 커맨드라인 옵션으로 넘겨 줘서 코드 실행 시 확인 해볼 수 있게 할 것이다.

nohup java -jar os_update_check-0.0.1-SNAPSHOT.jar --version.file.path=/app/version-store.json > app.log 2>&1 &

명령어	부분의미
nohup	터미널 종료해도 프로세스 계속 실행
java -jar os_update_check...	자바 애플리케이션 실행
--version.file.path=...	프로그램에 전달하는 설정 또는 파일 경로 옵션
> app.log 2>&1 &	표준 출력과 표준 에러를 app.log 파일에 기록하며 백그라운드 실행

백그라운드로 실행 시킨 로그를 보고 싶으면

cat app.log

기존 프로세스를 멈추고 싶다면

kill 307

실행 중인 파일이 궁금하다면

jobs -l

2025년 반기 회고

해니01_15 — Sat, 9 Aug 2025 15:03:10 +0900

2025년 신년 계획글

2024년 회고 및 2025년 계획 발표

제목이 다소 거창하고 뒤늦은 회고 같지만 그럴만한 타당한 이유가 있는 회고 글이기도 하다. 2024년 연말은 뒤숭숭하고 미래를 예측할 수 없어 한 없이 의욕을 잃게 되는 그런 시기였다. 그래서

henniee.tistory.com

눈깜짝할 사이 벌써 6개월이라는 시간이 흘렀다. 아니 사실은 7개월.. 아무튼 6개월간의 다이어리를 쭉 보고 그동안 있었던 일을 나열하니 지피티는 이렇게 나의 반기를 정의했다.

일도 하고 놀기도 하고 관리하는 만능 인간의 6개월

맞지 맞지 .. 만능 인간이 되기 위해 지난 6개월동안 했던 일을 되돌아 보자면 이렇다.

3월 WWCKorea 데모데이에 운영진으로 함께 참여했다. 직접 기획을 주도한 행사는 아니었지만, 다른 운영진 분들과 협업하며 어떻게 하면 보다 편안한 소통 환경을 만들 수 있을지, 상대방의 기분을 상하지 않게 거절하는 방법은 무엇일지, 그리고 예기치 못한 상황에서 우선순위를 정해 문제를 해결하는 방식 등 다양한 경험과 배움을 얻을 수 있었다.

또한, 연사자들의 이야기를 들으며 새로운 인사이트를 얻었고, 앞으로 하고 싶은 일들에 대한 동기 또한 새롭게 다질 수 있었다. 특히 처음 개발자가 되었을 때의 열정과 목표를 다시금 떠올리게 해준, 의미 깊은 시간이었다.

빠질 수 없는 테마, 여행.

올해 반기동안에는 홍콩, 싱가폴, 발리 아시아권 여행을 다녔다. 홍콩에서는 최악의 습도를 만났지만 덕분에 낭만적인 뷰를 보게 되는 운 좋은 일이 있었다. 싱가폴에 사는 친구를 보러 갔다가 정말 좋은 호텔에서도 묵어보게 되었고 발리에서는 드디어 진짜로 물 공포증을 이겨 내었다. (수영을 일년 했지만 물은 여전히 무서웠었음) 낯선 곳에 발을 디딜 때마다, 익숙한 일상 속에선 보지 못했던 내 모습을 마주하게 된다. 여행은 늘 그렇게, 나를 조금 더 알아가는 계기가 된다.

친구들과 사이드프로젝트를 진행 했다. 혹시 궁금하다면 여기 리딩로그 를 클릭해서 한번 보시면 좋겠습니다~

간단하게 말하면 독서기록 관리 서비스인데, 사실 요즘 이런 앱이 많이 나오기도 했고, 또 책은 잘 안 읽는 편이라 막막했지만 이번에는 처음 도전해 보는 서버와 오랜만에 백 앤드 개발을 맡아서 시간 가는 줄 모르고 재밌게 했던 프로젝트였다. 사실 AI 서비스를 접목시켜서 조금 더 체계적인 관리가 가능하게 디벨롭도 해보고 싶고, 플러터로 웹앱 변환을 해서 스토어에 출시해 보고 싶었디만 여름 동안 야근을 밥 먹듯 하게 되면서 2차 개발에 참여할 수 없었다...

하고 싶은 일을 하면 야근이 재밌어지는 게 신기하다. 분명히 다른 프로젝트 할 때는 야근 자체가 너무 싫었는데 이번 프로젝트는 야근도 나쁘지 않았고 주말 출근도 괜찮았다. 완성된 프로젝트를 사용자가 잘 사용해 줬으면 좋겠다.

애니마가 한국에 왔다니, 안 가볼 수 없었다. 가장 궁금했던 건 “한국에서, 그것도 야외에서 애니마의 몰입형 비주얼을 어떻게 구현할까?”였다. 생각보다 스크린 규모도 크고 구성도 훌륭했지만, 약간의 아쉬움도 있었다. 돔 형태로 좀 더 3D에 가까운 몰입감을 주었더라면 어땠을까 하는 생각이 남았다. 그래도 전반적으로 즐겁고 인상적인 경험이었다.

마이크로소프트 X 아이인위가 주관한 [테크톡투게더] 행사에 다녀왔다. 두 개의 발표 세션과 함께 Growlog라는 발표 세션이 있었는데, 이 자리에서 나도 발표를 맡았다. 그동안 진행했던 프로젝트들을 간략히 소개하며, “저 이렇게 바쁘고 열정적으로 살고 있습니다”를 살짝 어필하는 시간이었다. 발표를 좋게 봐주신 분들 덕분에 소셜링도 하고, 즐겁게 교류할 수 있는 뜻깊은 하루였다.

앞서 마이크로소프트 행사에서 만난 분들과 따로 날짜를 잡아 커피챗을 했다. 행사 때는 나를 보며 “열심히 살아서 멋있다”라고 말씀해 주셨지만, 막상 대화를 나눠보니 나는 정말 기본만 하고 있었을 뿐이었다. 그분들은 나보다 훨씬 부지런하고, 꼼꼼하게 하루를 채워가고 있었다. 그 열정과 체력에 연신 감탄하며, 나도 더 배우고 열린 자세를 유지하는 사람이 되어야겠다고 다짐했다.

AI 툴을 직접 써보고 싶었지만 혼자 하려니 의지가 잘 안 생겨, 아예 스터디를 열어 Cursor AI로 작은 개발 프로젝트를 진행했다. 참가자 대부분이 비전공자라 처음엔 툴 사용에 다소 어색해했지만, 하나씩 문제를 해결해가며 즐거워하는 모습을 보니 나까지 뿌듯했다.

누군가 “회사 다니면 살기 위해 운동한다”라고 했는데, 정말 공감했다. 하루 종일 앉아 있고, 삐딱한 자세로 있다 보니 근육이 사라지는 기분이 들어 올해 처음으로 헬스를 시작했다. 나름 근육도 좀 붙은 것 같고…? 수영도 드디어 호흡법을 터득했다. 이제 몇 바퀴를 돌아도 숨이 차지 않는다 그러다 친구에게 1500m 대회가 있다는 얘기를 듣고, 내년에는 꼭 참가해봐야겠다고 결심했다. 벌써 너무 설레쥬ㅠ 그리고 올해는 계속 미뤄왔던 프리다이빙 자격증도 반드시 취득할 예정이다.

자바스크립트 두 배열에서 공통 객체 찾기 Array.prototype.some()

해니01_15 — Mon, 21 Jul 2025 22:13:05 +0900

아래와 같이 두개의 배열이 있을 때, 두 배열에 모두 존재하는 객체를 찾아 반환해야 하는 코드를 짜야 했었다.

const a = [
  {name: "jake", age: "11", school: "tes"},
  {name: "luna", age: "13", school: "tes"},
  {name: "leo", age: "7", school: "sin"}
];

const b = [
  {name: "jake", age: "11", school: "tes", add: "13st"},
  {name: "luna", age: "15", school: "tes", location: "downtown"},
  {name: "leo", age: "7", school: "sing", city: "london"}
];

반복문을 돌면서 같은 객체를 찾을 수는 있지만 만약에 배열이 더 커진다면, 배열의 모든 요소를 하나씩 접근하며 확인하는 반복문은 적합하지 않을 것이다.

그래서 사용하는게 바로 Array.prototype.some() 이다.

[some 함수]

some()함수는 배열에서 조건을 하나라도 만족하는 요소가 있으면 true를 반환하는 고차함수이다. 콜백 함수를 인자로 받고 이 함수가 true를 반환하는 첫번째 요소를 찾으면 즉시 멈추고 true 를 반환하게 된다.

간단한 예제를 보면 num => num > 3 이라는 콜백함수를 인자로 받았다.

const arr = [1, 2, 3, 4];
// 배열에 3보다 큰 값이 있나?
console.log(arr.some(num => num > 3)); // true

[적용하기]

그렇다면 아까 위에 있는 a 함수와 b 함수를 비교하는 코드를 보자

// 비교에 사용할 키 목록: 각 객체에서 'name'과 'age' 속성을 기준으로 비교함
const matchEle = ["name", "age"]; 

// 두 객체의 특정 key들의 값이 모두 일치하는지 확인하는 함수
const allEleMatched = (obj1, obj2, keys) => 
  keys.every(key => obj1[key] === obj2[key]);

// 배열 a 안의 요소 중에서, 배열 b 안의 요소와 matchEle 기준으로 일치하는 것이 하나라도 있는지 확인
// 일치하는 객체가 하나라도 있으면 true 반환
const matchingObject = a.some(objA =>
  b.some(objB => allEleMatched(objA, objB, matchEle))
);

// 배열 a 안에서, 배열 b의 어떤 객체와 matchEle 기준으로 일치하는 객체만 필터링하여 추출
// 결과는 배열 형태로 반환됨
const matches = a.filter(objA =>
  b.some(objB => allEleMatched(objA, objB, matchEle))
);

console.log(matches); 
// [{name: "jake", age: "11", school: "tes"},
//  {name: "leo", age: "7", school: "sin"}]


//만약에 배열이 아닌 일치하는 객체의 특정 요소만 뺴오고 싶다면 
//map으로 뽑아내면 ["jake", "leo"] 
const matchedNames = a
  .filter(objA => b.some(objB => allEleMatched(objA, objB, matchEle)))
  .map(obj => obj.name);

GitHub Actions에서 "sudo: a terminal is required" 오류 해결 방법 – SSH 배포 자동화 시 필수 체크포인트

해니01_15 — Sat, 5 Jul 2025 00:27:40 +0900

[문제]

CI/CD 자동화 도중 GitHub Actions의 appleboy/ssh-action을 이용해 원격 리눅스 서버에 접속하고 sudo 명령을 실행 하려고 했는데 위와 같은 오류가 발생하게 되었다.

sudo 명령어가 패스워드를 입력 받기 위한 터미널을 요구 하는데, Github Actions 환경은 터미널 세션이 없는 비대화식 환경이기 때문에 비밀번호를 입력 할 수 없어 실패한 상황과 내가 작성 해 놓은 경로에 파일이나 디렉토리를 찾을 수 없다는 오류도 나타났다.

[원인]

- name: Deploy to GCP instance
      uses: appleboy/ssh-action@v1.0.3
      with:
        host: ${{ secrets.GCP_HOST }}
        username: ${{ secrets.GCP_USERNAME }}
        key: ${{ secrets.GCP_PRIVATEKEY }}
        port: 22
        script: |
          sudo docker login -u ${{ secrets.DOCKERHUB_ID }} -p ${{ secrets.DOCKERHUB_TOKEN }}
          sudo docker pull ${{ secrets.DOCKERHUB_ID }}/readinglog-app:latest
          cd /home/${{ secrets.GCP_USERNAME }}/readingLog
          sudo docker-compose down || true
          sudo docker-compose up -d --remove-orphans
          sudo docker image prune -f

내가 작성한 배포 gradle 을 보면 cd /home/... 이라는 구문에서 파일을 찾지 못해 비밀번호 입력에 대한 오류 역시 발생 한 것 같다.

[해결]

리눅스에서 내 계정의 홈 디렉토리 확인 방법 명령을 통해 정확한 경로를 알아냈다.

1. 현재 로그인한 계정명 확인

whoami

2. 사용자 홈 디렉토리 확인

echo $HOME 

//결과 예시
readinglog:x:1001:1001::/home/readinglog:/bin/bash

[수정]

echo $HOME 으로 출력 된 결과를 다시 넣어 실행 해주니 오류 없이 잘 들어간 것을 확인 할 수 있었다.

- name: GCP에 배포
        uses: appleboy/ssh-action@v1.0.3
        with:
          host: ${{ secrets.GCP_HOST }}
          username: ${{ secrets.GCP_USERNAME }}
          key: ${{ secrets.GCP_PRIVATEKEY }}
          port: 22
          script: |
            sudo docker login -u ${{ secrets.DOCKERHUB_ID }} -p ${{ secrets.DOCKERHUB_TOKEN }}
            sudo docker pull ${{ secrets.DOCKERHUB_ID }}/readinglog-app:latest
            cd /home/readingLog
            sudo docker-compose down || true
            sudo docker-compose up -d --remove-orphans
            sudo docker image prune -f

Spring CORS 설정: WebConfig 작성부터 wildcard '*', withCredentials 문제 해결까지

해니01_15 — Thu, 26 Jun 2025 21:38:56 +0900

[왜 WebConfig를 작성해야 할까?]

프론트엔드와 백엔드가 분리된 환경에서는 각각의 도메인이 다르기 때문에 브라우저는 보안상의 이유로 자동으로 요청을 막는다. 이걸 CORS(Cross-Origin Resource Sharing)라고 한다.

예를 들어 프론트앤드의 DNS 주소는 https://project-test인데 프론트가 백에게 API를 요청할 때는 https://api-project-test로 넘겨 주게 된다. 이 경우, 브라우저는 서버에 직접 요청을 보내기 전에 OPTIONS 메서드로 사전요청(preflight)을 보낸다. 그런데 백엔드에서는 "응답 가능해~"라고 명시적으로 허용하지 않으면, 브라우저는 요청 자체를 막아버리는 것이다. 이때 필요한게 바로 WebConfig를 통한 CORS 설정이다.

[webConfig 작성법]

@Configuration
public class WebConfig {

	@Bean
	public WebMvcConfigurer corsConfigurer() {
		return new WebMvcConfigurer() {
			@Override
			public void addCorsMappings(CorsRegistry registry) {
				registry.addMapping("/**") // 모든 경로에 대해
					.allowedOrigins("https://reading-log-zeta.vercel.app") // 프론트 도메인만 허용
					.allowedMethods("GET", "POST", "PUT", "DELETE", "PATCH") // 허용할 메서드
					.allowCredentials(true) // 인증정보(Cookie 등) 허용
					.allowedHeaders("*") // 어떤 헤더든 허용
					.maxAge(3600); // preflight 요청 캐싱 시간 (1시간)
			}
		};
	}
}

이 설정이 적용 되면 ① 배포된 프론트가 API 요청을 자유롭게 보낼 수 있고 ② 인증/세션 기반 요청도 credentials: true로 제대로 작동하고 ③ OPTIONS 요청에 제대로 응답하게되어 preflght 실패도 나지 않을 것이다.

[ TIPS]

① 여러 Origin을 지원하고 싶다면 allowedOrigins 대신. allowedOriginPatterns을 사용하고 쉼표로 나눠준다.

.allowedOriginPatterns("https://*.vercel.app", "http://localhost:3000")

② 도메인 와일드카드 사용시 credentials을 사용할 수 없음으로 주의하자. 이렇게 사용했다면 이런 오류가 뜰 것이다.

Access to XMLHttpRequest at 'https://api.example.com/data' from origin 'https://frontend.com' has been blocked by CORS policy: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.

         allowedOrigins("*") 설정           
     → 모든 도메인 허용 (와일드카드 사용)     

                     │
                     ▼
     ❌ allowCredentials(true) 사용 불가!
     (브라우저에서 보안상 차단됨)

─────────────────────────────────────────────

 allowedOrigins("https://corstest.com") 설정 
  → 정확한 도메인만 허용 (정적 값)            

                     │
                     ▼
     ✅ allowCredentials(true) 사용 가능!
     (인증 쿠키, 세션 등 주고받을 수 있음)