1. 현재 진행 사항

22-08-17
Resoft 회사 사이트 리디자인 된것 만들어오기.
팀 명: 보람 3조

오늘은 다른팀과 더불어 완성된것을 공유하고 각자 소감을 댓글로 다는 날이였다.
그와 동시에 어제 조원들끼리 이야기 나누었던 피드백 부분을 수정해서 말씀드렸다.

• 서브 페이지 현재 열린 페이지엔 메뉴 이름에 cursor:pointer 스타일이 적용안되게 바꿈
• 햄버거 메뉴 클릭시 애니메이션 fade-in-out으로 바꿈

2. 어려웠던 점 및 해결방안

다른 조들것을 보고 캐시가 덜 다운받아지면 나타나는 로딩 스피너가 나타나는게 인상적인 조가 있었다. 이런 디테일한 면에 감탄했고, jquery로 작성하신건지 여쭤보니 그거랑 돌아가는 이미지를 적용하는 css를 추가해 넣었다고 하셨다.
그리고 로딩이 다 되면 안보이게 하는 것 까지 작성해 주셨다고 한다.

<div id="load"> <img src="../img/toco-common/loading.gif" alt="loading"> </div> $(window).load(function() { $('#load').hide(); }); #load{width:100%;height:100%;top:0;left:0;position:fixed;display:block;opacity:1;background:#fff;z-index:299;text-align:center} #load>img{position:absolute;top:50%;left:50%;z-index:300}

궁금해서 구글링 해보니 예전엔 일일히 하드 코딩했다면, 관련 라이브러리도 요새 잘나오고 있다는 내용이 나왔다.
자세한건 아래 링크에 적혀 있다.

출처: https://chobopark.tistory.com/188

3. 소감

디자인 시안이 나와있음에도 각자 조의 특성에 맞게 다양한 스타일이나 애니메이션을 적용시킨게 좋았고, 신기했다. 각자 나름대로 고충들도 많았으며 그럼에도 완성시킨 모습이 대단해 보이기도 했다.