11일차 개발일기

최소의 디자인설계를 얼추 완성하였다.

이제는

config파일을 만들어

별갯수별로 그리고 직업별로 챔프를 세팅해놓은다음

해당 챔프이미지를 자동으로 불러오도록 만든다.

그리고 챔프네모에는 해당 별속성 및 챔프이름을 자동으로 이미지안에 넣는것까지 해야겠징..

추후 시즌이 바뀌어도 config만 변경하면

자동으로 세팅되기 위함.

회사 웹구현할때는 그리드같은거 만들때 비율같은걸 하드코딩했었는데,

생각보다 css 속성만 잘 사용하면 자동 화면에 맞게 그리드로 들어가지넹...

추후 회사코드도 수정해야겠다........... 후..............

그땐 웹 아무것도 모를때라 될지 안될지도 모르는 상황에

직감으로 이렇게 하면 돌아는 가겠지라는 생각을 가지고 짜서 그렇다..

.card {
    margin : 10px;
}

.image-grid-container {
    display: grid;
    /* For 4 columns */
    grid-template-columns: auto auto auto auto;
}

.image-grid-container img {
    width: 100%;
    padding: 2px;
}

화면에 맞게 자동 정렬해주는게

이게 내가 사용한 전부이다.