KIM JUNGHWAN님 글 목록 - mysetting

KIM JUNGHWAN

@NAVER

Seoul

Joined on 2021년 11월 05일

4:08 5/30

blog.naver.com

mobile screenshot relative

4:08

blog.naver.com

mobile screenshot

나만의공간。
https://blog.naver.com/writer0713/

프로그래밍을 사랑하는, 프로그래밍을 즐기는 사람입니다.

저작도구: naver blog

최종 피드 수집: 2025-05-06 19:16

전체 (329)

2d

[Git] Github 에서 gemini 에게 pr review 받기

개요 Github 에서 동료들뿐 아니라 Gemini-code-assist (AI) 에게 무료로 review 를 받을수 있다. 개인 프로젝트라면 사용해서 나쁠게 없어보인다. 방법 1. Github Login 2. 아래 링크에 들어가

GIT

000

28d

[docker] rancher desktop / Testcontainers 에러 - ip: can't find device 'vznat'

개요 mac m3 에 rancher desktop + Testcontainers 를 설치한 이후 terminal 에서 아래와 같은 에러가 발생했다. 해결책 아래 명령어를 실행하자.

DOCKER

000

2M

[AI] Cline - Plan / Act mode 차이점

개요 개인 프로젝트 진행시 자주 사용하는 VSCode 의 Cline 이라는 툴에서 'plan' 과 'act' 라는 모드가 나뉘어져 있는것을 발견했다. 두 모드의 차이점이 궁금하여 찾아보고 정리한다. 참고 아래 thread 에 동영

AI

002

2M

[데브허브] DEVHUB 진행 상황 (인사이트 제공 / player 최적화, etc) - 2025.02.09

개요 마지막으로 포스팅 했던게 24.12.21 이었으니 벌써 두달 가까이 시간이 흘렀다. 연초부터 독감, 식중독, 극심한 허리통증을 차례로 겪으면서도 개발을 손에서 놓지 않았다. 오늘은 근 두달간 업데이트 한 내용들과 앞으로 진행

개발일지

000

3M

[데브허브] DEVHUB 진행 상황 ('유튜브에서 보기' 버튼 추가) - 2024.12.21

'유튜브에서 보기' 기능 추가 devhub 는 웹 기반이라서 모바일 화면을 끄면 백그라운드 재생이 안되는 단점이 있음 PC 로 볼때는 크게 불편한 점이 없지만, mobile 에서 볼때는 유튜브앱으로 보는게 좀 더 쾌적한 느낌이 있

개발일지

000

3M

[Next.js] Prisma on Next.js 강좌

노마드코더 next.js 강좌를 들으면서 prisma 를 알게되었는데 사이드 프로젝트 할 때 상당히 괜찮은 orm 프레임워크 라고 생각이 들었다. 노마드코더 강좌에서는 간단한 예제만 하다보니 좀 더 실무에 가까운 사용법을 알고 싶

Next.js

000

4M

[데브허브] DEVHUB 진행 상황 (AI model 변경) - 2024.01.02

AI 모델 변경: Google AI Studio로의 전환 DEVHUB에서는 동영상 카테고리 분류와 요약에 AI를 활용하고 있는데, 기존에는 Groq의 무료 모델(Google GEMMA)을 사용했습니다. 하지만, 12월 중순부터 스

개발일지

000

4M

[데브허브] DEVHUB 진행 상황 (삭제 / 비공개 동영상 자동 삭제) - 2024.12.21

근황 시간이 참 빠르다. 사실 이 기능은 11월 말에 작업을 완료하였는데 최근에 육아와 일이 너무 바빠서 포스팅을 못하고 있었다. 처음 프로젝트를 시작할 때 "사용자가 없어도 그냥 혼자 꾸준히 개발을 해보겠다"라고 다짐했던 것처럼

개발일지

000

4M

[2024 마이 블로그 리포트] 데이터로 찾아보는 내 블로그 마을

점점 블로그를 안하게 되는군..

기타

000

5M

[데브허브] DEVHUB 진행상황 (AI 요약 기능 추가) - 2024.11.03

AI 요약 기능 개발기 모델 선택 팀 동료가 AI 요약 기능이 있으면 좋겠다는 의견을 주어, 약 2주 동안 'AI 요약' 기능을 개발해보았다. 다양한 모델에 맞춰 프롬프트를 조정하며 수백 번의 테스트를 진행했다. 비용을 들이면 더

개발일지

000

6M

[데브허브] DEVHUB 진행상황 (AI 를 사용한 카테고리 분류) - 2024.11.02

