회사의 전체 align 이 투명하게 공개가 되어야 한다.
bottom-up 에서 나오는 의견 수렴이 잘되거나 모두가 평등하여 의사표현이 잘되어야 한다. (직급제에서는 bottom-up에서 의사표현이 잘되지는 않는 상황. 일의 주체 및 배경지식은 위에서 진행되기 때문에 밑에 사람은 일부분의 일의 내용만 알게되고, 그 일부분안에서 고민을 하게되지만, 고민의 범위가 작아 창의적인 생각과 아이디어가 나올범위가 좁음. ) 모두가 평등하고 1에서 회사의 전체 align 이 나온다면 그 안에서 각자의 업무에 맞춰 고민을 하게 되고, 그 고민안에서 창의력이 나오게 된다.
가독 및 디자인을 위해서 노션앱으로 진행중입니다. feconf2020에서 만나요~ 바로가기
프로필 이미지처럼 이미지를 감쌀때 이미지가 큰 경우 기존엔
@mixin absolute-full($type:true, $num:0, $direction:none) {
@if($type==img) {
position: absolute;
top: -100%;
left: -100%;
right: -100%;
bottom: -100%;
margin: auto;
@content;
}
}
이런 방식을 써서 이미지를 가운데에 놓고 세로나 높이가 긴쪽을 기준으로 했었는데 이 방식을 하니 비율이 맞지 않는 이미지에서는 여백이 생기게 됬었다.
그래서 개선한것이
object-fit : cover;
인데 이건 ie11과 안드 4.4미만 버전에서는 적용이 안되고,
이 다음으로 개선된 것은
//html
<div className="img-cover">
<div className="image-wrapper" style=> </div>
</div>
//scss
.img-cover {
position: relative;
width: 150px;
height: 150px;
.image-wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
}
}
| png | svg | |
|---|---|---|
| 확대시 깨짐현상 유무 | o | x |
| 수정 가능 유무 | x | o |
| 용량 | 상대적으로 png > svg | |
| 미리보기 가능 | o | x |