[TIL] 2020.02.15 (토)

1. SVG

 - svg는 웹에서도 벡터 이미지를 사용할 수 있게 해준다.
 - 비트맵 vs 벡터 
    비트맵 : 확대 시 이미지 깨짐 
    벡터 : 확대 시에도 이미지 깨지지 않음

 - 이미지 품질이 저하되지 않아서 좋음

 - 하지만, IE8 이하에서는 동작하지 않음

 - CSS를 조작할 수 있으므로 이미지에 대한 애니메이션 효과 등을 줄 수 있다. 

 - Inline으로 SVG를 쓰고 싶으면, SVG 아이콘 다운받은 후 VSCode와 같은 에디터에서 열면 path 를 알 수 있다. 

https://svgontheweb.com/ko/

 

2. 2차 프로젝트 

 - 메인 슬라이더 height 조정, My Page 구현, 회원가입 페이지 만들었음 

 - 원래는 요즘 싸이트 느낌(?)으로, 화면에 많은 요소를 싣지 않으려고 했는데, 선생님이 포트폴리오에 메인 화면 캡쳐가 들어가니까 메인 화면에 무조건 꽉 채우라고 하셔서 메인 슬라이더 height도 좀 줄이고 퀵메뉴도 넣어보려고 한다. 

 

3. 기타

 - 예전에 일할 때 svg 파일을 써야 할 일이 있었는데 당시에 svg 파일을 처음봐서 당황했던 기억이 있다. 당시에 '이게 뭐야' 하고 그냥 png를 썼던 것 같은데 그렇게 어려운 개념이 아니었구나. 역시 뭐든 알아보고 직접 만져봐야 개념이 와닿는 것 같다.