분류 전체보기 (86) 썸네일형 리스트형 math.round를 통해 소수점 표현하기 Math.round(numbers.value * 10) / 10; Math.round(numbers.value * 10) / 10; // 소수점 한자리 Math.round(numbers.value * 100) / 100; // 소수점 두자리 Math.round(numbers.value * 1000) / 1000; // 세자리 표현하고싶은 자릿수에 따라 * 100, 1000 등으로 변경하면 된다. javascript 대괄호 벗기는 문법 ...(점세개) const aaa = [{a, b, c}] 이런식으로 있으면 const bbb = { ...aaa[0]} 이렇게 겉의 대괄호를 벗겨줄 수 있다 이런 방식을 통해 여러 array를 합치는데 응용이 가능하다. 식을 줄여주는 마법같은 점 세개. 쓰면 쓸수록 편하다. 예를 추가로 들자면 const 과일 = { 사과, 귤 } 여기에 포도를 넣은 과일2를 만들자면 const 과일2 = {...과일, 포도} 이렇게 간단하게 넣을 수 있다. 게다가 깊은 복사도 해주는 점 세개.(완전한 깊은 복사는 아니지만 자주 사용한다. 꼭 필요할 때는 lodash를 더 사용) 효자가 아닐 수 없다. css로 위치 가운데 맞춤 position: absolute; top: 50%; transform: translateY(-50%); 부모에는 position: relative 넣어주시면 위치 겹치게 할 수 있습니다. 부모요소의 height, width값도 잘 체크할 것. top과 left를 동시에 먹여야 할 경우 position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 혹은 이런식으로 display:flex를 주고 justify와 align-items로 조절할 수 있다(혹은 align-content). 이는 크롬창에서 개발자 도구(F12)로 들어가서 이것저것 눌러보면서 바꿀 수 있음. 위의 flex옆의 바둑같은 버튼을 클릭하면 이런식으로 어떤걸 선택하겠냐.. css Padding, margin 튀어나오지 않게 하기 .aa{ padding: (20px 20px 0 20px); box-sizing: border-box; } 이런식으로 box-sizing:border-box;를 넣으면 범위를 초과하지 않습니다. 그리고 gap 을 함께 사용하면 옆간격도 띄우고 요소들간에 간격도 벌릴 수 있어요. 단 border: 1px solid rgb(36, 49, 65); 처럼 테두리를 적용시키려고 하는 경우에는 해당 div에 패딩을 하면 보기가 안좋아지죠. ㅋㅋ 이럴 경우는 해당 div의 부모 div에 gap, padding, box sizing을 넣어주면 됩니다. :) margin의 경우는height, width를 auto를 이용하면 조절이 됩니다. 그리고 border-left 같은 것을 한쪽에 넣으면 크기가 커져서 또 안맞게 되.. ag-grid 가로 세로 색칠 column, row 색깔 변경 .ag-row-hover { /* putting in !important so it overrides the theme's styling as it hovers the row also */ background-color: #dfdfff !important; } .ag-row-hover { /* putting in !important so it overrides the theme's styling as it hovers the row also */ background-color: #dfdfff !important; } .ag-column-hover { background-color: #dfffdf; } aggrid에서 마우스를 올려두면 색깔이 변하게 하는 옵션. 또한 글자의 색깔을 바꾸고 싶다면 { hea.. ag-grid 에서 AgGridColumn에 반올림 값 적용시키기 valueFormatter: function (params) {return params.value.toFixed(2) ;} 이 식을 넣으면 됩니다. cellStyle={{ color: "rgb(180,120,255)", display: "flex", textAlign: "center", alignItems: "center", valueFormatter: function (params) { return params.value.toFixed(2); }, 어디에 넣냐면... cellstyle 안에 넣어도 작동이 되더군요 바깥에 적용시키려 한참 끙끙거리다가 안쪽에 넣으면 작동함을 발견. 이전 1 ··· 8 9 10 11 다음
