티스토리

주니어 개발자

검색하기

블로그 홈

주니어 개발자

front-kuli.tistory.com/m

이거저거 잡다하게 합니다 :>

구독자: 1

방명록 방문하기

주요 글 목록

Swagger UI 세팅 (Feat. Nodejs) 강의를 듣다가 해당 라이브러리의 존재를 알게되었다. 활용하기 좋을 것 같아서 현업에 사용 전에 정리하고자 한다. Swagger 는 Rest API 를 위한 라이브러리이다. 매번 다른 문서 프로그램으로 API 명세서를 작성했다면 그런 노력이 조금은 줄것으로 보인다. 나또한 전에 노션으로 만들어진 API 명세서를 작성하느라 너무 번거롭고 귀찮았던 기억이 있다. 작성해놓고 내용이 조금이라도 바뀌면 또 문서가서 바꾸고.. 그런 과정을 조금이라도 잊으면 나중에 문서 꼬이고 ㅜㅜ 설치 및 설정 npm install swagger-cli swagger-ui-express yamljs npm install -D @types/swagger-ui-express @types/yamljs 다운 받아주고 src 폴더 아래에 o.. 공감수 0 댓글수 1 2024. 2. 10.
DLP, DRM 개념 DLP; Data Loss Prevention 데이터 손실 방지 데이터 흐름을 감시하고 기업 내부의 중요 정보에 대한 유출을 감시 및 차단하는 방식 PC, Network 등 데이터가 흐르는 영역을 암호화 DLP 장단점 장점 단점 편의성 한번 유출된 정보와 데이터 보호가 어려움 이동 경로를 감시하여 데이터를 보호하므로 정보 유출 위험이 있을 때 차단이 가능 우회가 가능 업무와 무관한 사이트 접근 제어 가능 한번 공격 당하면 보호가 불가 내부 시스템을 통제, 관리하는 형태므로 원격 근무에 올바르지 않음 DRM; Data Rights Management 디지털 콘텐츠의 저작권 보호 기술이자 저작권자가 배포한 디지털 자료 또는 하드웨어 사용 제한 특성 자료를 저작권자가 의도한 용도로만 사용하도록 제한하는 기술 .. 공감수 0 댓글수 0 2023. 12. 28.
VTK 의 작동 Flow VTK 3D 시각화 및 데이터 처리를 위한 라이브러리 VTK Obejct Model 1. Graphics : Rendering 2. Visualization : Generating graphic objects to represent the data Source Filter Mapper Actor Renderer Visualization model Visualization model + Graphics model Graphics model Demand-driven VTK는 데이터가 변경되는 시점에 업데이트가 이뤄지는 것(Event-driven)이 아닌 모든 데이터가 처리를 완료하고 명령 요청을 한 시점에 한번에 업데이트를 진행한다 아래와 같은 순서로 시각화가 처리된다. 1. 데이터 입력 vtkReader .. 공감수 0 댓글수 0 2023. 12. 12.
SQL - Cursor (커서) 커서 Select문 또는 데이터 조작어 같은 SQL문을 실행 했을 때 해당 SQL문을 처리하는 정보를 저장한 메모리 공간 (Private SQL Area) 커서를 사용하면 실행된 SQL문의 결과값을 사용할 수 있음 결과 행이 여러 개여도 상관없음 Select Into Select 열1, 열2, ... Into 변수1, 변수2, ... From ...Declare V_DEPT_ROW DEPT%ROWTYPE; Begin Select DEPTNO, DNAME Into V_DEPT_ROW FROM DEPT WHERE DEPTNO = 40; End; / 조회되는 행이 여러 개일 때만 유효하므로 여러 행이 조회될 때는 커서를 사용하게 된다. 명시적 커서 사용자가 직접 커서를 선언하고 사용하는 커서 커서 선언 커서 .. 공감수 0 댓글수 2 2023. 12. 7.
VTK in python - VTK and Cylinder 영상 이미지 처리를 위한 여러 라이브러리를 찾아보다 일을 하다가 곧 들어갈 플젝에 영상 처리가 필요해서 python 기반의 라이브러리를 알아보고 있다. VTK, ITK(simple ITK), Mayavi, Pyvista 등등 여러 라이브러리가 있지만 역시 근본을 접해봐야 아종들도 다루거나 이해하기 쉬울테니 러닝커브가 높은 편에 속하는 VTK를 먼저 손대었다.(그러지 말았어야 했나 싶기도) VTK가 뭔데? 원래는 cpp 로 만들어진 이미지 처리 ? 시각화 라이브러리라고 알고 있다. js에선 OpenGL WebGL이 있듯 그런 느낌이 아닐까 싶다. 애초에 이름부터 Visualization Tool Kit 이다. https://vtk.org/ VTK - The Visualization Toolkit The V.. 공감수 0 댓글수 0 2023. 12. 6.
pynetdicom 의 storescu에 대해 https://pydicom.github.io/pynetdicom/stable/apps/storescu.html storescu — pynetdicom 2.0.3 documentation © Copyright 2018-2022, pynetdicom contributors. pydicom.github.io 의료 이미지 및 관련 데이터를 스토리지 서비스/장치로 전송하는데 사용 즉 다른 시스템 간 전송하는데 사용된다. 사용법 python -m pynetdicom storescu [options] addr port path storescu 는 스토리지 서비스 클래스 사용자(SCU)를 구현 애플리케이션 엔티티와의 연결을 요청하고, 연결이 설정되면 하나 이상의 SOP 인스턴스 전송을 요청한다. addr: TCP/I.. 공감수 0 댓글수 1 2023. 10. 8.
pynetdicom 을 사용하여 DICOM Networking 시도 https://pydicom.github.io/pynetdicom/stable/tutorials/installation.html How to install pynetdicom — pynetdicom 2.0.3 documentation © Copyright 2018-2022, pynetdicom contributors. pydicom.github.io 설치하기 DICOM 통신이므로 다루기위해 우선 pydicom 이 있어야 한다. pip install -U pynetdicom python -m pip install -U pynetdicom pynetdicom이란 DICOM 네트워크를 구축하기 위한 프로토콜 등 도구들을 제공 TCP/IP 용 DICOM 상위 계층 프로토콜 Application Entity(AE.. 공감수 0 댓글수 1 2023. 10. 7.
react-babylonjs 라이브러리 사용해보기 https://brianzinn.github.io/react-babylonjs/ https://brianzinn.github.io/react-babylonjs/ react-babylonjs integrates the Babylon.js real time 3D engine with React. react-babylonjs lets you build 3D and XR scenes and games using reactive programming, reusable components, and hooks. The Babylon.js API is mostly covered declaratively thanks to cod brianzinn.github.io 3D, XR, 게임 등에 사용하는 바빌론 라이브러리 리액.. 공감수 0 댓글수 1 2023. 10. 3.
Ag-grid react 사용기 - 정렬(Sorting) 프로젝트에서 Ag-grid react 라이브러리를 사용하면서 이거저거 적용해보고 있다. https://www.ag-grid.com/javascript-data-grid/row-sorting/ JavaScript Data Grid: Row Sorting This page describes how to sort row data in the grid and how you can customise that sorting to match your requirements. Download v30 of the best JavaScript Data Grid in the world now. www.ag-grid.com 기본 정렬 기본적인 정렬 기능을 사용하려면 sortable 을 true로 columnDef를 지정해줄 .. 공감수 0 댓글수 0 2023. 9. 6.
React Chart 라이브러리 - recharts 다룬다! 차트! https://recharts.org/en-US/ recharts 다이콤을 사용하여 해당 정보들을 시각화 하는 것을 맡게 되었다. 정보는 준비되어 있으므로 이 정보들을 어떻게 시각화를 할지 여러 차트 라이브러리를 서칭해보다가 깔끔하다는 rechats 를 선택하게 되었다. Victory 나 apex, react-chartjs-2 등 여러 라이브러리를 눈여겨 봤지만 실무에서 많이 사용되는 것을 해보는 것이 맞다고 여겨졌다. 설치 npm install recharts --save 사용하기 원하는 차트 컴포넌트를 import 하고 해당 컴포넌트의 props를 채워넣어서 차트를 그려준다. LineChart ScatterChart PieChart RadarChart BarChart RadialBar.. 공감수 0 댓글수 0 2023. 8. 31.
리액트 Chart 라이브러리 자바스크립트 기반 차트 라이브러리 1. Chartjs Chart.js Chart.js Simple yet flexible JavaScript charting library for the modern web www.chartjs.org 2. C3.js C3.js | D3-based reusable chart library C3.js | D3-based reusable chart library Comfortable C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 giv.. 공감수 0 댓글수 0 2023. 8. 26.
리액트 테이블(표) 라이브러리 종류 1. react-base-table https://github.com/Autodesk/react-base-table GitHub - Autodesk/react-base-table: A react table component to display large datasets with high performance and flexibility A react table component to display large datasets with high performance and flexibility - GitHub - Autodesk/react-base-table: A react table component to display large datasets with high performance... github.c.. 공감수 0 댓글수 1 2023. 8. 25.
Git commit convention 커밋 컨벤션? 깃을 사용하다보면 쓰게 되는 커밋 메세지 git commit -m "Message" 혼자 작업할 때는 이 커밋 메세지의 중요성을 모르지만, 회사에서 협업을 하려고 보니 필요성을 느꼈다. 대충 커밋 목록 확인할 때 컨벤션이 있으면 중요하거나, 중요하지 않은 커밋을 분류할 수 있었고 무엇보다 내가 커밋을 할 때에도 컨벤션에 맞춰서 스태징 후 커밋을 분리하다보니 여러 기능을 한번에 커밋해버리는 일이 줄었다. 최대한 세부적으로 나눠서 커밋을 하게 되니 관리가 쉬워진 것 같다. 커밋 컨벤션은 유동적으로... 필수는 아니지만, 현재 내 팀에선 간단하게 이정도로 사용하는 것 같다. 더 세분화해도 보통 사용되는 것들이 정해져 있어서 ... 이정도도 많은 것 같다. 타입 설명 feat 새로운 기능 추가 f.. 공감수 0 댓글수 0 2023. 8. 11.
Bundler (feat.vite) 번들러 개발자가 직접 처리해줘야할 일들을 대신 처리해주는 것 (transfiler) https://www.youtube.com/watch?v=UdTD_NAWxyE yarn create vite vite 로 만들어준 프로젝트에 yarn build 로 빌드해주면 나오는 dist 폴더를 확인해준다. assets 폴더에 존재하는 파일은 vite로 생성해준 프로젝트를 압축시킨 내용이므로 얼핏 보기에 알아보기 힘들다. 이러한 파일을 vite.config.js 파일의 build 안에 minify을 false로 설정하면 그나마 보기 좋게 바뀌는데 export default defineConfig({ plugins: [react()], esbuild: { jsxInject: `import React from 'react.. 공감수 0 댓글수 0 2023. 7. 31.
크롬 개발자 도구 살펴보기 Network 웹 페이지에서 발생하는 모든 네트워크 트래픽을 알려주며 어떤 리소스가 어느 시점에 로드되는지, 리소스의 크기 등을 확인 가능 Performance 웹 페이지가 로드될 때 실행되는 모든 작업을 시각화 개발자도구의 Performance 탭에 직접 들어가도 되고, Lighthouse의 View Original Trace 로 접근해도 된다. CPU 차트 시간에 따라 CPU가 어떤 작업에 리소스를 사용하고 있는지 비율 자바스크립트는 노란색, 렌더링/레이아웃 작업은 보라색/페인팅 작업은 초록색/기타 시스템 작업은 회색 어느 타이밍에 어느 작업이 주로 진행되고 있는지 파악 가능 빨간색 짙은 선은 병목이 발생한 지점 Network 차트 CPU 차트 및 막대 형태로 표시 진한 막대는 우선 순위가 높은 네트.. 공감수 0 댓글수 0 2023. 7. 26.
React Chart 라이브러리 소개 기본적으로 차트 라이브러리는 자바스크립트 기준으로 만들어져 있다. Chartjs, C3js, D3js ... 이러한 라이브러리를 리액트에서 사용해주기 위해선 리액트 래퍼 형식으로 된 라이브러리를 사용해줘야 한다. Chartjs : 일반적인 차트 그릴 때 사용, 단순하고 유연, 간단한 데이터 표현에 최적되어 있으나 확장성은 부족하다는 평이 있다. D3js : 라이브러리 패키지의 크기가 작은 편이며 svg 를 활용한다. 웹 표준에 가깝고 활용가 높지만, 러닝커브가 높으며 이미지 요소가 많아질 경우 canvas에 비해 성능이 좋지 못할 가능성이 있다. 회사에서 쓸 라이브러리라 라이선스를 고려하여 오픈 소스라서 제한 없이 사용할 수 있는 리액트 전용 차트 라이브러리를 정리했다. react-chartjs-2 ht.. 공감수 0 댓글수 0 2023. 7. 24.
클라이언트 데이터 상태 관리를 위한 Recoil Recoil 은 React 상태 관리 라이브러리 리액트에서 상태를 관리하기 위해 일반적으로 상태를 컴포넌트 내부에서 관리하거나 Redux 같은 라이브러리를 사용해준다. 다만 리덕스는 보일러플레이트 코드가 많고 컴포넌트와 액션 사이의 연결을 설정하는 작업이 번거로워 이러한 불편함을 해결해주기 위해 리코일을 사용하는 추세라고 한다. 리코일은 상태값을 저장하고 업데이트하는데 사용되는 Atom 과 이를 기반으로 다른 값을 계산하는데 사용하는 Selector로 구성된다. Recoil의 특징 중앙 집중화된 상태 관리 상태가 어디에서 변경되었는지 추적하고 컴포넌트간 일관성 있는 데이터 흐름을 유지 가능 비동기 상태 관리 useRecoilCallback 훅으로 비동기적인 상태 업데이트가 가능하다 상태 업데이트 최적화 .. 공감수 0 댓글수 0 2023. 7. 22.
Cornerstone3D 란 HTML5 캔버스 요소를 지원하는 최신 웹 브라우저에서 의료 이미지를 시각화하기 위한 경량 자바스크립트 라이브러리 JPEG Lossless와 같은 다양한 압축 형식을 포함한 모든 전송구문 렌더링 볼륨 슬라이스를 스트리밍하고 로드되는 동안 실시간으로 확인 전체 볼륨을 다시 로드할 필요없이 축상, 시상면 및 관상면과 같은 다른 방향에서 동일한 볼륨 - 최소 메모리 공간 볼륨에서 비스듬한 슬라이스 보기 동일한 볼륨의 서로 다른 블렌드 렌더링 PET/CT 융합과 같은 여러 이미지 융합 및 오버레이 컬러 이미지를 렌더링하고 볼륨으로 렌더링 GPU 렌더링을 사용할 수 없는 경우 CPU 렌더링으로 폴백 뷰포트에 대한 메타데이터 중 픽 WebGL 을 사용한 GPU 가속 렌더링 웹 표준을 사용하여 의료 이미지의 3D 렌.. 공감수 0 댓글수 0 2023. 7. 20.
에러 Fix the upstream dependency conflict, or retrynpm, this command with --force or --legacy-peer-deps 요즘 프로젝트 세팅하며, 프로젝트에 사용될 라이브러리를 설치하고 지웠다를 반복하고 있다. 그중에서도 뭐만하면 자꾸 참조가 꼬이는데... 도대체 왜 뜨는걸까? npm 7 버전부터 생긴 이슈라는데, https://github.blog/2021-02-02-npm-7-is-now-generally-available/ 그 이전 버전에서는 종속성끼리 서로 버전이 호환되지 않는다는 경고만 표시하고 오류 없이 설치했다고 한다. npm 7 이후로 자동으로 해결할 수 없는 종속성 충돌이 있는 경우 설치를 차단해준다고 한다. 물론 해결 방법은 쉽다. 위에 보이는 내용처럼 npm install 과 --force 또는 --legacy-peer-deps 를 같이 써주면 된다. 둘의 차이점은? --force 는 충돌의 우회하는 명.. 공감수 0 댓글수 0 2023. 7. 19.
Toast UI (feact. React) 사용기 3 - Grid 테이블을 만들자 언제나처럼 설치부터 npm install --save @toast-ui/react-grid import 'tui-grid/dist/tui-grid.css'; import Grid from '@toast-ui/react-grid'; 예제를 보며 적용해보기 https://github.com/nhn/tui.grid/tree/master/packages/toast-ui.react-grid const data = [ { id: 1, name: "Editor" }, { id: 2, name: "Grid" }, { id: 3, name: "Chart" }, ]; const columns = [ { name: "id", header: "ID" }, { name: "name", header: "Name".. 공감수 0 댓글수 0 2023. 7. 13.
Toast UI (feat.React) 사용기 2 - Chart 기능 Toast UI Chart - Javascript 로 구현 가장 먼저 차트가 생성될 컨테이너 요소를 추가해준다. id는 chart 로 해주자. Toast UI 차트는 생성자 함수를 통해 인스턴스를 생성할 수 있다. 1. namespace 사용 const Chart = toastui.Chart; 2. CommonJS 사용 const Chart = require('@toast-ui/chart'); 3. ES6 사용 import Chart from '@toast-ui/chart'; import { BarChart } from '@toast-ui/chart'; Webpack 4는 패키지 모듈을 가져올 때 main 필드보다 module 필드에 정의된 진입점을 우선적으로 가져오므로, 프로젝트에서 웹팩4를 사용하고 .. 공감수 0 댓글수 0 2023. 7. 12.
AWS 기초 강좌 3 - EC2 기초 1~3 https://www.youtube.com/watch?v=hb_4Tf6bAtY&list=PLfth0bK2MgIan-SzGpHIbfnCnjj583K2m&index=7 가상화 Virtualization 단일 컴퓨터의 하드웨어 요소를 일반적으로 가상머신(VM)이라고 하는 다수의 가상 컴퓨터로 분할할 수 있도록 해주는 기술 리소스를 효율적으로 관리하면 그만큼 비용을 감소시킬 수 있다. 특권 명령(privileged instruction) 시스템 요소들과 소통할 수 있는 명령으로 OS 만 가능하다. 이러한 특권 명령 때문에 하나의 하드웨어의 시스템당 운영체제가 하나밖에 돌아갈 수 없는 것 반대로 일반 프로그램은 특권 명령이 필요없으므로 많은 프로그램을 동시에 수행이 가능한 것임. 즉 가상화가 나타나기 전까진 하나.. 공감수 0 댓글수 0 2023. 7. 11.
Toast UI (feat.React) 사용기 1 - 텍스트 에디터 Toast UI 시작 - 설치 npm install @toast-ui/react-editor 리액트에서 사용하기 위해 위와같이 설치해준다. 텍스트 에디터 - Editor 일반 컴포넌트처럼 사용할 수 있다. import { Editor } from '@toast-ui/react-editor'; import '@toast-ui/editor/dist/toastui-editor.css'; 위처럼 불러와줘야지 기본틀을 지정해줄 수 있고, 추가 옵션을 사용하여 여러 설정을 해줄 수 있다. previewStyle tab / vertical, 마크다운일 때 미리보기 스타일을 지정할 수 있다. 위처럼 vertical이면 세로로 나뉜다. initalEditType merkdown / wysiwyg 초기 보일 화면을 지정 .. 공감수 0 댓글수 0 2023. 7. 8.
AWS 기초 강좌 2 AWS 계정 계정 생성하면 루트 유저와 기본 리소스(기본 VPC) 등이 생성됨 AWS 계정 아이디가 부여되고 - 숫자로 / 추후에 AWS 계정에 별명 지정 가능하다 - 문자로 AWS 는 기본적으로 루트 사용자와 IAM 사용자로 나눌 수 있는데 루트 유저 생성한 계정의 모든 권한을 자동으로 가지고 있으며, 생성 시 만든 이메일 주소로 로그인 해준다. (빌링-계산 권한은 루트 유저가 유일하게 가지고 있다) 탈취 당했을 때 복구가 힘들기 때문에, 관리 목적 외엔 사용을 자제하고 MFA(일회용 패스워드, Multi Factor Authentication) 설정을 권장. AWS api 호출이 불가하다 -> AccessKey, Secret AccessKey 부여 X IAM 유저 (Identity and Access.. 공감수 0 댓글수 0 2023. 7. 1.
AWS 기초 강좌 1 https://youtu.be/JjiYqBl2328 데이터 센터 어플리케이션의 서버를 호스팅하는 실제 시설 컴퓨팅 시스템을 위한 하드웨어 네트워킹 장비 전원 공급 장치 전기 시스템 백업 발전기 환경 제어장치 운영 인력 ... -> 운영에 비용이 많이 소요된다. -> 장애 기기를 교체하거나 구축 시간이 느리다. 클라우드 컴퓨팅이란 인터넷을 통한 클라우드 서비스 플랫폼을 통하여 컴퓨팅 성능, 데이터베이스, 스토리지, 애플리케이션 및 IT 리소스를 주문형으로 제공하는 것 클라우드 서비스 플랫폼은 소프트웨어와 데이터베이스를 구축 및 유지하고 고객 만족을 위한 애플리케이션을 만드는데 사용할 수 있는 IT 리소스에 대한 빠른 액세스를 제공함 -> 필요한 만큼의 리소스에 즉시 액세스할 수 있으며 사용한 만큼만 비용을.. 공감수 0 댓글수 0 2023. 6. 30.
인공지능 모델 - Neural Network 인간의 뇌가 작동하는 방식 외부의 자극이 감지 되면 -> 자극 감지 기관으로부터 뇌의 특정 부분까지 신경계가 활성화 -> 해당 정보를 처리 신경세포(Neuron)들은 전기적인 신호를 이용하여 메세지를 주고 받음 Neural Network 신경망 계층 구조가 뇌에 있는 뉴런의 네트워크 구조와 유사한 컴퓨팅 모델 Neuron에 해당하는 Node 요소들을 연결하여 만든 네트워크, 전기적 신호는 외부 자극에 따라 연결 관계를 바꾸는 방식으로 만들어지는데 이 연결관계를 node들의 가중치(weight)로 처리한다. 신경망은 inputs(외부자극)에 가중치를 곱한 총합이 activation function(활성 함수)에 따라 출력되는 방식으로 구성된 것 신경망의 트레이닝은 inputs 을 취합하여 최종 출력과 비슷.. 공감수 0 댓글수 0 2023. 6. 29.
인공지능과 Orange - 객관식 예측 사용해보기 요즘 딥러닝이다, 머신러닝이다 말들이 많아서 여러 책을 읽어보고 있다. 인공지능 사람처럼 똑똑한 기계 머신러닝이란 인공지능을 구현하는데 성공한 방법... 어떤 사람이 특정 영화를 좋아할지 여부와 같은 분류 사람의 키와 같은 정량적 예측을 함으로써 데이터를 의사결정으로 변환해주는 도구와 기술의 집합을 의미 딥러닝 머신러닝을 활용한 인공지능의 고도화 방법 머신러닝은 기본적으로 공식을 알려주고 답을 구하게 한 방법이 아닌, 답을 알려주고 공식을 깨우치게 한 것이다. 문제와 답을 보며 공식을 깨우치게 한 과정을 Learning 이라 칭하게 했고 기계가 공부한다는 것을 머신러닝이라고 부르게 된 것이다. 비지도학습 답을 알려주고 공식을 기계가 깨우치게 하는 것이 머신러닝의 기본인데, 답을 알려주지 않고 공부시키는 .. 공감수 0 댓글수 0 2023. 6. 26.
OrbitControls -Threejs 저번에 gltf 모델의 scene 에 rotation.y 값을 주어 빙글빙글 돌리는 애니메이션을 구현했었다. 참고로 모델링을 바꿨다. OrbitControls import { OrbitControls } from 'three/addons/controls/OrbitControls.js'; addons 에서 import 해주고, new OrbitControls() 로 카메라를 지정해준다. 두번째 인자의 renderer.domElement 는 보여지는 canvas 를 가리킨다. const controls = new OrbitControls(camera, renderer.domElement); 카메라 position을 set 해준 다음 controls.update() 해주고, 애니메이션을 실행하는 animate.. 공감수 0 댓글수 0 2023. 6. 21.
NoSQL, Cassandra 란? 자유 오픈 소스 분산형 NoSQL 데이터베이스 관리 시스템 중 하나 단일 장애 없이 고성능을 제공하면서 수많은 서버 간의 대용량의 데이터를 관리하기 위한 설계 Big Table 과 Dynamo 의 특징을 합쳐놓았다. 디스코드에서 데이터베이스 마이그레이션을 했다는 컬럼을 읽고 카산드라가 무얼까 간단하게 정리해봤다. 카산드라는 SQL 과 비슷한 Cassandra Qeury Language(CQL) 를 이용한다. 여러 개의 데이터베이스가 복제 짧은 지연시간 온라인 부하 분산 분할된 키 지향 쿼리 유연한 스키마 프로세스가 추가될 때마다 선형 처리량 증가 등의 특징이 있다. 카산드라의 장점에는 분산화와 집중화 카산드라는 단일 노드로 동작하지만 분산형이므로 여러 머신에서 동작한다. 다만 사용자에게 하나로 보일 뿐이.. 공감수 1 댓글수 0 2023. 6. 17.
Three.js 라이브러리 배워보기 https://threejs.org/ Three.js 는 웹 페이지에 3D 객체를 쉽게 렌더링할 수 있도록 도와주는 자바스크립트 3D 라이브러리 WebGL 기술을 기반으로 렌더링과 카메라, 조명 등의 3D프로그래밍 기술을 간단하게 사용할 수 있도록 해준다. 설치하기 npm 을 통해 설치 (CDN도 있긴 하지만 권장은 npm) https://threejs.org/docs/index.html#manual/en/introduction/Installation npm install three npm install -D vite vite 는 실행도구이다. vite 빠르고 간결한 개발 경험에 초점을 맞춘 번들러 Webpack 과 동일한 기능을 하지만 공식문서에서 Vite 를 권장하길래 사용해보았다. 기본적으로 ES .. 공감수 0 댓글수 0 2023. 6. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.