반응형
[동아리 소개 페이지 만들기] 6. 성능개선
개인 project/EC 홈페이지 만들기2024. 2. 10. 17:46[동아리 소개 페이지 만들기] 6. 성능개선

1. 문제점 이미 구현은 끝났지만 페이지의 렌더링 속도가 약 5초정도 나와서 성능개선이 필요해 보였다. 회의 결과 성능 웹페이지의 성능 개선은 두 가지 부분에서 가능할 것 같았다. 첫 번째 문제점 이미지 파일들이 조금 무거워서 렌더링 시간의 대부분을 차지하는 것이었다. 특히 슬라이드의 이미지들이 많은 페이지들이 문제였다. 한 친구가 이미지 렌더링 부분을 맡기로 했다. 두 번째 문제점 은 지원서의 form부분에 textarea와 input 태그들이 useState를 통해 onChange 이벤트가 발생할 때마다 값이 리렌더링되고 있어서 불필요한 렌더링이 일어난다. 이렇게 useState로 상태를 관리하는 것을 제어 컴포넌트라고 한다. 2. 성능 개선 사항들 이미지 렌더링 속도 개선 먼저 jpg, png에서 ..

[동아리 소개 페이지 만들기] 1. 페이지로드맵 설계하기
개인 project/EC 홈페이지 만들기2024. 2. 7. 17:38[동아리 소개 페이지 만들기] 1. 페이지로드맵 설계하기

1. 홈페이지 설계 기본 페이지의 구성은 다음과 같다. 선배들이 만든 페이지, sopt, Mash Up, 프로그라피 등 많은 IT동아리의 웹페이지의 구성을 참고하였다. 역대 동아리 선배들이 만든 동아리 소개 페이지 다른 IT연합 동아리의 웹페이지 회의 결과 공통된 결론이 처음 보는 사람 입장에서 정보들이 한눈에 들어와 무슨 페이지인지 바로 알 수 있도록 하는 것이었다. 실제로 참고한 여러 IT동아리들도 이렇게 한 것을 알 수 있었다. 이를 바탕으로 회의에서 웹페이지의 기본 구조와 페이지별 로드맵을 설계하였다. 회의 결과 도출된 웹페이지 기본 구조 웹페이지는 는 일반적으로 로 구성되어 있다. 회의 결과 도출된 웹페이지 로드맵 Home: 동아리에 대한 전반적인 내용을 소개 페이지이다. → 동아리의 main ..

728x90
반응형
image