본문 바로가기

전체 글63

[React] React.js Fragments React에서 컴포넌트가 여러 Elemnet를 반환하도록 사용하는 것이 일반적인데, Fragment는 DOM에 의미 없는 div를 사용하지 않고 여러 하위 노드들을 그룹화해서 사용 가능합니다. 아래 Table과 Columns 예시를 보겠습니다! class Table extends React.Component { render() { return ( ); } } class Columns extends React.Component { render() { return ( Hello World ); } } 이렇게 하면 Table의 출력결과는 아래와 같습니다! Hello World 결과를 살펴보면 안에 가 포함되어 있는 것을 볼 수 있는데 이것을 제거하기 위하여 아래와 같이 작성해줍니다. class Columns .. React 2023. 12. 27.
[React] React.js 시작 우선 아래 사이트에 들어가서 node js를 설치해주어야 한다 ! https://nodejs.org/en Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org node js 버전 확인은 cmd창에서 아래와 같이 확인 가능하다. React 프로젝트 생성은 아래와 같이 npx create-react-app [프로젝트이름] 으로 생성 가능하다. npx create-react-app test-app index.js 우선 index.js를 살펴보면 React.StrictMode라는 것이 있는데 애플리케이션 내에서 잠재적인 문제를 알아내기 위한 도구로, Fragment와 같이 UI를 렌더링하지 않고, 자식.. React 2023. 12. 27.
[Spring Boot] Spring Boot와 MongoDB 연동하기 Spring Boot와 MongoDB를 연동하기에 앞서 MongoDB와 MongoDB Compass를 설치해줍니다! 의존성 추가 implementation 'org.springframework.boot:spring-boot-starter-data-mongodb' implementation 'org.springframework.boot:spring-boot-starter-data-jpa' application.properties spring.jpa.show-sql=true spring.jpa.hibernate.ddl-auto=update #spring.jpa.properties.hibernate.format_sql=true spring.jackson.property-naming-strategy=SNAKE_.. Spring Boot 2023. 7. 19.
PromQL을 이용한 서버 모니터링 프로메테우스와 그라파나 설치는 아래 글을 참고하였습니다 ! https://velog.io/@ryuni/Multipass%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-kubernetes-%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0-%EA%B5%AC%EC%B6%95-%EB%B0%A9%EB%B2%95 Multipass를 활용한 kubernetes 클러스터 구축 방법 Multipass를 활용한 k3s 클러스터를 손쉽게 구축하는 방법을 작성한 글 입니다. velog.io 설치 후 프로메테우스와 그라파나를 실행시켜 줍니다. cd lightweight-kubernetes-sandbox-cli bash packages/prometheus/helm.sh --open prom b.. Server 2023. 7. 19.
[Spring] Grafana와 Prometheus로 서버 모니터링 하기 개발자가 되어 프로그램을 개발할 때 개발하는 과정도 중요하지만 개발하고 난 후 프로그램의 오류가 발생했을 때 바로바로 인지하여 고치는 것 등 서비스 운영도 매우 중요합니다~ 프로그램을 안정적으로 운영하기 위해서는 모니터링 시스템이 필요한데 모니터링 툴중에서 Spring을 할 때 많이 사용한다는 Actuator, Prometheus, Grafana에 대해서 알아보겠습니다! Actuator Spring Boot는 서버의 여러 지표들을 제공하는 Actuator라는것을 제공합니다. Actuator 메모리, CPU 사용량, 에러가 난 횟수처럼 서비스를 운영하는 데 도움이 되는 정보들을 제공하고 Grafana와 Prometheus와도 쉽게 연동할 수 있게 되어있습니다. 이러한 정보들은 API 형태로 호출 가능하고,.. Spring Boot 2023. 7. 7.

티스토리툴바