IT Dev Log

Angular 앱- 15. 웹사이트 responsive 만들기 responsive란? 화면 사이즈에 맞게 웹사이트가 변경되도록 구성하는 것이다. 화면이 넓으면 화면 사이즈에 맞는 크기에 버튼과 배치가 되고, 모바일은 모바일 기기에 맞게 적용되는 화면 구성을 말한다. 모바일 스크린 사이즈에 맞게 CSS 값을 조정한다. 모바일 환경에 맞게 화면뷰가 변경된 것을 확인 끝..

Angular 앱- 14. 퀴즈 결과 share 하기 퀴즈 결과 공유하는 기능을 구현한다. ng-bind-html 기능을 사용해서 javascript 로 만들수 있다. 자바스크립트 추가 기존에 사용하던 icon 삭제 이메일로 공유하기 트위터로 공유하기 모든 테스트가 끝났으면 테스트 용을 만들어둔 result 영역을 삭제한다. 그러면 모든 문제가 끝나면 결과를 보여준다.

Angular 앱- 13. 퀴즈 결과 계산하기 모든 퀴즈에 대한 진행이 끝나면 Result 컨테이너를 active 시켜주면 된다. 결과 result 영역에 대한 css 추가 !important 는 다른 속성들 보다 우선 순위를 높게 주기 위함이다. 전에 question 의 수나 score 는 $scope 에 있기 때문에 percentage 만 계산하면 된다. index.html 로 돌아와서 result 부분을 수정한다. 실행결과 pecentage 를 소수점 1자리까지로 고정하기 위해서 .toFixed() 함수를 사용한다. 조금더 보기 좋은 포맷으로 변경했다. 끝.