개발시작했더니 서현이가 개털리는 이야기

[코드트리] 백준가고 코드트리온다.. 코테 독학 루틴 만들기

huynhuyn22 — Mon, 8 Jun 2026 18:58:54 +0900

벌써 또 일주일이 지낫다. 백준 없어져서 막막했던 나에게 코드트리가 있어서 다행이다. 백준도 뭐 이것저것 많았지만 코드트리가 진짜 사용자를 고려한 학습 시스템인 것 같다. 특히 나같은 게으름뱅이 에게...

코드트리는 참 매일매일 꾸준히 알림톡이 온다.

이렇게...

이렇게...........

참 다양하게도 알림톡이 온다. 알림톡 보고 부랴부랴 들어가서 학습완료한 적도 많다. 이런 나에게 참 적합한 플랫폼인거 같다 코드트리만큼 꾸준히 코테 준비를 한 적이 없다...

그리고 이번 청약 챌린지 덕분에 알았는데 깃허브 연동이 없나 싶었는데 연동이 있엇다!! 역시.. ㅜㅜ 이제알아서 슬프다 v2로 업그레이드 되었다. 기존에는 날짜별로 분류됐는데 지금은 trail 별로 분류된다.

이런 식으로 뎁스가 생긴다

내가 저장하기 원하는 레포 지정후 저장 경로 입력하면 아주 잘된다. 나같은 경우에는 플랫폼 별로 푸쉬를 했었기 때문에 코드트리 폴더를 따로 파줬다. 매일매일 잔디 심으니까 재밌다 히히

그리고 맞힌 문제만 푸쉬할지 틀린 코드도 푸쉬할 지 지정할 수 있다.

깃허브 새로 연동한 김에 이전에 좀 어렵게 풀었던 문제들 복습을 해야겠다 구현하는 데 시간이 좀 걸린 것들을 위주로 다시 풀면서 기록하려고 한다.

깃허브 <-> 코드트리 연동 방법

https://www.codetree.ai/ko/github

Codetree: Master Coding Interviews - Data Structures & Algorithms

Master algorithms, ace tech interviews, and elevate your coding skills with Codetree's systematic curriculum and expert-crafted problem sets.

www.codetree.ai

여기 들어가서

CodeTree GitHub App 설치 누르고 원하는 team을 선택한다

모든 레포 선택해도 되고 나는 그냥 커밋할 레포 하나만 골랐다. 맘대로 선택하고

그러면 이제 원하는 레포와 경로를 선택할 수 있다!!

이렇게 연동할 수 있다.

나같은 경우는 학습 동기를 눈으로 변화가 직접 보이는 것을 선호하는데, 코드트리는 이런 것들이 너무 잘 되어 있어 좋다. 트레일 문제를 하나씩 풀 때마다 도장이 찍히고, 씨앗이 싹트는 것이 아주 좋다. 그리고 내가 프론트를 해서 그런지 이런 깔끔한 UI도 너무 마음에 든다.

SWEA는 입출력이랑 제출이 너무 불편하다 ssafy 준비나 삼성 코테가 아니면 굳이 문제 풀러 가고싶지 않다. 코드트리랑 프로그래머스랑 제출방식이 유사한데, 코드트리는 개념 -> warming up 문제 -> 응용문제 흐름으로 학습할 수 있어서 좋다.

친구랑 배틀 형식으로 붙거나 티어같은 게 있으면 더 좋을 듯 하다. 암튼 이런 알림과 리마인드측면에서 엄청난 장점을 갖고 있다고 생각한다. 그리고 그런 점들이 나에게 잘 맞아서 앞으로도 코드트리를 애용하면서 학습하고싶다.

다음주도 파이팅 ㅠㅜㅠ!!

https://www.codetree.ai/ko/no-free-lunch-2026/?ref=N2N52Z

3년 만에 돌아온, 코드트리 청약 통장 챌린지 | 코드트리

매주 학습 납입하고 7주 만기 채우면 코드트리 8월까지 무료. 매주 추첨권을 모아 맥북·에어팟·애플워치 응모까지. 신청 인원에 따라 조기마감될 수 있어요.

