DevBoi

매번 찾아보고, 약간의 삽질을 하게 되는 JPA 초기 세팅 Mariadb JPA 세팅방법 0. docker image run docker run --name mariadb -d -p 3306:3306 --restart=always -e MYSQL_ROOT_PASSWORD=root mariadb 1. build.gradle plugins { id 'java' id 'org.springframework.boot' version '3.2.0-SNAPSHOT' id 'io.spring.dependency-management' version '1.1.2' } group = 'com.boiler.backend' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' conf..

토픽 이름에는 제약조건이 있다. -빈문자열은 지원하지 않는다. -마침표나 마침표둘로 생성될수는 없다. -토픽이름은 영어대소문자 0~9 마침표언더파,하이픈 조합으로 생성가능하다. -동일한 이름으로는 생성이 불가능하다 -마침표와 언더바가 동시에 들어가면 안된다.(워닝 발생됨) 의미있는 토픽이름을 작명하는 법 모호하게 작성하면 망한다. 토픽 이름 변경이 안된다. 아래의 방법으로, 생성하는 것을 추천한다고 한다. 되도록이면 이런식으로 최대한 세분화하여, 토픽이름에 데이터를 넣도록 하자. 예시로는 .json을 넣을수가 있는데 이는 컨슈머가 데이터를 받아서 역직렬화를 할떄, 유용하게 사용된다. json이던 뭐든 데이터타입을 포맷에 적게되면 해당 사용시에 유용하다.

카프카의 레코드의 구조는 아래와 같다. 프로듀서가 생성한 레코드가 브로커로 전송되면 오프셋과 타임스탬프가 지정되어 저장된다. 전송할때는 당연히 지정하여 보내는 것이 아니다. 1. 타임스탬프 타임스탬프는 스트림 프로세싱에서 활용하기 위한 시간을 저장하는 용도로 사용된다. Unix timstamprk 포함되며 프로듀서에서 따로 설정하지 않으면 기본값으로 ProducerRecord 의 생성 시간이 들어간다. 적재시간으로 변경할 수도있다. 2. 레코드 - 오프셋 프로듀서가 생성한 레코드에는 존재하지 않는다. 프로듀서가 전송한 레코드가 브로커에 적재될때 오프셋이 지정된다. (0부터 1씩 증가한다.) 컨슈머는 오프셋을 기반으로 처리가 완료된 데이터와 앞으로 처리해야할 데이터를 구분한다. 각 메시지는 파티션별 고유한..

토픽이라는 개념과 파티션이라는 개념이 있다. 토픽은 한개이상의 파티션으로 이루어져있고, 각각의 파티션은 큐 형태로 들어가있다. 위 그림 처럼 프로듀서에서 레코드의 값이 파티션으로 들어가게 되면, 각각의 파티션의 큐에 해당 데이터가 쌓이게 된다. 컨슈머가 데이터를 가져가도, 데이터가 삭제 되지않는다. 토픽 생성시 파티션이 배치되는 방법은 아래와 같다. 브로커 3개에서 토픽이 생성되는 것을 예시로 들어보자 기본 라운드로빈 방식으로, 순차적으로 리더 파티션이 분배된다. 프로듀서가 각각의 리더파티션과 통신을 할때 한개의 브로커에 몰리는것이 아니라, 브로커를 균등하게 나눠서 통신할 수 있는것이 장점이 된다. 데이터가 많아지더라도, 한개의 브로커와 통신하는 것이 아닌 선형 확장되는 것을 알 수 있다. 리더 파티션이..

라우터는 뷰에서 어떤의미로 사용하는것일까 Vue-router에서는 해당 방식으로 페이지를 전환한다. 미리 리소스를 받아놓고, 사용자의 요청이 들어오면 그 요청에 맞게 페이지를 전환하는 것이다. npm install vue-router --force --save layout이라는 폴더를 하나 만든다. 그리고 Header.vue를 만들고, 메뉴를 넣을것이다. 디자인은 부트스트랩을 사용하자, 부트스트랩을 설치하자 https://bootstrap-vue.org BootstrapVue Quickly integrate Bootstrap v4 components with Vue.js bootstrap-vue.org npm install vue bootstrap-vue bootstrap main.js 에 부트스트랩 관..

해당 cli를 설치한다. sudo npm install -g @vue/cli 그러면 이제, 프로젝트 생성이 가능하다. vue create 생성이 완료되면 테스트로 하나 띄울수 있다. $ cd smithtest $ npm run serve localhost:8080으로 하면 해당 화면이 보인다. 자동으로 프로젝트 구조를 잡아준다.

SPA -단일 페이지 어플리케이션 -하나의 페이지 안에서 필요한 영역 부분만 로딩되는 형태 -빠른 페이지 변환 -적은 트래픽양 단점 : 최초 로딩 시에 모든 css,js에 대한 로딩을 하기 때문에 해당 양에 따라서 속도가 드라이브 된다. 컴포넌트 - 웹을 구성하는 로고,메뉴바,버튼 모달창 등 웹페이지 내의 다양한 UI 요소 - 재사용 가능하도록 구조화 한 것 나는 vue cli를 쓸 예정이다.

ISR은 리더 파티션과 팔로워 파티션이 모두 싱크가 된 상태를 뜻한다. 싱크는 : 오프셋의 개수가 같다는 뜻이다. 즉 리더파티션의 데이터가 모두 팔로워 파티션의 데이터에 복제가 되었다는 것을 뜻한다. ISR 장애 상황에서 중요하다. 리더 파티션이 장애가 나고 ISR이 되기 전에 새로운 리더가 선출이 되면 아직 리더 파티션 의 데이터가 복제가 다 되지 않는 상태에서 리더 파티션이 바뀌게 되고 이는 곧 데이터 유실이 된다. 따라서 해당 ISR이후에 리더 선출에 대한 옵션은 중요하다. unclean.leader.election.enable=true -> 유실을 감수함, 복제가 안된 팔로워 파티션을 리더로 승급 unclean.leader.election.enable=false -> 유실을 감수하지 않음 해당 브..

데이터 복제는 카프카를 장애 허용시스템으로 동작하도록 하는 원동력이다. 복제의 이유는 클러스터로 묶인 브로커 중 일부에 장애가 발생하더라도 데이터를 유실하지 않고 안전하게 사용하기 위함이다. 카프카의 데이터 복제는 파티션 단위로 이루어진다. 브로커에서 장애가 발생하면 데이터 유실이 발생될 것으로 예상되는데 각각의 데이터를 브로커의 파티션 단위로 복제를 하여, 장애가 나더라도, 데이터를 유실하지 않게 된다. 토픽을 생성할때, replication factor도 같이 설정이 되는데, 이를 설정하지 않으면 브로커에서 설정한 기본값으로 따라간다. 최소값은 1 이고 최대값은 브로커의 개수만큼 설정할 수 있다. 2~3으로 대게 설정한다. 3으로 설정하는 경우, 위와 같고, 파티션이 1개가 되고, 2개가 팔로워로 복..

ui나 여러가지 프론트 모듈은 아래 사이트에서 맘에 드는거 골라쓰면 된다. https://fluttergems.dev Flutter Gems - A Curated List of Top Dart and Flutter packages Flutter Gems is a curated list of top Dart and Flutter packages that are categorized based on functionality. Flutter Gems is also a visual alternative to pub.dev fluttergems.dev 아주 개꿀이다. 예제 소스, 사용방법 까지 다나온다. ui뿐 아니라, 여러가지 다루기 힘든 유틸성 모듈까지, 라이브러리 로우레벨 까지 다 지원되니까 보면서 사용하면..