Leon's Lab

서버 전송의 대략적인 절차 FILE -> Blob(application/octet-stream) -> 서버 전송 -> 서버에서 데이터 확인 writeImageArrayBuffer함수를 사용하면 ArrayBuffer형태로 데이터가 나옴(아마도 VTI 포멧같음) ArrayBuffer : 특정 크기의 데이터를 저장하는 Array. C언어에서 이야기하는 Array. 해당 데이터를 서버로 전송하고자 하는데, Blob로 감싸서 보내야 하는건지...... Blob은 MIME 타입을 어떻게 지정해야 하는건지 application/octet-stream : 8bit binary 데이터

개요 이미지 데이터는 사진이나 CT등과 같은 데이터를 말하는데, VTK에서는 이것들을 vtkImagedata로 처리합니다. 일반적인 그림파일을 표현하는 방법 누군가가 그림판위에 8(pixel) x 8(pixel) 짜리 작은 컬러 아이콘을 그렸다고 가정해 보겠습니다. 이 그림을 나타내는 속성은 아래와 같습니다. - Pixel type : Byte타입의 RGB - Size : 8 x 8 컴퓨터의 이미지는 우리가 눈에 보이는 컬러는 RGB색상인데, Alpha라는 투명도를 이용하기도 합니다. 그래서 통상적으로 하나의 Pixel은 RGB 3개의 속성이 존재하고 각 속성은 0~255의 범위로 나타내기 때문에 Byte(8bit)타입으로 사용합니다. 그리하여 전체 데이터의 크기는 8 x 8 x 3Byte 가 됩니다. ..

DICOM 파일을 로드 하려면, itk-wasm 라이브러리에서 제공하는 readImageDICOMFileSeries 함수를 사용해야 합니다. itk-wasm 설치후 진행하겠습니다. npm install itk-wasm 실행코드는 아래와 같습니다. DICOM 파일을 여러개 선택하면 해당 파일의 정보를 출력해주는 프로그램입니다.

Text 파일을 하나 열어서 해당 파일의 내용을 log로 출력하는 내용입니다.

ref : 객체에 대한 반응성(reactive)을 가지게 됩니다. isRef : 주어진 값이 ref 객체인지 확인합니다. unref : "val = isRef(val) ? val.value : val"를 수행하는 편의 함수 watchEffect : 반응적으로 종속성을 추적하는 동안에 함수를 즉시 실행하고 종속성이 변경 될 때마다 다시 실행합니다. html 속성중 ref 속성에 관하여 vue component에서 html 요소에 직접 접근하고자 할 경우(자주 있는 경우는 아니지만 필요할때 사용함) ex. methods: { focusInput() { this.$refs.input.focus() # 여거서 Html 요소 직접 사용 } } ES6 구조분해할당 구조 분해 할당이 일어나면 반응성이 사라지므로 주의

개발툴 VS Code 추천 플러그인 - vue(jcbuisson) : Vue문법 확인해주는 기능 - Auto Close Tag(Jun Han) : HTML 태그 자동으로 닫아주는 기능 - Auto Rename Tag : HTML 태그 변경시 연관된 태그의 이름을 자동으로 변경해주는 기능 Chrome 추천 플러그인 - vue.js devtools : vue 구조에 맞게 디버깅 가능 개발 방식 SFC(Single File Component) 구조로 개발(확장자 .vue) 하나의 파일에 HTML, CSS, JavaScript를 묶어서 관리개발하는 방식 해당 내용에 대한 설명 https://vuejs.org/guide/scaling-up/sfc.html#introduction Composition API 방식으..

프로젝트의 모든 파일 push git add . git commit -m "내용" git push origin 프로젝트의 모든 파일 pull git pull origin 현재 설정된 Branch 확인 git branch Branch 변경 git switch Git Clone Clone 받을 디렉토리로 이동후 git clone 현재 사용중인 User 확인 git config user.name git config --global user.name 현재 연결된 Repository 확인 git remote -v

vtkRenderWindow를 HTML에 출력하려고 하면 가장 좋은 태그는 div 일 것입니다. 그런데 div에 연결하는것이 조금 복잡합니다.  아래의 그림이 div를 vtkRenderWindow에 연결하는 구조도입니다.  HTML의 div 태그는 먼저 vtkOpenGLRenderWindow의 setContainer 함수를 통해 설정됩니다. 그 후에 vtkRenderWindow의 addView 함수를 통해서 VTK 구조와 연결됩니다. PC기반의 VTK를 사용할때에 비하면 vtkRenderWindow와 vtkOpenGLRenderWindow가 함께 존재해서 햇갈리기는 하지만, vtk.js는 이렇게 쓴다고 하니 적응해야죠 ㅠㅠ.  아래는 div에 vtk.js를 연결한 코드입니다.(Vue3 Compositio..

/xxxx : root 디렉토리 ~xxxx : home 디렉토리 .xxxx : 현재 디렉토리

pip install vtk 참고 사이트 : https://pypi.org/project/vtk/ 임시 코드 # noinspection PyUnresolvedReferences import vtkmodules.vtkInteractionStyle # noinspection PyUnresolvedReferences import vtkmodules.vtkRenderingOpenGL2 from vtkmodules.all import vtkTransformPolyDataFilter from vtkmodules.vtkCommonTransforms import vtkTransform from vtkmodules.vtkCommonColor import vtkNamedColors from vtkmodules.vtkFil..