이마닷의 블로그

블로그 이사갑니다

움나나움 — Sat, 10 Aug 2024 17:42:26 +0900

티스토리 마크다운 쓰기 너무 불편해서 벨로그로 이사갑니다.

안녕히계세요.

[TIL] 240701

움나나움 — Mon, 1 Jul 2024 15:12:12 +0900

JPA transaction

Spring app에서 전체 configuration 상에 기본 transaction manager를 명시 후, 이후 app 내에서 별도의 transaction manager를 설정하지 않은 채 기본 transaction manager와 다른 연결 정보를 가진 entity에 접근할 때,
- 해당 엔티티에 대한 JPA 메서드는 트랜잭션 속성 기본값으로 PROPAGATION_REQUIRED(새로운 transaction 생성), ISOLATION_DEFAULT를 가지고 실행된다.
- 새로 생성된 트랜잭션은 해당 JPA 메서드가 실행된 맥락과 상관없이 메서드 실행 즉시 commit 되지만, 실행된 맥락(?) 상의 로직이 실패하는 경우(ex. exception 발생, 메서드 중도 실행 중단 등) 당연히 rollback 된다

@Transactional 어노테이션의 readOnly 옵션을 true로 세팅하면

JPA session flush 모드가 MANUAL로 설정되고, 이 경우 flush를 수동 수행하지 않는 한 수정 내역이 DB에 반영되지 않는다.

// HibernateJpaDialect.prepareFlushMode
@Nullable
protected FlushMode prepareFlushMode(Session session, boolean readOnly) throws PersistenceException {
    FlushMode flushMode = (FlushMode)ReflectionUtils.invokeMethod(getFlushMode, session);
    Assert.state(flushMode != null, "No FlushMode from Session");
    if (readOnly) {
        if (!flushMode.equals(FlushMode.MANUAL)) {
            session.setFlushMode(FlushMode.MANUAL);
            return flushMode;
        }
    } else if (flushMode.lessThan(FlushMode.COMMIT)) {
        session.setFlushMode(FlushMode.AUTO);
        return flushMode;
    }

    return null;
}

JPA 내부적으로 dirty checking을 하기 위한 snapshot을 따로 보관하지 않으므로 메모리가 절약된다.
참고 https://studyandwrite.tistory.com/573

[TIL] 240611

움나나움 — Wed, 12 Jun 2024 19:59:13 +0900

Dockerfile 명령어

FROM

FROM {imageName}:{image tag}
- 현재 만들고자 하는 도커 이미지의 base image를 가져오는 명령어
- remote 이미지일 경우, 해당 registry의 주소도 같이 적어주어야 함
- local 이미지일 경우, --platform={image platform} {image name}:{image tag}
  - image platform은 docker inspect --format='{{.Os}}/{{.Architecture}}' {image name}을 통해서 알 수 있음
  - ex) --platform=linux/amd64
  - [https://stackoverflow.com/questions/20481225/how-can-i-use-a-local-image-as-the-base-image-with-a-dockerfile]

WORKDIR

cd는 쉘 명령어이므로, 원하는 위치로 이동, 즉 워킹 디렉토리를 지정하려면 해당 명령어를 사용

RUN

COPY

ENV

USER

docker 명령어

docker 이미지 빌드

docker build {options} {dir}

Dockerfile로 이미지 빌드
options
- -t {imageName}:{imageTag}
- -f : build 시 사용할 Dockerfile 이름
- --progress=plain : 전체 빌드 프로세스의 로그를 볼 수 있음. echo 등의 명령어 사용으로 콘솔에 찍히는 값도 확인 가능
- --no-cache : 캐시없이 처음부터 빌드. 기본 값은 캐시를 사용하는 것이므로, 해당 옵션을 쓰면 빌드 속도가 느려질 수 있다
dir
- 빌드를 실행할, Dockerfile이 위치한 디렉토리. 현재 위치일 경우 .을 사용

docker tag {image name}:{image tag} {new image name}:{new image tag}

기존에 가지고 있는 이미지의 이름과 태그를 바꿀 수 있음

docker registry

docker login {registry url} --username={username}

docker push {registry base url}/{project name}/{image name}:{image tag}

레지스트리에 이미지 푸시. 이미지 이름이 하나의 레포지토리가 된다

docker image로 컨테이너 빌드

docker run -dit {image name}:{image tag}

linux commands

symbolic link

ln -s {source} {dist}

dnf

linux redhat 계열 OS에서 기존 yum 명령어의 개선판으로 등장한 명령어
기본적인 사용법은 yum과 동일
dnf -y install {package}
설치 전 파일 크기를 보여주고 설치 여부를 묻는데, 이 때 -y 옵션을 걸면 물어보지 않고 무조건 실행
ex) dnf install -y python : python 패키지를 설치

tar -xvf {filename}

압축 파일 해제 시에 사용

[React] React.js에서 사용하는 기본 개념

움나나움 — Sat, 5 Mar 2022 20:45:31 +0900

1. JSX

JSX란 React에서 사용하는, 확장된 javascript 문법이다. JS + XML이라고 생각하면 적당할 정도로, 마크업 언어와 같이 태그를 주로 사용한다.

const element = <h1>Hello, world!</h1>;

[React 공식 홈페이지 - JSX 소개]

https://ko.reactjs.org/docs/introducing-jsx.html

JSX 소개 – React

A JavaScript library for building user interfaces

ko.reactjs.org

2. 익명 함수와 화살표 함수 / 즉시 실행 함수

두 함수 모두 javascript에서 사용되는 형태의 함수로, 즉시 실행이 필요할 때 많이 쓴다. python이나 java의 lambda 함수와 비슷하다.