카테고리 분류 카테고리 분류 방법 선택 기존에는 모든 동영상을 최신순으로 보여주고 있었다. 사용자들에게 가장 도움이 되는 기능이 무엇일까 고민해보니 수 많은 동영상 중에서 내가 원하는 분야의 동영상만 골라보기가 쉽지 않을거란 생각

개발일지

001

6M

[Next.js] Vercel 배포 실패 - (Module not found: Can't resolve)

개요 next.js app 개발을 하는 도중, 파일명 규칙이 중구난방이라 생각되어 통일을 시키기 위해 cacmel case 에서 kebab case 로 파일명들을 수정했다. 그리고, push 후에 vercel 에 배포하자 아래와

Next.js

000

6M

[데브허브] DEVHUB 진행상황 (many updates) - 2024.10.12

Github Actions 버그 수정 이전 포스팅에서 BE (springboot) 의 CI 를 Github Actions 로 구축했다고 적었었다. 잘 사용하고 있었는데 간혹 application 을 shutdown 하고나서 다시

개발일지

000

6M

[데브허브] DEVHUB 진행상황 (video player 크기 최적화) - 2024.10.09

(mobile) video player 크기 최적화 개인적으로 출퇴근 시간에 모바일에서 devhub 를 이용하다 보면 video player 크기가 너무 작은것 같다는 생각이 들었다. 모바일이니 어쩔수 없다고 자기 위로를 하다가,

개발일지

001

6M

[데브허브] DEVHUB 진행상황 (언어 선택 추가) - 2024.10.06

동영상 언어 (필터링) 추가 기존에는 언어에 상관없이 시간순으로 card 들이 노출됐었다. '일간 / 주간 / 월간 top 50' 페이지를 추가할까 하다가, 그것보다는 언어 필터링을 먼저 추가하는게 더 나을것 같다고 판단하여 빠르

개발일지

000

7M

[데브허브] DEVHUB 진행상황 (Google Analytics / Github Actions 추가) - 2024.10.06

Google Analytics 추가 기존에 Vercel 에서 제공하는 Vercel Analytics 를 사용하고 있었는데, 좀 더 세부적인 내용들을 보기 위해 Google Analytics 를 추가했다. Vercel Analyti

개발일지

000

7M

[데브허브] DEVHUB 진행상황 (Giscus 추가) - 2024.10.05

Comment 기능 (Giscus) 추가 동영상 페이지 하단에 코멘트 및 리액션 기능을 추가했다. 코멘트 관련 기능을 직접 만들려다가 Giscus 라는 오픈소스를 사용하게 되었다. Giscuss 를 사용했을때의 장점과 단점은 명확

개발일지

000

7M

[데브허브] DEVHUB 진행상황 (Supabase Egress) - 2024.10.02

Supabase Database Egress Limit 현재 DEVHUB 의 DB 는 Supabase 에서 제공되는 free plan 의 Postgresql 을 사용중이다. 처음에는 큰 생각없이 Supabase 의 기능들을 사용했

개발일지

001

7M

[데브허브] DEVHUB 진행상황 - 2024.09.30

Github 로그인 기능 추가 추후 개인별 기능을 제공하기 위해 로그인 기능을 추가했다. 개발자들이 타겟층인만큼 이메일을 통한 회원가입보다는 github 을 통한 회원가입/로그인이 나을거라 판단했다. supabase 의 auth

개발일지

000

7M

[데브허브] IT뉴스 - OpenAI o1, 구글 노트북LM 팟캐스트 생성, Gen-3 V-to-V, 어도비 영상 AI, Reflection 사기 등

요약 : OpenAI o1, 구글 노트북LM 팟캐스트 생성, Gen-3 V-to-V, 어도비 영상 AI, Reflection 사기 등에 대한 소식 그냥 라디오처럼 듣길 추천 #데브허브 #devhub #OpenAI #o1 #구글 #

추천컨텐츠

000

7M

[데브허브] Find The Best VS Code Themes Here #webdeveloper #vscode

요약: - 이 영상에서는 VSCode 테마를 찾을 수 있는 웹사이트를 소개한다. - 이 웹사이트에서는 인기 있고 최신 트렌드의 테마들을 미리 볼 수 있다. #데브허브 #devhub #VSCodeTheme

추천컨텐츠

000

7M

[데브허브] DEVHUB 진행상황 - 2024.09.15

로딩화면 추가 로딩화면을 추가했다. 가능하면 사용자가 바로 화면을 볼 수 있으면 좋겠지만 가끔 페이지 이동시에 약간의 딜레이가 생기는 느낌이 있어서 부득이하게 추가했다. 페이지 이동간에 아무런 액션이 없는것보다는 나은듯 하다. T

개발일지

000

7M

[데브허브] Local vs. Cloud LLMs/RAG - Let's FINALLY End this Debate

요약: - 이 영상에서는 AI 에이전트를 구축할 때 로컬 또는 클라우드 기반의 LLM(Large Language Model)과 RAG(Retrieval Augmented Generation)를 사용하는 방법에 대해 논의한다. -

추천컨텐츠

000

7M

[데브허브] 아이폰 16/16 프로에 적용되는 AI, 애플 인텔리전스(Apple Intelligence)란?

요약: - 애플 인텔리전스는 개인 맞춤형 AI로, iOS, 아이패드, 맥북 등 애플 기기에서 사용할 수 있다. - 온 디바이스 AI 기반으로 기기 내에서 인공지능이 작업을 처리한다. - 필요한 경우 보안이 강화된 클라우드로 작업을

추천컨텐츠

000

7M

[데브허브] From Node.js to Deno: How It All Began

요약: 이 영상에서는 Node.js에서 Deno로의 전환에 대해 이야기한다. Deno는 새로운 자바스크립트 런타임으로, Node.js의 많은 문제점을 해결하고자 한다. Deno는 Rust로 작성되었으며, 더 현대적인 자바스크립트를

추천컨텐츠

000

7M

[데브허브] New Defaults in #Flutter 3.24: FilterQuality.low & canvaskit for web

요약: Flutter 3.24에서 두 가지 새로운 기본값이 변경되었다. 첫 번째는 filterQuality.low에서 filterQuality.medium으로 변경되어 이미지 품질이 향상되었다. 두 번째는 웹에서 canvaskit

추천컨텐츠

000

7M

[데브허브] 멀티 모듈 프로젝트 만들기 [ 스프링 부트 (Spring Boot) ]

요약: 기존의 스프링부트 레포지토리를 멀티 모듈로 변경하려고 한다. 이렇게 하면 코드를 재사용할 수 있고, 앞으로 웹플럭스나 카프카 같은 모듈을 추가하기 쉽다. 먼저 MVC 모듈을 만들고, 그 다음에 웹플럭스 모듈을 만든다. 각

추천컨텐츠

001

7M

[데브허브] 구글 검색 vs AI 검색 퍼플렉시티 vs 서치GPT 대결은?!

- 검색 시장은 빠르게 진화하고 있으며, 퍼플렉서티, 검색 GPT와 같은 AI 기반 엔진이 기존 검색 방식을 파괴할 것으로 예상된다. - 진화하는 검색 시장: AI가 기존 엔진과 광고에 미치는 영향 - 검색 시장은 AI가 구글과

추천컨텐츠

002

7M

[데브허브] ShadCN’s Revolutionary New CLI

- Shadcn은 컴포넌트 라이브러리의 새로운 표준을 제시하고 있다. - 필요한 컴포넌트뿐만 아니라 반응형 사이드바, 로그인 페이지 같은 전체 애플리케이션의 구성 요소도 제공한다. - 또한 v0와 통합되어 AI 기반의 UI 개발을

추천컨텐츠

000

7M

[데브허브] 유료 사이트들의 비밀

- 와.. 발상의 전환이다.. - 많은 웹사이트가 콘텐츠를 보려면 등록과 결제가 필요하지만, 이러한 관행은 Google과 같은 검색 엔진에서 노출을 제한하게 된다. - 콘텐츠에 대한 액세스를 차단하면 Google 크롤러가 사이트를

추천컨텐츠

000

7M

[데브허브] ClaudeDev + Gemini : Generate Applications for FREE with Gemini 1.5 Pro / Flash!

- Claude Dev 와 Google 의 Gemini 모델을 통합하여 vscode 에서 코딩하는 방법을 알려준다. - 로컬에서 VSCode + LiteLLM + Gemini API (Free tier) + Claude Dev 설

추천컨텐츠

000

7M

[데브허브] DEVHUB 진행상황 - 2024.09.09

검색 세글자 이상만 검색이 가능했었는데 두글자 이상 검색 가능하도록 수정함 생각보다 두글자로 검색하는 빈도가 많음 검색결과를 랜덤 노출 => 최신순 노출로 변경 랜덤 노출은 좀 더 다양한 컨텐츠를 볼 수 있다는 장점이 있지만 사람

개발일지

000

7M

[데브허브] 딥페이크 탐지 툴 직접 사용해보기

- 데모1 - 인트로 - 센티넬 - Attestiv - Intel FakeCatcher - WeVerify - Microsoft Video Authenticator - Deepfake Detection Using Phoneme-V

추천컨텐츠

000

7M

[데브허브] 구글 대체하는 AI 검색 ‘Perpexity’ 사용법과 꿀팁

- 구글 검색 엔진을 대체하는 AI 검색 엔진 'Perplexity'의 인기가 상승 중. - 'Answer Engine'이라는 이름으로 등장한 Perplexity는 검색 기능을 제공함. - SKT 사용자는 조건 없이 1년간 Per

추천컨텐츠

000

7M

[데브허브] 가정용 로봇..? 요즘 휴머노이드가 미쳤습니다...ㄷㄷ (보스턴 다이내믹스 아틀라스, 네오, 피규어01, 딥마인드, 나디아)

- 보스턴 다이내믹스 '아틀라스' (현대 자동차) - 1x 테크노로지스 '네오' - 중국 휴머노이드 로봇 아스트리봇S1 (인텔리전스) - 피규어AI 피규어02 (오픈AI) - 딥마인드 '탁구 로봇' - IHMC 휴머노이드 로봇 '

추천컨텐츠

000

7M

[데브허브] AI 신약개발 역사에 또 한 획이 그어지다… 구글 딥마인드 AlphaProteo 출시 | 단백질 결합 구조 예측하며 암, 바이러스 AI 신약개발 혁명

- AlphaProteo라는 새로운 AI 모델이 출시됨. - 이 모델은 단백질 접힘 예측을 넘어서 단백질 간 결합을 예측할 수 있음. - 다양한 단백질을 생성하여 특정 단백질과 맞는 결합을 예측, 마치 자물쇠에 맞는 열쇠를 찾는

추천컨텐츠

000

7M

[데브허브] 텔레그램 쓰면 못 잡나요? , 텔레그램 범죄자 소탕 스토리

해킹에 관련된 스토리를 재미나게 설명해주는 Nomaltic Place 텔레그램 N번방 범죄자 소탕에 관련된 스토리를 들려준다. 눈 감고 들으면 꽤나 재밌다. #데브허브 #devhub #화이트해커 #노말틱 #n번방 #텔레그램

추천컨텐츠

000

7M

[데브허브] AI뉴스 - 100배 성능 GPT 구독료 260만원, 빅테크 압도한 오픈소스, AI 마인크래프트, Replit 코딩 혁명, 수츠케버 10억달러 투자 등

- OpenAI 일본 CEO GPT-Next 발표 - 오픈AI, GPT-5 월구독료 260만원?...“새 LLM 곧 나올까” - 빅테크 AI 다 이긴 오픈소스, Reflection 70B 발표 - AI 1000개가 플레이한 마인크

추천컨텐츠

000

7M

[데브허브] [무료] 챗GPT의 GPT-4o & Meta의 라마 3.1 405B (LLaMA 3.1) 공짜로 쓰기 | Github Marketplace Models

GitHub Marketplace의 Models를 활용하여 무료로 인공지능 서비스를 사용할 수 있는 방법에 대해 소개한다. Beta 버전이라 신청을 해야한다. 신청을 하면 일정 기간 이후 사용가능하다는 이메일이 온다. #gpt4o

추천컨텐츠

000

8M

DEVHUB 진행상황 - 2024.09.05

메인화면 새로 추가된 최신 동영상들은 오른쪽 상단에 'NEW' badge 를 붙였다. navigation bar 오른쪽에 '검색' 이 가능하도록 'search input' 을 추가했다. 비디오 플레이어 화면 UI 를 최대한 심플하

DEVHUB

000

8M

사이드 프로젝트 진행 상황 공유 - DEVHUB

백엔드 개발자가 FE를 공부한다는 것 백엔드 개발자로 일하면서 매일 조금씩 FE (react.js, next.js, css, tailwind.css, etc)를 공부해왔다. 문제는 FE에서 유행하는 기술들이 너무 많다 보니 이것들

2024年

000

9M

[Intellij] Intellij Community - active profile 설정

개요 Intellij Ultimate (유료버전) 에서는 'Active profiles' 옵션이 있지만, Intellij Community (무료버전) 에는 해당 옵션이 없다. 무료버전에서 'active profiles' 설정 하

etc

000

9M

[java] mockito - doReturn / thenReturn 차이점

1. 개요 특정 메서드에 stubbing 이 필요하여 찾다보니 doReturn 과 thenReturn 의 동작방식에 차이점이 있다는걸 알게되었다. 2. 차이점 thenReturn 실제 메서드 내부의 로직이 모두 동작한다. 마지막에

java

000

9M

[AI] ai-digest

개요 Kenu Heo 님의 '소소한 코딩 화면 공유' 를 보다가 'ai-digest' 라는걸 알게됐다. 간략히 소개하면 내 프로젝트의 코드들을 하나의 파일(markdown file) 로 저장해주는 기능이다. 이 파일을 chat-g

etc

000

9M

[spring] intellij 에서 spring batch 실행 (feat. paramter)

개요 (CLI 말고..) IntelliJ 에서 spring batch application 을 실행할때 jobname 과 parameter 를 넘기는 방법이 궁금하여 찾아보고 정리한다. 방법 - Launch Configuratio

Spring

007

9M

[spring] 섹시하게 시간측정 하기 - (feat. Stopwatch)

개요 간혹 코드에서 각 메서드들이 수행되는 시간을 측정하고 싶은 경우가 있다. 가장 보편적인 방법인 'System.currentTimeMillis()' 를 포함하여 여러가지 방법이 있겠지만 spring 환경이라면 spring 에서

Spring

000

9M

[Intellij] 플러그인 추천 - Inspection Lens

개요 이번에 이희승 님 라이브코딩을 보다가 괜찮은 플러그인을 알게되어 추천한다. Inspection Lens intellij 로 코딩을 하다보면 warning 이나 error 가 있는 경우, 노란색 혹은 빨간색 밑줄이 표시된다.

etc

0050

9M

[spring] embeded tomcat heapsize 부족 - oom

개요 embeded tomcat 을 사용하는 springboot application 을 k8s 환경에 띄우려고 하니 oom 이 발생했다. 에러 메시지를 확인해보니 heapsize 가 부족한듯 보였다. java default he

Spring

000

10M

[기타] m3u8 동영상 다운로더 (크롬 익스텐션)

개요 요즘 대부분의 동영상이 스트리밍 방식으로 제공된다. 스트리밍 동영상의 경우 m3u8 이라는 확장자로 쪼개서 제공되는데 이 쪼개진 파일만으로는 동영상 재생이 안된다. 즉, 쪼개진 m3u8 파일들을 모두 모아야 하나의 완전한 동

etc

001

1y

[Next.js] Next.js 14 (feat. typescript, tailwindCSS)

개요 처음 프로젝트 생성시 typescript 와 tailwindcss 가 같이 세팅되도록 하는 명령어 명령어 명령어는 다음과 같다. 그 외 다양한 옵션들은 아래 docs 를 참고하자.

Next.js

001

1y

[Next.js] Next.js 14 (feat. typescript, tailwindCSS)

개요 처음 프로젝트 생성시 typescript 와 tailwindcss 가 같이 세팅되도록 하는 명령어 명령어 명령어는 다음과 같다. 그 외 다양한 옵션들은 아래 docs 를 참고하자.

Next.js

002

1y

2024.01.31

아시안컵 16강을 보면서 다시 한번 느낀다. 중.꺾.마. 포기하지 말자.

2024年

000

1y

[Flutter] 안드로이드 스튜디오 안열리는 이슈 - Cannot connect to already running IDE instance

개요 회사에서 m3 macbook 을 제공받아 flutter 환경세팅을 하는도중 android studio 가 아래와 같은 에러를 뱉으며 열리지 않는 현상이 발생했다. 해결방법에 대해 정리한다. - 에러 : Cannot conne

Flutter

005

1y

[맥] Google Chrome 열리지 않는 현상 해결방법

개요 회사에서 m3 macbook 을 제공받아 필요한 프로그램을 설치하는 도중 크롬이 설치를 했음에도 열리지 않는 현상이 발생했다. 처음 겪어보는 현상이라 m3 macbook 이슈인가 해서 한참을 찾아보다 해결책을 찾아 작성한다.

MAC

005

1y

[Flutter] FractionallySizedBox

개요 widget 의 크기 (width, height) 를 직접 지정하는 경우가 대부분이다. 하지만, 만약 부모 widget 의 크기에 비례하여 자식 widget 의 크기가 결정되도록 하려면 어떻게 해야할까? 이런 경우, Frac

Flutter

000

1y

[Flutter] InkWell 이 동작하지 않아요 (feat. custom button)

개요 이 포스팅에서는 InkWell 이 무엇인지 알고 있다는 가정하에 설명을 진행한다. Material Design 으로 제공되는 버튼들도 매우 훌륭하지만 해당 버튼들을 가지고 커스터마이징 하는것보다는 직접 custom 하게 버튼

Flutter

001

1y

[Flutter] BottomNavigationBar (feat. footer)

개요 Flutter Material Scaffold 에서 제공하는 bottomNavigationBar 속성이 있다. 일반적으로 이 속성에 대해 찾아보면 페이지 이동을 할 수 있는 bottom navigation bar 를 만드는

Flutter

001

1y

[개발용어] 비즈니스 로직 vs 도메인 로직

개요 실무에서 '도메인로직', '비즈니스로직' 이라는 용어를 자주 듣는다. 그동안 딱히 신경을 안쓰고 있었는데 궁금해서 찾아보니 아래 동영상이 쉽고 간단하게 설명을 잘 하고 있다.

개발용어

000

1y

[Flutter] Sizing 시스템 (feat. TailwindCSS, responsive_sizer)

개요 노마드코더 - 틱톡 클론코딩 강좌에서 설명한 'sizing 시스템' 방식이 굉장히 마음에 들어 정리한다. 웹의 CSS 의 경우, bootstrap 이나 tailwindCSS 등에서 정해진 sizing 시스템이 존재한다. 만약

Flutter

000

1y

[Flutter] UI/UX 참고 사이트

개요 실무에서는 UI/UX 디자이너가 따로 있겠지만, 혼자 연습할때는 직접 UI 를 신경써야 한다. 간혹 Flutter 개발에만 집중을 하고 싶은데 UI 에 너무 많은 시간을 뺏기는 경우가 있다. 이럴때는 이미 존재하는 UI 를

Flutter

000

1y

[Flutter] 문제 해결 - The sandbox is not in sync with the Podfile.lock.

개요 기존에 잘 실행(빌드) 되던 프로젝트가 갑자기 아래 에러와 함께 빌드 실패했다. 해결법을 알아보자. Failed to build iOS app Error (Xcode): The sandbox is not in sync wit

Flutter

000

1y

[Flutter] AI 로 App Icon 무료 생성하기

개요 AI 로 App Icon 을 무료로 생성하는 방법에 대해 설명한다. Bing 수 많은 AI App Generator 들이 있지만 대부분 유료다. 그러다 찾은게 Bing AI. Bing Create 로 접속하고 원하는 prom

Flutter

000

1y

[Flutter] App Icon & App Name 변경

개요 Flutter 로 개발한 app 의 icon 과 app name 을 변경하는 방법에 대해 설명한다. AI 무료 app icon 생성 만약 app icon 이 따로 없다면 AI 로 app icon 을 생성해보자. 관련해서는 아

Flutter

000

1y

[Flutter] viewInsets (시스템에 의해 가려진 영역)

개요 스크린이나 그 외 시스템 ui 에 의해 가려진 영역의 크기를 알수있는 viewInsets 에 대해 설명한다. viewInsets 예를 들어, textField 를 클릭하면 하단에서 키보드가 올라오는데 해당 키보드에 의해 보여

Flutter

000

1y

[Flutter] Gradient background

개요 flutter 에서 gradient background 를 적용하는 방법에 대해 설명한다. Gradient 적용방법 아래 코드를 간단하게 설명하면, width, height 가 화면에 가득차는 Container 를 하나 만듬

Flutter

000

1y

[Flutter] IOS Simulator 에서 한글 자, 모음 분리현상 및 해결법

개요 개발중 IOS Simulator 를 사용하는데 textField 에서 한글을 입력하니 한글 자, 모음이 분리되는 현상이 발생했다. ex) 원하는 글자 : 앵두 입력된 글자 : ㅇㅐㅇㄷㅜ 해결법 구글링을 해보니 IOS 17