www.codetree.ai

[코드트리] 백트래킹 알고리즘 약점 극복 학습 후기

huynhuyn22 — Mon, 1 Jun 2026 20:36:51 +0900

저번 코드 트리 학습 때 수행한 갭체크에서 아래와 같은 결과가 나왔다.

2026.06.01 - [스터디/코테 스터디(java)] - [코드트리] 백트래킹 알고리즘 약점 극복 학습 후기

[코드트리] 백트래킹 알고리즘 약점 극복 학습 후기

저번 코드 트리 학습 때 수행한 갭체크에서 아래와 같은 결과가 나왔다. 그래서 이번주에는!! 갭체크에서 추천해준대로 백트래킹부터 학습을 시작했다. 이게 학습을 하고 문제를 풀면 씨앗에 싹

huynhuyn.tistory.com

그래서 이번주에는!! 갭체크에서 추천해준대로 백트래킹부터 학습을 시작했다.

이게 학습을 하고 문제를 풀면 씨앗에 싹이 난다. ㅋㅋ

근데 내 새싹은... 세개다 ㅠㅜ 이번주에 내 생각보다 훨씬 적게 풀었다. 저번주 갭체크 이후 내 목표는 얼마나성장했을지 다시 한 번 갭체크를 통해 확인하는 거였는데 한 주를 보내보니 좀 더 구체적인 계획을 세워야 겠다는 생각이 들었다. 일단 내가 학습한 내용 먼저 작성해보겠다.

개념

일단개념먼저 학습했다. 쭉 읽어봤는데 개념은 내가 대충 알고 있던것이었다. 문제는 여기다. 대충 알아서 응용 문제가 나오면 풀지 못했다. 그래서 이번에는 제대로 숙지해보자!! 심기일전하며 읽어보았다. 코드트리가 좋은 점은 개념을 알기 쉽게 정말 핵심만 쏙쏙 설명해준다는 것이다. 그리고 간단한 그림을 통해 설명을 해주는데 처음보는 사람들에게는 이게 이해하는 데 정말 큰 도움이 될 것 같다. 그리고 나한테도 정말 도움이 되었던 부분은 그림과 함께 몇번째 라인이 실행되고 있는 건지를 보여주는 부분이었다. 사진에 첨부된 것처럼 몇 번째 라인에서 실행이 되는 지를 알 수 있다.

Warm-up 문제

그리고 문제를 풀었다. warmUp 문제답게 개념에 있었던 내용을 이용하는 문제가 나왔다. 나는 개념에 나왔던 거라서 구현하기 쉬울 줄 알았는데 생각을 한 번 하고 구현했다. 역시 직접 구현해보는 것과 머리로만 아는 것은 다르다는 것을 여실히 느꼈다. ㅠㅠ

문제 1

모를 수도

그리고 제대로 된 문제를 풀었다. 이게 완전탐색이고 백트래킹 Chapter라서 백트래킹을 써야한다는 것을 알지 그냥 문제만 보면 모를수도 잇겠다는 생각이 들었다. 코드자체는 warmUp문제와 크게 다른 부분이 없었는데 생각해내는 데 시간이 좀 걸렸다...;;

import java.util.*;

public class Main {
    public static ArrayList<Integer> list = new ArrayList<>();
    public static int N;
    public static int cnt = 0;

    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        N = sc.nextInt();

        choose(0);

        System.out.println(cnt);
    }

    public static void choose(int currentNum){
        if(currentNum == N){            
            cnt++;            
            return;
        }else if(currentNum > N + 1){
            return;
        }

        for(int i = 1; i <= 4; i++){
            list.add(i);
            choose(currentNum + i);
            list.remove(list.size()- 1);
        }
    }
}

이거는 내가 푼 코드인데 핵심은 처음 재귀함수 돌릴 때 currentNum을 0부터 시작하는 게 핵심이었다. 최근에 ssafy 코테를 봤을 때 문제2번에서 인덱스 범위를 넘겨짚고 풀어 오류가 났던 게 생각이 났다. 문제는 정말 잘 읽어야 한다. 특히 첫 시작과 범위는 무조건!!

문제 2

