nubes mount 구조 변경.

[Chris940915]

Nubes fuse mount 구조 변경

[ 원래 시스템 구조 ]

• Front에 Response로 이미지가 Nubes에 저장된 경로를 받는다.
• Nginx에 Proxy가 설정되어 Front에서 Nubes의 해당 경로로 접근.

[ 처음 생각한 구조 ]

• Front에 Response로 본래 저장된 경로 대신에 해당 경로의 Nubes에서 데이터를 GET하는 메서드를 받는다.
• 여전히 경로 노출.
• 불필요한 경로 포함.

[최종 구조]

<img src={`data:image/jpeg;base64,${result.image}`} alt={result.hintset.name} loading='lazy'/>

• Front에서 GET 메소드를 호출하는게 아니라 완전히 Backend 에서 GET 을 끝내고 이미지 데이터를 Byte array (Base64 encoding)으로 보냄.
• 경로가 노출 안된다.
• 대신에, 전송하는 데이터의 양이 증가하므로 Network Bandwidth 때문에 속도에 이슈가 생김.

[Chris940915]

Base64란 Binary Data를 Text로 바꾸는 Encoding(binary-to-text encoding schemes)의 하나로써 Binary Data를 Character set에 영향을 받지 않는 공통 ASCII 영역의 문자로만 이루어진 문자열로 바꾸는 Encoding이다. Base64 Encoding은 Binary Data를 Text로 변경하는 Encoding이다. Binary Data를 6 bit 씩 자른 뒤 6 bit에 해당하는 문자를 아래 Base64 색인표에서 찾아 치환. Base64 Encoding을 하게되면 전송해야 될 데이터의 양도 약 33% 정도 늘어난다. 6bit당 2bit의 Overhead가 발생하기 때문