Log 8/16

Dev log

오늘은 컴포넌트가 비율에 맞게 조정되게 구현하는 시도를 했다. 컴포넌트에 자바스크립트 파일을 append해서 동작할 때 확대 축소로 인해 정해진 크기가 변하게 되는 상황이 생겨서 그 부분을 수정하는 작업을 시도했다. 정해진 px 크기는 화면을 확대하거나 축소했을때 페이 전체의 픽셀 크기가 달라지기 때문에 화면에 많이 차지하기도 하고 적게 차지하기도 한다. 이런 상황 때문에 비율로 맞춰서 레이아웃을 만드는게 필요했다. canvas의 가로세로는 vw, vh로 맞춰서 확대 축소를 해도 화면에서 벗어나지 않게 크기를 맞췄다. 하지만 그 정렬은 계속 아래로 내려가는 현상이 보였다. 이부분은 flex-end로 맞춰논 정렬 때문인것 같은데 이부분이 아직 원인과 해결방법을 찾지 못했다. 반응형으로 페이지를 만드는 부분이 정말 많은 케이스를 고려해야하는 것임을 알게되었다. 화면 해상도, 크기 등을 바꿔가면서 만들어가는데 쉽지 않았다. 내일은 이 부분을 다 완성해볼것이다.