지난번에 노션을 바탕으로 UI를 만들었던 경험이 있다. 필요한 기능을 단순히 UI에서 구현되기만 하면 되기에 Github page를 이용하여 만들었다. 그런데 사람의 욕심은 끝이 없다. 이번에는 버튼의 상태까지도 저장되는 UI를 만들고 싶어졌다. 자바스크립트는 모르지만 화려한 토글 버튼을 구현하고 싶어 . 위 이미지는 지금부터 시작할 버튼 구현의 결과물이다. 여러개의 화려한 토글 버튼을 구현하고 싶었다. 정확한 요구사항은 아래와 같다. ON/OFF가 가능한 토글 버튼 여러개 버튼이 한눈에 보여 devvkkid.tistory.com 무엇을 할 것인가 내가 원한 것은 다음과 같다. 3가지 상태를 가지는 버튼을 구현할 것 해당 버튼의 상태가 저장될 것 해당 화면을 구현한 코드를 간단하게 배포할 수 있을 것 상..

. 2022.10.12, 13:56 잘못 작성된 내용이 있어서 수정했습니다. 개발환경과 요구사항 본 내용은 스프링부트 + 카프카 환경에서 아래의 의존성과 카프카 세팅을 참고하여 읽기를 권한다. 개발 도구는 맥북 + 인텔리제이이다. // build.gradle plugins { id 'org.springframework.boot' version '2.7.2' id 'io.spring.dependency-management' version '1.0.12.RELEASE' id 'java' } dependencies { // 일부 생략 implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springfr..

이번 분기의 키워드는 벌크업. PT를 하면서 몸을 조금 키우는 중인 것도 있지만, 백엔드 개발자로 전향한 뒤 역량도 많이 키울 수 있었다. 역시 사람은 다양한 경험을 하면서 성장하는게 아닐까하는 지루한 얘기를 꺼내보며 3분기 회고를 시작해볼까 한다. 자 드가자 🗓 Main Event, 술이 들어간다. 쭉.쭉.쭉 인상깊은 이벤트가 전부 알콜 범벅이다. 사작과 끝은 그냥 술 이벤트. 건강한 몸 좀 만들어보겠다고 운동을 했는데 내 본성은 그걸 쉽게 허락하지 않는 것 같다. 서울국제주류 & 와인박람회 (7월 2일) 종류로 압도. 늦게 가니깐 발 디딜 틈이 없다. 대학활동 친구들과 양평 용문 캠핑 (7월 23~24일) 친구가 해외로 오랫동안 나가 있을 예정이라 환송 파티를 겸한 캠핑 동네 전통주와 친구 지인의 고..

⚠️ 경고 ⚠️ 본 카테고리, Dev Memo는 필자가 깊게 다루기는 귀찮지만 궁금한 것들을 체험해보고 간단하게 기록을 남기는 공간입니다. 디버깅 노트, 써드파티 라이브러리 사용기, 버전 업데이트, 어이없는 실수, 오탈자 발견 등. 각종 시덥지 않은 내용이 들어 갈 수 있다는 점 참고바랍니다. (우헤헿) 상황 설명 이벤트를 수신(Consume)한 뒤 원하는 로직을 처리하던 중에 에러가 발생할 수 있다. 이후에 다시 메시지를 처리할 수 있도록 재시도를 한다. 필자의 경우 10회동안 반복해서 시도를 했는데 한번 안되는 이상 10번을 해도 같은 상황이었다. 메세지 처리를 반복을 하지 않거나 한번만 반복하도록 하고 싶다. 개발 환경은 스프링 + 코틀린이다. ListenerContainerCustomizer 단일..

. 위 이미지는 지금부터 시작할 버튼 구현의 결과물이다. 여러개의 화려한 토글 버튼을 구현하고 싶었다. 정확한 요구사항은 아래와 같다. ON/OFF가 가능한 토글 버튼 여러개 버튼이 한눈에 보여져야 한다 버튼 효과는 화려하게 프론트엔드 개발을 모르기 때문에 github의 Pages를 사용하기로 했다. 이전에도 Pages를 사용하여 노션의 다크모드 웹사이트 만드는 것을 소개한 적 있다. 노션으로 다크모드 웹사이트 만드는 3가지 방법 노션(Notion)은 무료 버전으로도 충분히 많은 표현이 가능하기에 수많은 유저들이 이용중이다. 기본적으로는 노트툴이지만 외부에 공유를 한다면 웹페이지처럼 사용도 가능하다. 그런데 노션은 devvkkid.tistory.com 먼저 ON/OFF가 가능한 토글버튼을 만들어야 한다...

