[Feature-socket-fix-fe] 이미지 사전 로딩을 위한 base64 인코딩 및 사용하지 않는 이미지 파일 삭제 #177
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
alsgud8311
approved these changes
Nov 30, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
작업 내용
해당 페이지는 네트워크 에러로 인해 소켓 연결이 끊어졌을 때도 보입니다. 네트워크가 끊긴 상황에서 페이지가 로드될 예정이기 때문에 사전로딩이 필요하다고 판단했습니다
svg를 사전로딩하기 위해서는 svg를 react component로서 가져와야 합니다. 이를 위해 svgr이라는 라이브러리를 설치하고 기본적인 설정 및 파일 변환을 진행했으나... (원본 파일 png -> svg로 변환)
원본 png의 화질이 높지 않아서인지 계속 깨짐 문제가 발생해 그냥 base64 인코딩을 사용하되 이를 다른 파일에서 import해 오도록 하였습니다 ㅠㅠ
논의하고 싶은 내용