Flutter

000

1y

[Git] VScode (feat. GitLens)

개요 평소에 회사에서는 GitKraken 유료버전을 사용하고, 집에서 개인작업 할 때는 Source Tree 를 사용한다. GitKraken 의 경우, 워낙 사용성이 좋아서 대체할수 있는 GUI 프로그램이 없는것 같은데 유료이다

GIT

000

1y

[Flutter] BuildContext

개요 flutter 의 BuildContext 에 대해 잘 설명하는 유투브 동영상이 있어 기록차 남겨놓는다. BuildContext 아래 영상에서 Flutter 의 BuildContext 에 대해 알아놓으면 좋은점들과 BuildC

Flutter

000

1y

[Flutter] Splash Screen 적용하기 (feat. flutter_native_splash)

개요 Flutter 에서 flutter_native_splash 패키지를 사용하여 Splash Screen 적용하는 방법에 대해 설명한다. 1. 설치 Splash Screen 을 적용하는 방법에는 여러가지가 있다. 가장 대표적인

Flutter

000

1y

[Flutter] Appbar transparent

개요 Flutter AppBar 의 색상을 transparent (투명) 하게 하는 방법에 대해 설명한다. AppBar 적용 크게 어려운건 없어서 바로 코드를 보자. appBar backgroundColor : Colors.tra