다음 문제다. 이거는 백트래킹만 구현해놓고 그 다음 구현하는 게 힘들어서 지피띠니의 힌트를 좀 받앗다. ㅜㅜ수치스럽다!! 이런 좌표 문제 나오면 맨날 사고를 멈춘다. 그 이유를 생각해봤는데 내가 이차원 배열 int[][] 와 ArraList<>()를 능숙하게 다루지 못해 생기는 문제같았다. 선언과 초기화를 좀 더 열심히 공부해야겠다....

이번주 문풀은 이렇게만 했고 생각보다 매우 적게 했지만 매일매일(며칠은 쉬운 앞부분만 풀었다;;) 출석은 꼭지켰다. 매일9시마다 카톡이 오기 때문에 가능햇던 것같다...

후기 및 다짐

저번주에는 목표를 좀 대충 세워서 이번주에 지키지 못했던것 같다. 이번주에는 목ㅍ를 좀 더 구체적잉게 잡아서 다음주에 꼭 달성하고 싶다. 그리고 문제를 많이 풀지는 못했지만 일단 갭체크는 진행해보려 한다. 매일매일 갭체크를 하는 사람도 있다고 봤는데 나도 성장은 많이 한 거 같지는 않지만 일단 체크하는 데 의의를 두고 진행해봐야 겠다. 파이팅 ㅜㅠ!!

https://www.codetree.ai/ko/no-free-lunch-2026

3년 만에 돌아온, 코드트리 청약 통장 챌린지 | 코드트리

www.codetree.ai

[코드트리 후기] 코딩테스트 준비, 갭체크부터 시작하기

huynhuyn22 — Mon, 25 May 2026 19:21:15 +0900

지금까지 코테는 여러 번 봤고, 심지어 작년 방학에 코테 스터디까지 했었지만 지금은 오히려 뇌가 굳고 풀이 방법이 하나도 기억나지 않았다.. 심각성을 느꼈지만 게으른 나는 또다시 릴스와 쇼츠만 주구장창 보는 하루를 보냈다..^^ 그러던 중 인스타 스토리 광고에 코드트리가 떴고 청약이라는 단어에 이끌려 홀린듯 회원가입을 하고 청약 코스를 시작했다.

시작하려고 보니 생각보다 다양한 활동이 많아 보이는 것부터 해보자라고 생각해 트레일을 진행해봤다.

트레일

트레일은 정말 기초부터 심화 코스까지 나뉘어 있었고, 문제나 개념을 맞힐 때마다 XP를 줘 하루하루 경험치 목표를 달성시키는 맛에 지속적으로 할 수 있었다. 그리고 자랑은 아니지만 흥미가 없으면 무언가 꾸준히 하는 성격이 아닌데 코드트리는 자정이 넘어가기 3시간 전 카톡으로 알림을 보내준다. 그래서 첫날 문제 풀고 다음날, 다다음날도 알림을 보고 목표를 달성할 수 있었다.

이렇게 다양한 챕터가 있고 선택해서 문제를 풀 수 있는데, 본인의 실력이 어디쯤인지 가늠하기위해

갭체크를 할 수 있다.

갭체크

갭체크는 내 문풀 수준이 어디쯤인지 체크할 수 있는 간단한 검사인데 부끄럽지만 내 결과를 한번 올려보겠다. 내 생각만큼 딱 그정도로 나와서 벌겨벗겨진 느낌이었다. 하하

코테 스터디를 하고 문제를 풀어도 딱 그 문제만 겨우겨우 풀고 넘어가는 느낌이었는데 여기서 딱 들켰다. 생각보다 간단하고 쉬운 백트래킹 문제를 손도 못댔다. 그러니 뒤에 dfs / bfs도 맨날 지피티 도움 받아서 풀었다

나의 위치를 정확하게 파악했으니 이제 학습하며 실력을 올려보려고 한다. ㅜㅜ

다음주에도 갭체크를 한 번 다시 해서 변화를 봐야겠다.

일단 추천 코스부터 집중적으로 학습을 시작하려한다.