. 한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다...만 진심이 담겨있습니다.허위 사실 유포는 😎일절 없음. 나의 첫 헤드퍼스트 시리즈. 게다가 '헤드퍼스트 디자인패턴 개정판'은 초판 이후 16년만에 개정이 되어서 나왔다. 그래서 뭔가를 기대했느냐. 그건 아니다. 평소에 디자인패턴이라고 하면 안드로이드 개발할 때 많이 적용했던 MVP, MVVM를 많이 떠올렸고, 그게 아니라면 고작해야 옵저버 패턴, 싱글톤 패턴 정도가 전부였다. 디자인패턴이 뭘 정의하는지도 잘 몰랐다. 혹시 이 글을 읽는 분도 그러한가? 그렇다면 이 서적은 당신에게도 나에게도 필요한 책이다. 당신과 나와 같은 입장이 뭘까? 입으로만 디자인 패턴을 얘기했지만 디자인 패턴의 정의조차 몰랐던 사람 디자인 패턴보다 프레임워크나 라이브..

. 시작하기 앞서 여기에서 진행되는 환경은 스프링부트 + 코틀린이며 아래와 같은 의존성이 추가가 되어 있다. kotlinVersion=1.7.10 springBootVersion=2.5.13 // build.gradle testImplementation("org.mockito.kotlin:mockito-kotlin:4.0.0") testImplementation("org.springframework.boot:spring-boot-starter-test") testImplementation("org.springframework.kafka:spring-kafka-test") testImplementation("io.mockk:mockk:1.13.1") 테스트를 만들었는데 when-then 형태로 아래와 같은..

스프링부트로 만든 서비스에서 다음과 같은 조건을 만족하려고 한다. 전제 : 스프링부트 + 코틀린(Kotlin) API에 받는 RequestBody의 모델에 비밀번호 필드를 포함한다. 비밀번호 필드는 Custom validation 어노테이션을 통해 검증을 한다. 정상적으로 동작하는지 단위테스트를 만든다. 해당 테스트에는 @BeforeAll, @AfterAll을 사용한다. 먼저 테스트를 작성해보자 Custom validation 어노테이션을 검증하기 위한 유닛테스트를 만들어야 하기에 Validator를 사용해서 검증해야 한다. internal class UserPasswordModelTest { lateinit var validatorFactory: ValidatorFactory lateinit var v..

내 머리는 한번 공부한다고 기억하거나 제대로 이해하는 법이 없다. 지금도 그렇다. DNS 이슈로 난처한 경험을 해보고 나서야 복습을 해본다. IP, TCP, UDP DNS를 이해하기 전에 먼저 알아야 할 개념이 있다. 바로 IP(Internet Protocol Address). 인터넷 통신규약 혹은 이 규약을 바탕으로 만들어진 주소를 IP라고 지칭한다. 그럼 이 IP는 어떤 용도로 쓰일까? 아래 이미지처럼 숫자를 통해 주소를 표현할 수 있다. IP 사이에는 패킷이 전달되는데 패킷은 흔히 이야기하는 데이터 혹은 정보로 이해하면 된다. IP가 특별한 동시에 한계점을 가지는 것이 바로 비연결성과 비신뢰성이다. 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷이 전송된다. 클라이언트는 서버의 상태를..

PC에서 개발한 API를 로컬 서비스로 띄워서 공유하고 싶을 때 어떻게 할까? 필자의 경우, ngrok을 사용한다. 방화벽 넘어서 외부에서 로컬에 접속 가능하게 하는 터널 프로그램이다. 쉽게 외부로부터 접근을 할 수 있고, 활용 범위도 넓어서 많은 개발자가 사용한다. 그런데 기본적인 사용에 있어서 꺼림찍한 부분도 있다. 공유 URL만 있으면 누구나 접근이 가능하다는 것. 생각해보았다. ngrok에는 분명 이런 경우를 고민해서 인증절차를 만들어 놓았을 것이라고. 아니나 다를까 ID/Password 형태로 접근을 제한하는 방식이 있었다. 그 방법을 공유해보고자 한다. ngrok - Online in One Line Zero Trust Add SSO, Mutual TLS, IP Policy, and webho..