인프런 커뮤니티 질문&답변
작성한 질문수
style="width:@"값 넣는것 질문
해결된 질문
작성
·
537
답변 1
2
코딩웍스(Coding Works)
지식공유자
말씀하신데로 일관성을 위해서 인라인 스타일은 사용하지 않는 것이 맞습니다.
하지만 이번 예제에서는 2가지 이유로 인라인 스타일을 사용했습니다.
첫째, 인라인 스타일로 style="width:90%" 이렇게 간단하게 넣을 수 있는데 css에 코딩하면
.item:nth-of-type(1) .progress-level { ... }
.item:nth-of-type(2) .progress-level { ... }
.item:nth-of-type(3) .progress-level { ... }
.item:nth-of-type(4) .progress-level { ... }
이렇게 코드가 많아지는 것 때문입니다.
두번째, 만약 프로그레스 레벨이 유동적인 것이라면 개발자가 코드를 심어야 하는데 css 코드에는 심을 수가 없습니다.
그래서 html 태그의 속성으로 넣으면 개발 코드를 심어서 90%라는 텍스트와 style="width:90%" 를 연동시킬 수 있어서 그렇습니다.