이렇게 개념을 알기쉽게 설명해주고 바로 관련 문제를 풀도록 한다. 문제를 맞히면 경험치가 쌓인다!! 혼자할 때는 막연히 지피티 추천 문제 풀고, 템플릿 만들어달라고 하고 외워서 하고 이랬는데 한계를 느끼고 이제 코드트리를 이용해 좀 더 나은 방법으로 학습을 할 수 있을 것 같다.

https://www.codetree.ai/ko/no-free-lunch-2026

[Flutter] Google 로그인 구현 중 이슈

huynhuyn22 — Fri, 22 Nov 2024 14:07:00 +0900

이슈

: 절차대로 Google Cloud에서 하던 중 SHA-1 인증서를 입력해야 하는데

keytool -keystore path-to-debug-or-production-keystore -list -v

얘를 입력하면 자꾸 keystore파일을 찾을 수 없다고 뜸.

그래서 구글링했더니 다들 새로 만들라고 함. 아래처럼 쳤더니

keytool -genkey -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android -keyalg RSA -keysize 2048 -validity 10000 -dname "CN=Android Debug,O=Android,C=US"

이미 만들었다는 거임!! 내가 전에 앱 만들 때 했었나봄. 그래서 피티 형님꼐 물어봄

해결

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

잘된당~

[Flutter] InkWell 끝장내기

huynhuyn22 — Mon, 18 Nov 2024 01:47:33 +0900

버튼 만드는데 InkWell을 쓰고싶다.

이슈

Container,GestureDetector 써줘도 컨테이너에 가려져서 InkWell 효과가 안보임.

해결 방법

무. 조. 건. 상위에 Material() 있어야 함. 이게 잉크 효과 주는 영역 정하는 거라고 함. Material -> InkWell -> Container 로 구성하면 됨.

 Material(
            color: purple_main,
            borderRadius: BorderRadius.circular(16.0),
            child: InkWell(
              onTap: () {},
              splashColor: purple_005,
              highlightColor: Colors.transparent,
              borderRadius: BorderRadius.circular(16.0),
              child: Container(
                height: 64 * height,
                width: 345 * width,
                alignment: Alignment.center,
                child: Text(
                  '완료',
                  style: TextStyle(
                    color: gray_000,
                    fontSize: 20 * width,
                    fontWeight: FontWeight.w600,
                  ),
                ),
              ),
            ),
          ),

주의할 점

1. Material -> InkWell -> Container 순

2. highlightColor : 투명으로 !!! 안그러면 splashColor가 그대로 안나옴.

3. InkWell에 onTap 정의 안하면 효과 안나옴.

4. Container에 decoration정의하면 여기에 가려져서 효과 안나옴. Container에서는 크기 / 정렬만 정해주면 됨.

[Flutter] fab 하이라이트 컬러 바꾸기

huynhuyn22 — Mon, 18 Nov 2024 01:29:32 +0900

참나 fab에 splash, forgebackground, hover, focus 머시기 저기기 컬러 다 있는데 highlightColor만 없어서 splashColor가 내가 원하는 색으로 안나왔다. 약간 희뿌옇게 나옴.

FloatingActionButton에는 highlightColor만 없다. 그래서 찾은 방법이다.

 Theme(
      data: Theme.of(context).copyWith(
          highlightColor:
              Colors.transparent), // 버튼 하이라이트 컬러 투명으로 설정
      child: FloatingActionButton(
        heroTag: 'fab',
        onPressed: () {
          Navigator.of(context).push(_createRoute());
        },
        elevation: 0,
        shape: const CircleBorder(),
        backgroundColor: purple_main,
        splashColor: purple_005,
        child: Icon(
          Icons.mode_edit_outline_outlined,
          size: 24 * width,
          color: gray_006,
        ),
      ),
    ),

Theme으로 감싸서 highlightColor 추가하면 된다.

Before

After

[Flutter] Custom Icon 만들기

huynhuyn22 — Sun, 25 Aug 2024 04:54:04 +0900

플러터 패키지 자체에도 예쁜 아이콘이 많지만.. 디자이너분이 더더더 예쁜 아이콘을 만들어 주실 때는 어떻게 해야 하나 ㅜㅜ