Flutter

000

1y

[Flutter] RefreshIndicator (Pull to Refresh)

개요 Flutter 에서 'Pull to Refresh (당겨서 새로고침)' 기능을 사용하는 방법에 대해 정리한다. RefreshIndicator Flutter 에서는 RefreshIndicator 라는 StatefulWidget

Flutter

000

1y

[Flutter] BottomNavigationBar 구현

개요 Flutter 에서 제공하는 BottomNavigationBar 를 사용하는 방법을 설명한다. 디렉토리 구조 아래 화면과 같이 디렉토리 구조를 잡았다. main -> root_screen.dart (bottomNavigati

Flutter

000

1y

[Flutter] IOS Simulator Custom Location

개요 위치기반 (Geolocator) 라이브러리를 사용하여 개발을 할때 simulator 에서 Custom Location (위도 / 경도) 을 지정하는 방법을 설명한다. 추가로 구글맵을 통해 원하는 위치의 위도/경도를 알아내는

Flutter

000

1y

[Flutter] Flutter App Lifecycle

개요 Flutter 에서 App Lifecycle 을 컨트롤 하는 방법에 대해 정리한다. 본인의 경우, 앱사용자가 다른 앱 (ex. 설정) 으로 이동했다가 다시 앱으로 돌아오는 시점에 특정 이벤트를 발생시키고 싶어서 해당 기능을

Flutter

000

1y

[Flutter] 키체인을 사용하고자 합니다.

개요 Flutter 로 개발한 앱을 IPhone 에 빌드하려고 하니 아래와 같이 키체인을 사용하고자 한다는 팝업이 떴다. 내 맥북에 설정한 암호를 쳐봐도 해당 암호가 아니라고 하여 당황.. 해결법 우선 키체인 암호설정을 한적이 없

Flutter

000

1y

[Flutter] IPhone 개발자모드 켜기

개요 Flutter 로 개발한 앱을 IPhone 실기기에서 테스트 해보기 위해서는 '개발자 모드' 가 켜져있어야 한다. 기본값은 꺼짐 상태이기 때문에 최초 한번은 '켜짐' 으로 바꿔줘야 한다. 방법 - 설정 > 개인정보 보호 및

Flutter

000

1y

[Flutter] 5 Best Flutter Icons package

개요 미디엄의 한 포스트에서 추천하는 5가지 플러터 아이콘 패키지를 정리하려 한다. 추후 개인적으로 사용할 일이 있을듯 하다. 추천 패키지 1. Feather Icons (287개 icons) Feather Icons 는 roun

Flutter

000

1y

[Flutter] Iphone 기기에 빌드하기

개요 개발시에는 simulator 를 사용하겠지만 어느정도 완성이 되었거나 특정기능 (ex. geolocator) 이 제대로 동작하는지 확인하기 위해서는 실기기에서 테스트가 필요하다. 실기기 (여기서는 iphone) 에 flutt

Flutter

000

1y

[Flutter] font_awesome_flutter 사용하기 (아이콘)

개요 flutter 에서 font_awesome_flutter 패키지 사용하는 방법에 대해 설명한다. 설치 아래와 같이 dependencies 에 font_awesome_flutter 를 설치한다. 버전은 아래 링크에서 확인하자.

Flutter

000

1y

[Flutter] http 한글 깨짐

개요 http 패키지를 통해 json 정보를 받아왔는데 한글이 깨지는 현상에 대한 해결법을 정리한다. 해결책 일반적으로 http 요청 결과에 대해 아래와 같이 처리를 한다. 문제는 response.body 에 UTF-8 캐릭터 (

Flutter

000

1y

[Flutter] initState 와 build 메서드, 그리고 async

개요 StatefulWidget 에서 initState 메서드와 build 메서드가 생각처럼 동작하지 않아 삽질을 하다 알게된 부분을 정리한다. initState 와 build 메서드 호출순서 StatefulWidget 을 설명할

Flutter

000

1y

[Flutter] Riverpod

개요 Flutter 의 대표적인 state manager 중 하나인 Riverpod 설치방법에 대해 알아보자. riverpod 의 문법적인 사용법에 대해서는 여기서 다루지 않겠다. 디펜던시 우선 기본적으로 flutter 에서 ri

Flutter

000

1y

[Flutter] Freezed (with. Code Generation)

개요 flutter 에서 거의 필수로(?) 사용되는 freezed 에 대해 알아보려 한다. 디펜던시 설치 code generation 을 통해 freezed 를 사용하기 위해서 필요한 관련 dependency 들을 보자. fre

Flutter

000

1y

[Flutter] IOS Emulator - Unable to boot simulator 해결방법

개요 flutter 개발을 하기 위해 mac os 에서 IOS Emulator (Iphone 14) 를 실행했는데 아래와 같은 에러가 나면서 실행되지 않았다. 해결방법 구글링을 하다 찾은 방법이 있어 정리한다. 기존 시뮬레이터를

Flutter

000

1y

[Flutter] IOS Emulator - Unable to boot simulator 해결방법

개요 flutter 개발을 하기 위해 mac os 에서 IOS Emulator (Iphone 14) 를 실행했는데 아래와 같은 에러가 나면서 실행되지 않았다. 해결방법 구글링을 하다 찾은 방법이 있어 정리한다. 기존 시뮬레이터를

Flutter

000

1y

[Flutter] VSCode - dart constructor (f/ Dart Data Class Generator)

개요 data class 를 만들면 constructor 도 함께 만들어주는 경우가 대부분이다. 문제는 필드가 많을수록 수작업이 많이 들게 된다. Intellij 에서는 constructor 를 만들어주는 기능이 있었던거 같은데

Flutter

000

1y

[Flutter] IOS gallary, camera 권한

개요 image_picker 와 같은 라이브러리에서는 gallary 나 camera 를 사용해야 하는데, 이 때 사용자에게 권한을 묻도록 해야한다. 그렇지 않으면, app 이 크러시 나면서 꺼져 버린다. 해결법 1. Info.pl

Flutter

000

1y

2023.11.04

시간 정말 빠르다. 벌써 11월이라니. 연초부터 진행했던 사이드 프로젝트는 어느정도 완성단계에서 홀딩 (사실상 실패..?) 을 했다. 매주 주말마다 2~3시간씩 투자해서 개발을 했고 실제 사용 가능한 단계까지 만들었지만, 사이드

2023年

001

1y

[파이썬] 15 Python Libraries You Should Know About in 2023

개요 유투브에서 괜찮은 파이썬 라이브러리들을 소개해줘서 정리해놓는다. 라이브러리 종류 및 설명 ⚬ Pendulum: https://pendulum.eustace.io Datetime 을 좀 더 편리하게 사용할수 있는 라이브러리 ⚬

Python

000

1y

[파이썬] unittest - ModuleNotFoundError: No module named xxx

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 unittest 로 테스트 코드를 작성했다. Intellij 의 경우, java junit 테스트를 전체 실행할때처럼 tests 패키지를 우클릭하고 Run 'Pyt

Python

000

1y

[쿠버네티스] docker desktop 에서 k8s 동작 안하는 이슈

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 잘 사용하던 Docker Desktop 의 kubernetes 가 동작하지 않는 증상이 나타났다. 더 정확히는 Starting.. 이라고 표시된 상태에서 계속 멈춰

k8s

000

1y

2023.07.04 - 휴가중

저번 일기를 쓸 당시 자신감도 많이 떨어져있었고 멘탈 상태 또한 상당히 좋지 않았다. 휴가를 좀 미뤘다가 와이프랑 여행을 가려고 했었는데 우선은 혼자만의 시간을 보낼 필요가 있다고 판단하여 휴가 5일 (앞뒤로 주말을 합쳐 총 9일

2023年

000

1y

2023.06.30 - 긴 휴가

최근 일, 공부, 운동 그 어떤것에도 집중이 잘 되지 않았다. 그렇게 사랑했던 '개발'이 재밌지 않았다. 주기적으로 찾아오던 '슬럼프' 와는 또 다른 느낌이었다. 무엇이 문제일까, 어떤 원인일까를 수 없이 생각하다가 내린 결론은

2023年

002

1y

2023.06.29

와이프와의 시간. 올인.

2023年

000

1y

2023.06.19

대학에서 알게된 친구들과 술을 마셨다. 한 명은 퇴사를 앞두고 있다. 부모님의 사업체에서 일을 하기로 정했다고 한다. 진심으로 축하를 해줬다. 술이 들어가고 각자의 고민이 나왔다. 나 또한 커리어에 대한 얘기를 했다. 그 친구는

2023年

002

1y

2023년 목표

[ 1 순위 ] - 네트워크 - 운영체제 - 컴퓨터구조 - Data engineering - Spring Batch - Advanced Kotlin [ 2 순위 ] - monitoring (prometheus + grafana)

목표

000