DEV
-
Bootstrap 설치 및 사용하기DEV/javascript 2022. 2. 21. 11:41
* 옛날 버전으로 인해 적용이 안되던 것을 수정함. (2022. 05. 03) Bootstrap은 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크이다. 다운로드는 하단 링크를 참조하자. 다양한 설치 방법을 제공한다. 1. "최소화된" 이라 그런가 적용 안되는게 있다. http://bootstrapk.com/getting-started/ (그냥 버전이 낮아서 그랬다... 아래 링크를 사용하자...) https://getbootstrap.com/docs/5.1/getting-started/introduction/ Introduction Get started with Bootstrap, the world’s most popular framework for building respon..
-
Toast grid 함수 및 이벤트 예시DEV/javascript 2022. 2. 17. 15:56
Toast grid를 사용하면서 가장 많이 쓴 이벤트와 함수를 남겨 두려고 한다. https://nhn.github.io/tui.grid/latest/Grid https://nhn.github.io/tui.grid/latest/Grid/ Occurs when the grid data is updated and the grid is rendered onto the DOM The event occurs only in the following API as below. 'resetData', 'restore', 'reloadData', 'readData', 'setPerPage' with 'dataSource', using 'dataSource' PROPERTIES nhn.github.io 공식 페이지에 아주 ..
-
Javascript Toast grid 예시DEV/javascript 2022. 2. 16. 17:28
기존에 작성하였던 그리드 예시가 가독성이 좋지 못하여 새로 작성하였다. 사실 이 글이 이렇게 많이 볼 줄 몰랐다... 기존에 작성한 내용은 하단에 그대로 남겨 두었으니 옛날 글을 보고싶다면 스크롤을 내리면 된다. 간단한 Toast grid 예제는 다음과 같다. sample.html sample.js const initGrid = () => { // 그리드 객체 const Grid = tui.Grid; /** * Grid 테마 커스텀 * Grid.applyTheme('striped', {...}) : * @param {String} default : 프리셋 (기본) * @param {String} striped : 프리셋 (줄무늬) * @param {String} clean : 프리셋 (클린) * - pr..
-
Javascript 물음표 연산자와 물음표 두개 연산자 (? 연산자와 ?? 연산자)DEV/javascript 2022. 2. 15. 17:31
성격 급한 사람들을 위해 결과부터 1. ? [ 조건 ] ? [ 조건이 참인 경우 ] : [ 조건이 거짓인 경우 ] 2. ?? A ?? B, A 가 Null 또는 Undefined인 경우 B를 사용 개발을 할 때 검색이 참 여렵다고 느낀다. 본인의 경우 Javascript 에서 ? 와 ?? 문법을 찾을떄 물음표 연산자 또는 물음표 두개 연산자라고 검색하여 찾게 되었다. 찾아 보니 ?는 Conditional (ternary) operator, ??는 Nullish coalescing Operator 라고 부르는 듯 하다. 참 여럽다... 아무튼 두 연산자에 대해 알아보자. 샘플 HTML false true 물음표( ? ) 연산자 (Ternary operator) test.js "use strict" cons..