딥xxx(딥xxx)

🏥 2019.11 ~ 2021.3

👔 플랫폼개발실 / 프론트엔드 개발자 / 주임

회사소개

딥xxx는 의사 주도의 의료 영상 AI 모델 연구를 효율적으로 진행할 수 있게 지원하는 오픈 플랫폼인 DEEP:PHI를 제공하는 회사입니다.

2020년 11월 기준 약 100여명이 근무중입니다.

• 공식사이트 www.deepphi.ai

담당업무

복잡한 AI 솔루션 개발을 별도의 코딩 없이 할 수 있는 의료 AI 연구 플랫폼 DEEP:PHI의 프론트엔드를 담당했습니다.

DEEP:PHI는 환자의 이미지 데이터(X-ray, MRI)를 업로드 한 뒤 AI 모듈(이미지 프로세싱, 뉴럴네트워크) 과 연결하여 각 이미지의 질병의 유무를 판단하는 의료 연구 플랫폼입니다.

!https://s3-us-west-2.amazonaws.com/secure.notion-static.com/76472d64-872a-46f8-8e46-0b6a94650ff8/Untitled.png

Angular, Typescript를 주 언어로 사용했습니다. 작업 형태는 다음과 같습니다.

• 기획서를 바탕으로 필요한 CRUD API를 백엔드 개발자에게 요청하거나 받는다. (예) id로 특정 프로젝트 조회하는 (GET) API를 받음)
• 필요한 Service 파일을 만들고 메서드를 생성합니다.

// project.service.ts 
find(id: number): Observable<EntityResponseType> {
    return this.http.get<any>(`${this.resourceUrl}/${id}`, { observe: 'response' });
 }

• 위에서 생성한 Service 객체를 Component에 Injection합니다.

export class CreateProjectComponent implements OnInit, AfterViewInit {
project= [];
constructor(
    private projectService: ProjectService,
  ) {}
 
ngOnInit() {
		// 예시 project id가 3799인 프로젝트를 조회합니다.
		let id = 3799;
    this.projectService.find(id).subscribe(res => {
      this.project= res.body;
    });
	}
}

• response 받은 데이터를 확인합니다.

!https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a9b2f167-2fe7-428e-a0cb-806262d56450/Untitled.png

• 받은 데이터를 변수에 저장하고, 이를 Html 화면상에 필요한 데이터를 뿌려줍니다.

<div *ngIf="project !== null">
    <!-- name -->
    <h1>
      {{project.pjtNm}}
    </h1>
    <!-- id -->
    <p>{{project.id}}</p>
</div>