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-10-03 20:45

전체 (356)

12h

2025.10.03

꾸준함으로 승부하자. 하루 30분씩이라도 공부하자. 눈으로 공부하지 말고, 직접 타이핑하며 공부하자. 백문이불여일타

2025年

000

12h

[HTTP] 사전요청 - Preflight Request

1. 사전 요청 (Preflight Request) 이전 포스팅에서 설명한 '단순 요청' 의 조건을 만족하지 못하면 브라우저는 본 요청을 보내기 전에 '사전 요청' 을 보낸다고 설명했다. 브라우저는 '단순 요청' 의 조건을 만족하

HTTP

000

12h

[HTTP] CORS - 단순요청 (Simple Request)

1. 단순요청 (Simple Request) 의 조건 아래 3가지를 모두 만족하는 경우를 '단순요청' 이라고 한다. '단순요청' 의 경우, 다음 포스팅에서 소개할 'preflight (사전 요청)' 을 하지 않는다. 요청 메서드가

HTTP

000

1d

[HTTP] CORS 의 동작원리

CORS 이전 포스팅에서 설명한 SOP 정책으로 인해 기본적으로는 '동일 출처' 가 아닌 경우 리소스 요청시 브라우저에 의해 해당 리소스를 사용할수 없게 차단된다. 만약, '동일 출처' 가 아닌 경우에 리소스를 요청하려면 어떻게해

HTTP

000

2d

[HTTP] SOP (동일 출처 정책)

1. SOP (Same Origin Policy) (CSP 와 SOP. 둘 다 세글자이고 철자도 비슷하게 생겨서 헷갈린다) SOP 는 Same Origin Policy 의 줄임말로 한국어로 하면 '동일 출처 정책' 이라고 한다.

HTTP

000

2d

[HTTP] CSP (컨텐츠 보안 정책)

1. CSP (Content Security Policy) CSP 를 설정하는 방법에는 두가지가 있다. server 에서 response 할때, header 에 'Content-Security-Policy' 를 추가하는 방법 태

HTTP

000

3d

[HTTP] CSRF (교차 사이트 요청 위조)

1. CSRF 우선 아래와 같은 가정을 하고 진행하자. attacker.com 이라는 사이트가 있다 cookie 에는 어떠한 directive (예방책) 도 적용되어 있지 않다. attacker.com 에서는 아래와 같이 보이지

HTTP

000

3d

[HTTP] 세션 하이재킹

1. 세션 하이재킹 이전 포스팅에서 설명했던 XSS 를 사용하여 '세션 하이재킹' 등의 공격을 실행할 수 있다. '세션 하이재킹' 이란 게시판 등에 '악성 script' 를 심어놓고 다른 client 가 해당 글을 읽을때 '악성

HTTP

000

11d

[mysql] user(사용자) 생성, 권한 추가, 변경, 삭제

1. 셸 진입 및 준비 - root 로 mysql 셸 진입 - mysql 사용 - 현재 사용자 리스트 확인 2. User 생성 - localhost (mysql 서버) 에서 셸을 통한 접근만 허용하려면 유저명@localhost 로

MYSQL

000

11d

[mysql] 설치 직후 root 계정 비밀번호 변경

1. MySQL 셸 접속 비밀번호 없이 root 사용자로 접속 2. 비밀번호 변경 (5.7 이상) 3. 권한 테이블 새로고침 mysql 사용자 권한 테이블을 새로 고쳐야 변경 사항이 즉시 적용됨 4. mysql 종료 5. 변경된

MYSQL

000

12d

[Spring] RestTemplate 제대로 사용하기

이전 포스팅에서 설명했던 ObjectMapper 와는 다르게 RestTemplate 은 springboot 에서 AutoConfiguration 으로 제공되지 않는다. 따라서, @Bean 으로 등록하여 사용해야 하는데 이때 주의해

TIL

000

12d

[Spring] ObjectMapper 제대로 사용하기

Springboot 프로젝트에서 ObjectMapper 를 사용할때 기본적으로 제공되는 ObjectMapper 를 사용하지 않고 직접 @Bean 을 만들어서 사용하는 경우가 있다. 문제는 이렇게 직접 @Bean 으로 등록하게 되면

TIL

000

14d

[AI] 자주 사용하는 MCP

1. context7-mcp Context7은 LLM과 AI 코드 에디터를 위해 최신의 버전별 문서와 코드 예제를 동적으로 제공하는 MCP 서버입니다. 프롬프트에서 "use context7"을 포함하면, 서버가 현재의 공식 문서를

AI

000

16d

[HTTP] 크로스 사이트 스크립팅 (XSS)

1. XSS (Cross-site scripting) 이란? 크로스 사이트 스크립팅 (XSS)은 공격자가 웹사이트에 악성 클라이언트 사이드 코드를 삽입할 수 있도록 하는 보안 취약점 공격입니다. 이 악성 코드는 피해자에 의해 실행

TIL

000

18d

[HTTP] SSE (w/ springboot)

SSE (Server Sent Event) 는 server => client 로 데이터를 보내는 단방향 통신이다. 즉, client 는 server 에 커넥션을 연결하고 server 에서 데이터를 보내주는것을 받을수만 있다. SS

TIL

002

21d