그래서 커스텀 아이콘을 만들 수 있는 사이트까지 마련해주셨다 최고

https://www.fluttericon.com/

FlutterIcon - Flutter custom icons generator

This site will not work if cookies are completely disabled. {"assets_hash":"e63afe94764170521b88e195c1026df9","page_data":{},"locale":"en-US","layout":"fontello.layout"}

www.fluttericon.com

사용법

1. SVG 아이콘 다운로드

피그마를 이용해서 작업하고 있기 때문에 피그마에서 딸깍하면 SVG 파일로 변환하여 아이콘을 다운 받을 수 있다.

2. 파일 변환

고대로 파일을 아까 사이트에 업로드하고

만들고 싶은 아이콘을 선택해서 다운로드 해준다.

3. 파일 수정

custom_icons_icons.dart 파일 추가

그러면 폴더가 다운로드 되는데 압축을 풀어주고 custom_icons_icons.dart 파일을 프로젝트 폴더 내에 추가해준다.

ttf 파일 추가

그리고 위에 fonts 폴더 안에 있는 ttf 파일을 추가해준다. 나는 assets 폴더를 따로 만들어서 넣어줬다.

pubspec.yaml 수정

ttf 파일 인식할 수 있게 pubspec.yaml 파일도 수정해준다.

flutter:
  fonts:
    - family: CustomIcons
      fonts:
        - asset: assets/fonts/Custom-Icons.ttf

결과

그러면 이렇게 잘 사용이 가능하다^^

 LoginBtn(
            path: 'google',
            snsName: '구글',
            //  Custom Icon 사용!!
            iconData: CustomIcons.google_icon,
            btnColor: const Color.fromARGB(255, 209, 216, 251),
            txtColor: const Color.fromARGB(255, 60, 65, 92),
          ),

문제점

이런 아웃라인 아이콘을 SGV로 변환하니까 자꾸 내부가 채워지는 현상이 발생했다.

이런 식으로 .. ㅡㅡ 너무 짜쳤다. 심지어 캘린더는 그냥 사각형이 됐다.

원인

피그마에서 export하면 svg 파일을 그릴 때 stroke 를 이용해서 그리는데 이를 아이콘으로 변환하면 다 날려버리기 때문에 그냥 다 채워져서 나온다. 그래서 라인을 안쪽 라인, 바깥쪽 라인 두 번 그려줘서 테두리를 그려줘야 한다. 근데 그거를... 어떻게 하냐 ㅡㅡ 그래서 애초에 피그마에서 export 할 때 두 번 그리게 해주려고 한다.

1. Flatten 시켜준다.

2. 색을 예쁘게 채워줌.

3. Outline stroke

4. 채워졌던 색을 Stroke보다 더 크게 늘려줌.

5, 색 있는 부분 선택하고 Use as mask

6. Stroke 선택하고 svg로 export

그러면 드디어 아웃라인만 나오는 모습을 볼 수 있다 ㅜㅜ 감격

[Flutter / 오류] Error (Xcode): Linker command failed with exit code 1 (use -v to see invocation)

huynhuyn22 — Sat, 24 Aug 2024 20:45:56 +0900

오류

디버깅 하던 도중.. 무언가 심기를 건드렷는지 또 삐지면서 저런 메세지를 보냈다.

Xcode 빌드는 됐는데 자꾸 이런 게 떴다 ㅡㅡ

실제 기기에서는 돌아가는데 시뮬레이터에서만 안됨.

해결

프로젝트 폴더 하단에 ios/Podfile 에서

post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)
    target.build_configurations.each do |config|
        #add this code
        config.build_settings['EXCLUDED_ARCHS[sdk=iphonesimulator*]'] = 'arm64'
    end
  end
end

저거 한 줄 추가해줬더니 잘 돌아갔다!!

달래기 성공!

참고 자료

https://github.com/flutter/flutter/issues/90504

Could not build the application for the simulator · Issue #90504 · flutter/flutter

Hi, I am using latest flutter 2.5.1 after upgrading to latest flutter i cannot run application via VSCode or the terminal on iOS simulator (it runs perfectly from XCode). I've tried to clean and de...

github.com