# 211101 TIL

장기현장실습

PLSnote 이슈

#2731 대쉬보드 화면 추가 이슈 진행중 

• 버튼 UI 추가하는 파일이 총 16개 였는데 코드가 겹치는 부분이 많아 리팩토링 진행 
  • Issues: team_issues, project_issues 
  • Plans: team_plans, project_plans 

크게 4개의 파트로 코드를 작성했으며, map controller와 project controller를 각각 사용하여 총 8개의 파일로 축소 시킴, 부트스트랩 클래스 명을 적용시켜 전체적인 UI 모두 통일함  

• 토글 버튼을 클릭해서 콘텐츠가 나온 상태에서, 다른 토글 버튼을 누르면 다른 부분의 콘텐츠가 나온다. 이때, 기존 콘텐츠가 닫히게 되는데 토글 버튼도 같이 바뀌도록 코드를 수정중이다. 
  • 모든 토글 버튼을 배열로 담아와서 반복문을 돌린다. 그래서 이벤트 타겟과 일치하지 않고 fa-angle-up이면 fa-angle-down으로 바꿔준다.

    [...document.getElementsByClassName("open-content-icon")].forEach((el) => {
    	if ((el !== event.target) && el.classList.contains("fa-angle-up")) {
    		el.classList.replace("fa-angle-up", "fa-angle-down");
    	}
    });
    el.classList.add('animated', 'rotateIn');

  • 토글 버튼 애니메이션 관련 이슈 발생
    • 관계 없는 토글에서 애니메이션이 적용되는 문제

 

 

AWS 관련 미팅

허니비즈 계정 기준 AWS에 현재 지불하고 있는 내용과 필요없는 지불을 줄일 수 있는 방법에 대한 미팅 

• EC2, ECS에 가장 많은 비용이 발생되고 있는데, 이 부분은 사용하지 않는 인스턴스를 줄이던가 규칙을 수정하면 줄일 수 있음 
• 서포트와 관련한 지불 - 현재 단계 비지니스 
  • 어떤 장애가 발생했을 때 메가존으로 기술적인 문의할 수 있음 그러면 장애가 왜 발생했을지까지 알려줌  
• CloudTrail – api 활동 로그를 남기고 이를 저장해두는 비용 
  • 디버깅용으로 잠깐 기간을 잡으면 되는데 기간이 길게 잡혀 있어서 비용이 발생하는 것으로 보임 
• CloudWatch - 로그 비용 
  • 수집하는 메트릭값이 많음 
• Waf - 웹 방화벽 관련 비용 
  • 규칙 세팅에 따라 발생함