'분류 전체보기' 카테고리의 글 목록 (10 Page)

Kotlin

[Kotlin] 코틀린 문법 기초 1

2024.07.05

프로젝트에서 Kotlin을 사용해서 간단한 문법 정리를 하고자 한다. 자바를 접해본 사람은 러닝 커브가 낮다고 하는데 ..코틀린을 활용하는 몇몇 기업도 있으니 이번 기회에 한 번 학습해봐야겠다 생각했다 . . 변수(val | var) 변수명 : 반환타입 = 변수에 담을 값변수 선언val a : Int = 1타입 생략val b = 1지연 할당val c : Int // 타입 명시 필수c = 3✴️ val, var 차이🔹val (value) : 자바의 final 키워드처럼 한 번 초기화 후에는 다시 초기화 X🔹var (variable) : 가변 변수이므로 초기화 후에도 다시 변경 가능 👉 var로 선언하더라도 타입은 고정됨 컴파일 오류 val d : String = "Hello"d = "World" /..

Spring/Spring WebFlux

[WebFlux] Reactive Streams

2024.07.03

Reactive Programming✳️ 전통적인 콜백 기반 API나 Future와 같은 JDK의 비동기 코드 작성 방식에 비해 더 유연하고 효율적1. 비동기 처리의 간소화 : 비동기 작업을 스트림의 형태로 처리하므로 데이터의 흐름을 통해 각 단계를 연결하고 데이터가 준비되는 즉시 처리 가능2. 선언적 API 제공 : Reactor, RxJava와 같은 라이브러리는 map, filter, reduce와 같은 함수형 프로그래밍 스타일의 연산자를 제공하여 데이터 변환하고 조작하는 과정을 간결하게 표현3. backPressure 지원 : 데이터 소비자가 데이터 생산자의 속도를 제어할 수 있도록 함 4. 복잡성 감소와 가독성 향상 : 연산자 체이닝을 통해 코드의 가독성 높이고 각 단계의 작업을 분리하여 개발자가..

Spring/Spring WebFlux

[WebFlux] 비동기/동기, non-blocking/blocking, CompletableFuture

2024.07.03

팀에서 IoT를 비동기적으로 처리하기 위해 WebFlux를 사용하고 있다.WebFlux에 대해 얕게만 알고 사용했기 때문에 이번 기회에 공부해보기로 한다. ✴️ Sync(동기)와 Async(비동기)🔶 Sync : 클라이언트에서 메서드 호출 → 메서드 제공하는 곳에서 기능을 모두 수행해 결과값이 결정되면 그때 반환 👉 요청한 작업에 대해 완료 여부를 신경 써서 작업을 순차적으로 수행할지 아닌지 결정🔶 Async : 결과값이 결정되기 전에 일단 반환 (순서 보장 X)👉 요청한 작업에 대해 완료 여부를 따지지 않고 자신의 다음 작업을 그대로 수행 ✴️ Blocking과 Non-Blocking🔷 Blocking : 요청한 작업이 끝날 때까지 다른 작업하지 않고 기다림🔷 Non-Blocking : 요..

FE

[FE] 비동기

2024.06.17

