[Spring] 트랜잭션 전파 ( Transaction Porpagation )

이전에 진행하던 프로젝트의 경우에는 대용량의 데이터이거나 민감한 데이터를 다루는 프로젝트가 아니다보니 기본적인 트랜잭션 형태만 가지고 갔던것으로 기억한다. 하지만 이번에 진행하게된 프로젝트의 경우 돈이 오가고, 실시간으로 이뤄지는 데이터가 많다보니 트랜잭션의 개념이 매우 중요할것같다는 생각이 들어서 정리하게 되었다.트랜잭션 ( Transaction )트랜잭션은 우리가 DB를 사용하면서 제일 많이 듣는 용어중 하나라고 생각한다. 단순하게 하나의 트랜잭션이 이루어진다고 하면 데이터가 insert / update 될때 commit 또는 rollback 되는 과정이라고 생각한다.트랜잭션 전파 속성 ( Transaction Propagation )Spring에서 제공하는 @Trasactional 어노테이션을 통해..

• format_list_bulleted BE/Java
• · 2024. 10. 6.
• textsms

[JS] 자기호출 익명함수

이번에 회사에 입사하게 되면서 업무에 익숙해지고자 진행하고 있는 솔루션 소스를 통해 공부를 진행하면서 처음보는 JS 문법이 존재하여 정리하면 좋을 것 같아서 정리합니다 :)익명함수이름이 없는 함수.아래와 같은 형식으로는 사용될 수는 없지만, 다른 함수의 매개변수로 사용될때는 사용이 가능하다.function(){ // 내용} 자기 호출 익명 함수 (IIFE)스스로 실행가능한 이름이 없는 익명함수선언과 동시에 실행이 가능한데, 단 한번만 호출 가능하고 다시 호출할 수 없다.(function () { // 내용}) ();느낌표를 사용한 자기 호출 익명 함수 (IIFE)자기호출을 가능하게 하며, 느낌표를 앞에 붙이면 function을 괄호로 묶지 않아도 사용이 가능하다.또한 뒤에 ()를 통해 함수 내에서 사용할..

• format_list_bulleted FE/JS
• · 2024. 10. 6.
• textsms

[2024년 9월 회고] 일찍 이직에 성공했다?

약 반년만에 돌아와서 회고를 작성하게 되었습니다.프로젝트 오픈 준비와 8월에 오픈을 하게 되면서 어마무시한 업무량에 치여서 공부하고 블로그에 글을 남길 시간이 전혀 없었습니다..😢 그래도 이제 여유를 가지게 되어 포스팅을 다시 해봅니다 :) 그동안 무슨일이 있었는가?간단명료하게 말하자면 프로젝트 오픈 준비와 오픈 후 안정화 , 그리고 중간에 겨우겨우 짬을 내어 면접을 보게 되었습니다.그리고 아주아주 만족스러운 결과로 최종 합격에 이르게 되었습니다.실질적으로 합격발표는 7월정도에 났었는데, 회사측의 배려로 '그래도 프로젝트 오픈은 하고 안정화하고 넘어와야 하지 않느냐' 라고 해주셔서 10월 초에 입사를 하기로 했습니다. 처음 면접으로 보러간 회사의 환경과 분위기는 매우 조용하고 쾌적한 환경이었습니다. 그..

• format_list_bulleted Diary
• · 2024. 9. 23.
• textsms

[React JS] memo, useMemo 그리고 useCallback

이번에는 memo와 useMemo 그리고 useCallback에 대해서 공부하던 도중 성능 최적화를 위해서 정리가 필요하다고 판단해서 정리해본다.  참고로 log js 파일을 생성하여 컴포넌트의 레벨에 따라 렌더링이 되는지 확인을 해보았다. export function log(message, level = 0, type = 'component') { let styling = 'padding: 0.15rem; background: #04406b; color: #fcfabd'; if (type === 'other') { styling = 'padding: 0.15rem; background: #210957; color: #ede6b2'; } const indent = '- '.repeat(..

• format_list_bulleted FE/ReactJS
• · 2024. 5. 5.
• textsms

[React JS] useState 동작방식

react를 공부하면서 아주아주아주 흥미로운 사실을 알게되어 간결하게 정리한다. 우리가 상태관리를 위해 useState를 사용합니다. 만약 아래와 같은 소스가 있다고 가정해봅시다. import { useState } from 'react' import './App.css' function App() { const [count, setCount] = useState(0) function handleClick() { setCount(count + 1) // 이부분 setCount(count + 1) // 이부분 } return ( count is {count} ) } export default App 간단한 버튼만 구현한 것입니다. 신기하게도 두번의 setCount 를 호출하였는데 값은 1씩 증가합니다. 그..

• format_list_bulleted FE/ReactJS
• · 2024. 3. 31.
• textsms

[React JS] Virtual DOM이란 무엇인가??

이번에 React JS관련 공부를 진행하면서 기본적인 이론과 더불어 정리를 해 나가고자 한다. 먼저 Virtual DOM이다. Virtual DOM ?? 우리가 DOM은 많이 들어봤을 것이다. 예를 들어, 아래와 같은 HTML 코드가 있다고 가정해보자. 사슴에 관한 진실. 그렇다면 우리는 HEAD 태그 아래 TITLE태그가 존재하고 BODY 태그 안에 H1 태그가 존재한다. 이와 같이 트리형태로 구성되어있는것이 DOM구조 이다. 그런데 React 에서는 Virtual DOM을 사용한다. 쉽게 말하자면, 실제 DOM을 건드리고 조작하는 방식이 아닌 실제 DOM을 모방한 가상의 DOM을 구성하여 차이점을 골라내 변경된 부분만 Rerendering 시켜주는 방식으로 동작한다. Virtual DOM을 사용하는 ..

• format_list_bulleted FE/ReactJS
• · 2024. 3. 31.
• textsms