[HTTP] long-polling

long-polling 은 short-polling 과는 조금 다르다. 역시나 client 에서 일정 시간마다 요청을 하는 방식이지만, '일정 시간' 을 정하는 주체가 서버측이다. short-polling 은 client 측에서

TIL

000

21d

[HTTP] (short) Polling

polling 은 일반적으로 우리가 알고있는 주기적인 요청을 통한 데이터 확인이다. 아래와 같은 장단점이 있다. 장점 : 구현이 쉽다. 단점 : 서버에 부담이 갈 수 있다. 쓸모없는 요청/응답으로 인해 쓸모없는 트래픽 (ingre

TIL

000

28d

[HTTP] 쿠키

4.1 쿠키 헤더 쿠키는 여러 용도로 사용된다. 여기에서 그 모든 용도에 대해 다루려는건 아니고 쿠키가 클라이언트와 서버 사이에서 어떻게 생성되고 사용되어 지는지, 그리고 쿠키의 옵션(?) 들은 어떤것들이 있는지 보려고 한다. 우

TIL

000

29d

[Springboot] @ConfigurationProperties prefix 룰

평소에 별 생각없이 썼던 springboot 의 @ConfigurationProperties 에 대해 정리한다. 아래와 같이 prefix 에 "customProperties" 를 적으면 에러가 발생한다. 아래는 에러 내용 이유는

TIL

000

1M

[HTTP] Accept-Language

3.3 언어 Accept-Lanuage 헤더를 사용하여 서버에게 어떤 언어로 컨텐츠를 제공해주길 바라는지 전달할 수 있다. youtube 를 통해 테스트해볼수 있다. 본인의 브라우저 기본 언어는 '한국어'로 되어 있기 때문에 yo

TIL

000

1M

[HTTP] 컨텐츠 협상 - Accept-Encoding

3.2 압축 Accept-Encoding 헤더를 사용하면 서버에게 컨텐트를 압축해서 전달하도록 요청할수 있다. 브라우저의 경우, 기본적으로 Accept-Encoding 헤더를 사용하기 때문에 서버측에서 압축 관련 처리를 해놨다면

TIL

000

1M

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

블로그 개발일지에 적지는 않았지만 시간이 날때마다 틈틈이 업데이트를 진행했습니다. - '기업 테크 블로그' 추가 - top 10 콘텐츠 페이지 - ui / ux 개선 그리고, 오늘 짬을 내어 '이메일로 최신 소식 구독하기' 기능을

개발일지

000

1M

[HTTP] 컨텐츠 협상 - Accept / Content-Type

3.1 컨텐트 타입 Accept header 에 따라 server 에서는 전혀 다른 타입의 content 를 response 할 수 있다. Github repository 주소를 사용해 아래와 같이 테스트 해볼 수 있다. requ

TIL

000

1M

2025.09.01

24년 언제부터인가.. 블로그에 일기 쓰기와 기술 공부 정리하는 행위를 멈추었다. 아마도 우리 부부에게 아기가 찾아오고 나서부터 인 것 같다. 정신적으로나 육체적으로나 (물론 지금도..) 여유가 사라지다 보니 '정리를 해야겠다'는

2025年

000

1M

[Linux] 외부 방화벽 설정하는 법 Firewalld

Firewalld 설치 및 설정

OCI

000

1M

[Golang] macbook golang 설치 (w/ asdf)

Golang

000

3M

[유튜브 프리미엄] NFXBUS 10% 할인코드

NFXBUS NFXBUS 라는 사이트를 통해 유튜브 프리미엄을 싸게 구독할 수 있다. 본인은 10% 할인코드 적용해서 2년 구독권을 73.79$ 에 구매했다. NFXBUS 와 비슷한 사이트들이 여러개 있는데 비교해보니 NFXBUS

etc

000

4M

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

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

GIT

000

5M

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

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

DOCKER

0013

6M

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

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

AI

002

7M

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

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

개발일지

001

8M

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

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

개발일지

000

8M

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

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

Next.js

000

8M

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

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

개발일지

000

9M

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

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

개발일지

001

9M

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

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

기타

000

10M

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

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

개발일지

000

11M

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

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

개발일지

001

11M

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

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

Next.js

000

11M

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

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

개발일지

000

11M

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

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

개발일지

001

11M

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

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

개발일지

000

11M

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

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

개발일지

000

11M

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

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

개발일지

000

1y

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

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

개발일지

0010

1y

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

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

개발일지

001

1y

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

1y

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

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

추천컨텐츠

000

1y

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

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

개발일지

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

001

1y

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

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

추천컨텐츠

002

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

1y

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

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

개발일지

001

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

001

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

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

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

추천컨텐츠

000

1y

DEVHUB 진행상황 - 2024.09.05

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

DEVHUB

000

1y

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

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

2024年

000

1y

[Intellij] Intellij Community - active profile 설정

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

etc

000

1y

[java] mockito - doReturn / thenReturn 차이점

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

java

000

1y

[AI] ai-digest

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

etc

000

1y

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

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

Spring

007

1y

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

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

Spring

000

1y

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

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

etc

0050

1y

[spring] embeded tomcat heapsize 부족 - oom

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

Spring

000

1y

[기타] 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

002

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

001

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

001

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