Front-End
-
sass-loader 설정시 에러(작성중)Front-End/React 2019. 2. 11. 11:41
리액트를 다루는 기술책을 따라하면서 에러나는 부분이 있어서 포스팅을 남긴다. create-react-app v2가 작년 9월말 10월초에 업데이트 되면서기존에 책으로 나왔던 부분들이 달라져서 에러가 났다. https://velog.io/@velopert/react-component-styling Header.scss에서 @import 'utils';부분에서 webpack.config.js에서 sass파일설정부분이 바뀌었다. { test: sassRegex, exclude: sassModuleRegex, use: getStyleLoaders( { importLoaders: 2, sourceMap: isEnvProduction && shouldUseSourceMap, }, 'sass-loader' ).con..
-
bxslider modal popup problem in javascriptFront-End/javascript 2018. 11. 20. 15:00
모달 팝업으로 띄울때 bxslider가 잘 작동을 안함 수정후 현재까진 잘 작동하는거 같음 모달이 있는 화면에서var slide = '';$(document).ready(function(){slide = $('ul.list-layoutSelect').bxSlider(); }); 모달팝업이 띄워지는 소스setTimeout(function(){ apiLayout();}, 500); 모달이 있는 화면function apiLayout() {slide.reloadSlider( {slideWidth:150,mode: 'horizontal',// 가로 방향 수평 슬라이드speed: 1000, // 이동 속도를 설정pager: false, // 현재 위치 페이징 표시 여부 설정moveSlides:6, // 슬라이드 이..
-
dynamically add rows in jarvisWidgetsFront-End/javascript 2018. 11. 11. 12:33
smart admin을 사용하면서 동적으로 div를 추가 해야하는 작업이 있음 jarvisWidgets을 사용해서 div의 옵션들을 적용시킴 동적으로 div를 추가해주더라도 옵션이 적용이 안된다. 먼저 기존 옵션을 삭제해주고 다시 옵션을 먹여주면 된다. $("#widget-grid").jarvisWidgets('destroy'); $('#widget-grid').jarvisWidgets({grid : 'article',widgets : '.jarviswidget',localStorage : localStorageJarvisWidgets,deleteSettingsKey : '#deletesettingskey-options',settingsKeyLabel : 'Reset settings?',deletePos..
-
selectbox in javascriptFront-End/javascript 2018. 11. 1. 18:47
Apple Pear Banana Orange 1. id로 값 세팅하기var x = document.getElementById("mySelect");x.selectedIndex = 1; -> Pear값이 세팅됨 2. id로 선택된 값 가져오기var x = document.getElementById("mySelect");var indexS = x.selectedIndex;console.log( x.value ); -> Pearconsole.log( x.options[indexS].text ); -> Pearconsole.log( x.text ); -> undefined 3. name으로 값 세팅하기var y = document.getElementsByName("mySelect")[0];y.selectedIn..
-
radio in javascriptFront-End/javascript 2018. 11. 1. 18:00
매번 할때마다 헷가리는 element들 값 가져오기 1. id로 값 가져오기 var x = document.getElementById("myRadio").checkedvar radioValue = x.value; 원하는값 세팅하기document.getElementsByName('colors')[0].checked = true; 2. 이름으로 값 가져오기 var x = document.getElementsByName("myRadio"); var result = ''; for(var i=0, max=x.length;i