-
Notifications
You must be signed in to change notification settings - Fork 0
3️⃣ 주차 계획
Gyeungil Choi edited this page Jan 20, 2025
·
4 revisions
📅 기간: 2025.01.20(월) ~ 2025.01.23(목)
리렌더링 개선(사용자 가이드) + 다국어 적용
- Why? : 불필요한 리렌더링은 DOM 업데이트와 계산 비용을 증가시켜 브라우저 성능에 부담을 줍니다. 이는 사용자 경험에 큰 영향을 미치며, 프로젝트 전반적으로 리렌더링 최적화가 필요한 상황입니다. 우선 담당했던 사용자가이드부터 개선하고자 합니다. 또한 Blockly 커뮤니티에 서비스를 홍보하고 글로벌 사용자들의 접근성을 높이고자 다국어를 적용하여 서비스의 유연성과 완성도를 높이고자 합니다
워크스페이스 페이지에서 css 속성 설정 시 헤더 컴포넌트도 리렌더링되는 현상 + CSS 속성 툴팁 렌더링 시 모든 CSS 속성 편집 컴포넌트가 리렌더링되는 현상 해결
- Why? : 현재 Boolock 프로젝트에서 불필요한 리렌더링이 발생하는 현상이 많이 발견됨. 리렌더링은 브라우저의 성능 저하의 주 원인임. 만약, 불필요한 리렌더링으로 인해 성능이 저하된다면 프로젝트의 완성도를 해칠 뿐만 아니라 사용자 경험을 저해하는 원인이 되어 필요한 부분만 리렌더링하고자 함
CSS 속성 편집 컴포넌트 코드 리팩토링 진행
- Why? : CSS 속성 편집 컴포넌트의 가독성이 다소 떨어짐. 이는 프로젝트 생산성 저하 및 소프트웨어공학의 관점에서의 코드 악취의 원인이 됨. 코드 분리 및 리팩토링을 통해 해당 문제를 해결하고자 함
자동 저장 구현.
- Why? : 브라우저 내부 구조와 네트워크에 대해 공부할 수 있어서.
서비스에 HTTP/3.0 적용
- Why? : 이전에 HTTP/2.0을 도입하며 성능을 개선한 경험이 있는데, 이를 바탕으로 HTTP/3.0의 QUIC 프로토콜을 비교 분석하며 적용해보고 싶다.
코드 하이라이팅 코드 품질 개선.
- Why? : 코드 하이라이팅 관련 코드가 복잡하고 가독성이 떨어져, 오랜만에 보면 나도 어떤코드인지 모르겠었다. 이를 해결하기 위해 명확한 코드 품질 기준을 정립하고, 이를 기반으로 코드를 개선하여 누구나 쉽게 이해할 수 있는 구조로 만들어 유지보수성을 높이는 경험을 가져가보고 싶다.
블록리 라이브러리 커스터마이징 코드 개선
- Why? : 블록 모양 커스터마이징 부분에서 하드코딩 한 부분도 있고, 블록의 옵션을 추가하면 기존 블록리처럼 옵션이 자연스럽게 배치되지 않고 블록 모양이 깨지게 된다. 코드를 개선해서 하드코딩된 부분을 없애고, 옵션 추가를 자유롭게 하여 추후 블록의 옵션이 확장되거나 활용되기 싶게 하여 개발의 효율성을 높이는 것이 목적이다.