콜백과 프로미스 객체calback 함수 하나의 데이터처럼 사용되는 함수다른 함수에 인수로 전달되어 해당 함수의 내부에서 호출되는 함수기본적인 실행의 다음 순서를 보장하는 장점 가지고 있음사용패턴 불편 (콜백지옥)Promise비동기 작업을 처리하기 위한 객체 async-awaitAsync-await함수 앞에 async 붙이면 항상 promise 반환 await 키워드는 async 함수 안에서만 사용 가능하며 promise가 해결될 때까지 기다림 예외처리 (then, catch, finally)then작업이 성공했을 때 실행될 함수 설정catch작업이 실패했을 때 실행될 함수 설정finally최종적으로 제대로 동작하던 혹은 거부되던 상관없이 가장 마지막에 실행할 내용 설정try-catchtry { //..

FE

[FE] Vuex

2024.06.17

Vue.js 애플리케이션에서 상태 관리를 효율적으로 하기 위해 사용되는 중앙 집중식 상태 분리 패턴 및 라이브러리 ❓사용하는 이유 중앙 집중식 상태 관리 여러 컴포넌트 간에 공유되는 상태를 보다 쉽게 관리하고 상태 흐름 예측 가능 단방향 데이터 흐름상태(state)가 변경될 때마다 특정한 방법(mutations)을 통해서만 상태 변경하도록 강제하여 애플리케이션의 상태 변경을 추적하고 디버깅하기 쉽게 만듦상태 예측 가능성상태를 변경할 때 항상 명식적인 변이(mutations)을 통해서만 변경 가능 코드의 모듈화 가독성 높이고 각 모듈을 독립적으로 개발 및 테스트 복잡한 상태 관리를 간단하게컴포넌트 간에 상태 공유 또는 비동기 작업(API 호출)을 관리하는 것의 복잡성 감소 Vuex Store 구성 mo..

FE

[FE] Vue2 문법 정리 1

2024.06.11

Vue 문법 정리 1Vue2 기준으로 정리 1. 인스턴스와 라이프사이클 ✴️ 인스턴스 생성 // main.jsimport Vue from 'vue';import App from './App.vue';new Vue({ render: h => h(App),}).$mount('#app'); 생성된 인스턴스는 애플리케이션의 주요 구성 요소로 데이터와 메서드를 관리하고 DOM과의 상호작용 처리 ✳️ 주요 속성 및 옵션 데이터 (Data) : Vue 인스턴스의 데이터는 data 옵션을 통해 정의되며 반응성을 가짐 👉 데이터가 변경되면 DOM이 자동으로 업데이트됨new Vue({ el: '#app', data: { message: 'Hello, Vue!' }}); 메서드 (Methods) : Vue..

FE

[FE] Vue 개념 및 설치

2024.06.10

Vue란 프론트엔드 개발도구 중 하나 가벼운 크기와 직관적인 문법👉 Virtual DOM을 사용하여 변경된 부분만 업데이트하고 필요한 최소한의 DOM 조작을 수행하여 빠른 렌더링 속도와 효율적인 업데이트 관리 제공 자체적으로 상태 관리 도구인 Vue jsx 내장👉 애플리케이션의 상태 관리를 위한 공식 상태 관리 라이브러리 페이지 전환을 위한 기능인 Vue js Router 제공 👉 페이지 간의 전환과 URL 기반으로 뷰를 동적으로 로딩하고 관리기존 html과 유사한 Template 형식 제공개발 방식의 단순함👉 동적인 표시 위해 v-if 문법만 제공 반응성 (Reactivity)데이터 갱신하면 화면도 바뀜 🛠️ Vue 도구패키지 관리자 : npm, yarn Vue CLI : 신속한 Vue.js ..

Spring/Spring & Spring Boot

[Spring/Spring Boot] SSE (Server-Sent Events)와 EventSource 적용해보기

2024.05.14

SSE (Server-Sent Events)란?서버에서 클라이언트로 데이터를 비동기적으로 전송하는 기술이다. 서버가 클라이언트에게 지속적으로 데이터를 전송할 때 주로 사용된다. 또한 실시간 업데이트가 필요한 경우(주식 시세, 실시간 채팅, 알림 등)에 사용되며 HTTP 기반으로 웹 브라우저와 웹 서버 간의 단방향 통신을 가능하게 하므로 클라이언트는 서버에 요청을 보내지 않고도 서버로부터 데이터를 받을 수 있고, 클라이언트는 웹 브라우저의 EventSource API를 사용해 서버로부터 이벤트를 수신하고 처리한다. 프로젝트에서 앨런AI에게 질문을 요청하면 응답을 실시간으로 받기 위해 사용하고자 했다.실제로 프로젝트에서 어떻게 구현했는지 알아보자 ! WebClientService 코드 구현 - 비동기로 ..

soogoori