익명함수는 말 그대로 이름이 없는 함수로, function이라는 js의 예약어를 사용해 선언한다.

화살표 함수는 주로 콜백 함수를 쓸 때 많이 쓰는데, '() =>' 형태를 통해 선언한다. 화살표 함수 내에 사용되는 파라미터가 1개인 경우, 괄호를 쓰지 않고 해당 파라미터 하나만 쓸 수도 있다.

두 함수 모두 특정 변수에 대입해 쓸 수도 있고, 즉시 실행 함수, 즉 별도의 변수 대입 없이 해당 코드 라인 내에서 즉각적으로 실행되고 이후엔 사라지는 형태로 쓰일 수도 있다.

export default function App() {
    return (
        <View>
            <Text>
                // JSX의 태그 사용 시 js 문법을 사용하려면 {}를 쓴다
                {function() { // 익명 함수 선언
                    // ... 
                    return 'Hello World!\n';
                }()} // 익명함수를 즉시 실행하기 위해 함수 뒤에 ()를 사용
            </Text>
            <Text>
                {(() => { // 화살표 함수 선언
                    // ...
                    return 'Hello World!\n';
                })()} // 화살표 함수를 ()로 한번 더 감싼 후 ()를 붙여 함수 즉시 실행            	
            </Text>
        </View>
    );
}

3. JSX의 style

JSX에서 태그 안에 사용하는 인라인 스타일링은, 기존 HTML에서 태그 내 문자열을 사용해 적용했던 것과는 달리, 객체 형태로 입력해야 하고 또 style 속성 이름은 하이픈('-')을 사용하지 않는 Camel Case로 사용한다.

const default function App() {
	return (
    	<View 
        	style = {{
            	backgroundColor: '#ffffff',
                alignItems: 'center',
        	}}
        >
        </View>
    );
}

const default function App() {
	return (
    	<View style={styles.mainView}></View>
    );
}

const styles = StyleSheet.create({
  mainView: {
    backgroundColor: '#ffffff',
    alignItems: 'center',
  }
}

첫 번째 예시처럼, style에 직접 js 객체를 바로 선언해 넣을 수도 있고, 두번째 예시처럼 다른 변수로 선언한 StyleSheet 객체에서 style 값을 불러올 수도 있다.

4. props vs. state

props는 properties라는 뜻의 약자로, 부모 컴포넌트에서 자식 컴포넌트로 어떤 속성 값을 넘겨줄 때 사용하는 값들을 뜻한다. 즉, 외부에서 값을 들여와서 컴포넌트 내부에서 그 값을 사용하기 위해 props를 받는 것이다.

// title과 content가 props에 해당
const Parent = () => {
    const title = "jemok";
    const content = "neyong";
    return (<Child title={title} content={content}/>);
};

const Child = ({title, content}) => {
    return (<div> {title} <br/> {content} </div>);
};

반면, state는 말 그대로 '상태'라는 뜻으로, 컴포넌트 내부에서만 사용할 특정한 상태를 나타내는 값을 뜻하며, 외부에서는 확인할 수 없는 값이다. 클래스형 컴포넌트에서는 constructor를 작성해 사용해야 했지만, 함수형 컴포넌트로 오면서 react의 Hook 중 'useState'라는 함수만 사용하면 간단하게 state를 사용할 수 있다.

import React, { useState } from 'react';

const Compo = () => {
    // 기본값을 0로 설정해 state에 반환해주고, setState라는 함수를 반환해 state 값 설정에 사용
    const [state, setState] = useState(0);
    setState(11);
    return ( <div>{state}</div> );
};

컴포넌트 내부에서 쓰는 용도라면, 일반 변수를 선언(let, var)해서 사용해도 될 것 같은데, 굳이 state를 사용하는 이유는 state 값이 변경될 때마다 HTML이 자동으로 다시 렌더링 되기 때문이다.

[android-Java] View의 OnTouchListener

움나나움 — Thu, 3 Feb 2022 10:32:22 +0900

View 클래스의 메소드 중, 해당 View 영역의 터치 동작을 감지할 수 있는 OnTouchListener에 대한 내용을 정리한다.

다양한 touch 동작을 인지하기 위해서는 기본적으로 다음과 같은 코드의 작성이 필요하다.

1. 우선 MainActivity의 onCreate 메소드 내에서 사용할 view 객체를 id로 불러온다.

2. 불러온 view 객체의 setOnTouchListener 메소드를 작성하고,

3. 그 안에 View 클래스의 OnTouchListener 인터페이스를 새로 선언해 인자로 넣는다.

4. OnTouchListener 안에서 @Override 어노테이션을 사용해 onTouch 메소드를 새롭게 정의한다.

public class MainActiviy extends AppCompatActivity {
    
    View v;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        v = findViewById(R.id.v);
        
        v.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int action = event.getAction();
                float curX = event.getX();
                float curY = event.getY();
                
                if (action == event.ACTION_DOWN) {
                	...
                } else if (action == event.ACTION_MOVE) {
                	...
                } else if (action == event.ACTION_UP) {
                	...
                }
                ...
                return true;
            }
        });
}

이 때 onTouch의 인자로 들어오는 MotionEvent는 getAction() 메소드를 통해서 얻을 수 있는 action이라는 값을 갖는데, 이는 일종의 enum 타입처럼 쓰이는 int 타입의 final 변수이다. event.ACTION_DOWN(터치하기), event.ACTION_MOVE(터치한 상태로 움직이기), event.ACTION_UP(터치 후 화면에서 손 떼기) 등의 값이 존재하고, 화면 상의 터치 움직임에 따라 값을 반환한다.