Docker-compose 사용 wildfly 3개 인스턴스 클러스터링

Docker-compose 사용 wildfly 3개 인스턴스 클러스터링 하기

https://github.com/AubeLabs/docker-compose-wildfly

docker-compose-wildfly

widlfly 3개 인스턴스(컨테이너) 실행
클러스터링

docker-compose

docker-compose -f docker-compose-wildfly.yml up -d

docker-compose run -d wildfly-site-in
docker-compose run -d wildfly-site-ex
docker-compose run -d wildfly-down

wildfly 컨테이너 접속

docker exec -it wildfly-site-in /bin/bash
docker exec -it wildfly-site-ex /bin/bash
docker exec -it wildfly-down /bin/bash

widlfly user setting

cd wildfly/bin
sh add-user.sh -u admin -p 비밀번호

log 확인

docker logs --details -ft wildfly-site-in

IntelliJ 필수 단축키 20 for Mac

IntelliJ 필수 단축키 20 for Mac 정리

CMD + N : 제네레이트 (컨스트럭터, 게터 셋터)

CMD + SHIFT + N (scratch 파일 생성)

사용예:

코드 선택된 상태로 누르면 해당 영역이 그대로 복사됨

간단하게 언어 특성이나 코드 실행결과를 빠르게 테스트 보는데 좋음

사용예:

json 생성 후 CMD + OPT + L 하면 auto formating

실행/디버깅

CTRL + D : 디버깅

CTRL + OPT + D : 여러 configuration들이 존재할때 특정 configuration 선택할 수 있는 창을 띄움

CTRL + SHIFT + D : 현재 커서가 있는 파일 또는 유닛테스트를 build & debug

참고: 위 세가지 단축키의 D 대신 R을 입력하면 디버깅 대신 실행 모드로 동작

F8: 디버깅 중에 누르면 next line으로 진행

CMD + OPT + R : 현재 브레이크포인트에 멈춰있는 어플리케이션을 Resume

CMD + F8 : 현재 커서에 브레이크 포인트 토글

CMG + , : InterlliJ 전체 설정

CMD + ; : 프로젝트 설정

OPT + ENTER : 밑줄친 곳에서 추가액션

lint 적용, 오타 보정, error correction 등등 다양한 액션 가능

아이템 찾기

CMD + (SHIFT or OPT) + O : find symbols, files

CMD + SHIFT + a : find actions (인텔리제이의 수많은 메뉴와 기능들을 찾기 힘들때는 이곳을 통해서 검색할것)

SHIFT 2회 : find all

CMD + E : 최근 열었던 파일 목록

텍스트 찾기

CMD + SHIFT + F

text 전체 찾기

scope 지정 가능

CMD + SHIFT + R

text 전체 Replace

CMD + F12 : current file’s structure

코드 찾기

OPT + F7 : find usage

CTRL + OPT + H: call hierachy

CTRL + H: type hierachy

CMD + Click: Jump to definition

CMD + OPT + Click: Jump to Implementation

interface를 구현한 구현체들을 검색해서 이동

CMD + DELETE : 현재 커서가있는 한줄 삭제

OPT + F1 → 1 : 현재파일 프로젝트 트리에서 열기

SHIFT + F6 : 이름 바꾸기 (refactor)

CMD + SHIFT + V : 클립보드 히스토리 보기

네비게이션

CMD + [ : 뒤로 이동

CMD + ] : 앞으로 이동

윈도우 분할해서 사용중일때

(단축키 없음) Move to Opposite Group 현재 열려있는 파일을 반대편 윈도우로 옮긴다.

출처: https://www.letmecompile.com/intellij-shortcut-keys-mac/

React DOM 객체 접근방법 : useRef

React (jsx) DOM 객체에 접근방법 정리

useRef 사용하여 ref 변수 선언

const chartRef = useRef();

DOM 객체에 ref attribute로 전달

아래 코드로 객체 접근

chartRef.current.getInstance()

const Contents = () => {
    ...
    const chartRef = useRef();

    const [options, setOptions] = useState({
        chart: {
            width: 500,
            height: 400,
            title: ''
        },
        tooltip: {
            formatter: (value) => `${value}건`
        }
    });
    const [data, setData] = useState();

    const inquiryChartData = async () => {
        try {
            let chatDataVal = await api.inquiryChartData();
            setData(chatDataVal.data);
            setOptions(chatDataVal.options);

            chartRef.current.getInstance().resize({
                    height: chatDataVal.options.chart.height, 
                    width: chatDataVal.options.chart.width
                });
        } catch (err) {
            console.log(err);
        }
    };

    useEffect(() => {    
        inquiryChartData();
    }, []);

    return (
        <div className="row">
            <div className="col-xs-12">
                <div className="cont">
                    <LineChart options={options} data={data} ref={chartRef} />
                </div>
            </div>
        </div>        
    );
}

export default AdminContents;

AubE Log : 오브 로그

2021년 2월 5일 금요일