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

최종 피드 수집: 2024-12-20 19:46

전체 (321)

7d

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

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

기타

000

1M

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

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

개발일지

000

1M

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

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

개발일지

001

1M

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

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

Next.js

000

2M

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

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

개발일지

000

2M

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

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

개발일지

001

2M

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

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

개발일지

000

2M

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

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

개발일지

000

2M

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

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

개발일지

000

2M

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

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

개발일지

000

2M

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

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

개발일지

000

3M

[데브허브] 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

3M

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

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

추천컨텐츠

000

3M

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

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

개발일지

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

001

3M

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

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

추천컨텐츠

002

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

[데브허브] 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

3M

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

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

개발일지

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

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

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

추천컨텐츠

000

3M

DEVHUB 진행상황 - 2024.09.05

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

DEVHUB

000

3M

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

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

2024年

000

4M

[Intellij] Intellij Community - active profile 설정

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

etc

000

4M

[java] mockito - doReturn / thenReturn 차이점

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

java

000

4M

[AI] ai-digest

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

etc

000

4M

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

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

Spring

007

5M

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

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

Spring

000

5M

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

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

etc

0050

5M

[spring] embeded tomcat heapsize 부족 - oom

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

Spring

000

5M

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

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

etc

001

9M

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

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

Next.js

002

9M

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

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

Next.js

001

10M

2024.01.31

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

2024年

000

11M

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

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

Flutter

005

11M

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

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

MAC

003

11M

[Flutter] FractionallySizedBox

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

Flutter

000

11M

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

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

Flutter

000

11M

[Flutter] BottomNavigationBar (feat. footer)

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

Flutter

001

11M

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

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

개발용어

000

11M

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

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

Flutter

000

11M

[Flutter] UI/UX 참고 사이트

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

Flutter

000

11M

[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

11M

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

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

Flutter

000

11M

[Flutter] App Icon & App Name 변경

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

Flutter

000

11M

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

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

Flutter

000

11M

[Flutter] Gradient background

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

Flutter

000

11M

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

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

Flutter

000

11M

[Git] VScode (feat. GitLens)

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

GIT

000

11M

[Flutter] BuildContext

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

Flutter

000

11M

[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

1y

대리에게 필요한 것들..?

공부 마무리하고 자기 전에 잠깐 봤는데 너무 공감되는 내용이 많다. 현재 내게 필요한 내용들. 알면서도 막상 닥치면 실수하게 되는 내용들. 나중에 필요할때 다시 보기 위해 남겨놓는다.

2023年

000

1y

2023.05.30 - 백엔드 개발자 근황

4월 17일에 '백엔드 개발자의 FE 공부' 라는 제목으로 일기를 쓴지 벌써 한달하고도 2주가 지났다. 원래 목표는 아무리 바빠도 하루에 한시간 정도는 fe 공부를 하는것이었는데 역시나 쉽지 않았다. 본래 목표는 be는 회사에서

2023年

001

1y

[스트리밍] 이희승 님이 추천하는 obs 설정

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 개발자이자 유투버이신 이희승님께서 본인이 사용하는 OBS 설정을 댓글에 공유해주셔서 적어놓는다. 설정 - 1920x1080@30Hz - CBR 5000kbps -

스트리밍

000

1y

[알고리즘] dfs 와 bfs 상황별 유리한 경우

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 dfs 와 bfs 중 어떤걸 선택해야 하는지 잘 모를때 아래 내용을 참고하면 좋을듯 하다. 각각 유리한 경우

알고리즘

000

1y

[Gradle] 특정 클래스 테스트

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 로컬에서는 intellij 나 기타 IDE 를 통해 쉽게 테스트가 가능하다. 만약, 로컬이 아닌 remote 에 배포 (or clone) 후에 특정 클래스만 테스트

gradle

002

1y

[CSS] Tailwindcss 커스터마이징 (screen, colors, fontFamily)

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 Tailwindcss 자체에서 제공해주는 기능만 사용해도 깔끔한 퍼블리싱이 가능하지만, 만약 디자이너와 함께 일한다거나 혹은 좀 더 세밀하게 (ex. color,

CSS

000

1y

[CSS] Tailwindcss 프로젝트 만들기

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 React.js 기반의 프로젝트에 tailwindcss 를 추가할때에는 프로젝트 생성을 전적으로 vite 나 cra 에게 맡기고 tailwindcss 세팅 (설치

CSS

003

1y

[React.js] Vite 로 만든 프로젝트 - src 이미지 설정

도움이 되시면 '광고'를 한번씩 눌러시면 감사하겠습니다 :) 개요 vite + react.js + typescript 프로젝트에서 기존 cra 에서 하던 방식으로 img src 를 사용하니 이미지를 찾을수 없다는 에러가 떴다. 한

React.js

00126