개발

REACT-CREATE-APP Parcel을 이용하여 빌드하기 parcel 설치 npm install -g parcel parcel 래퍼런스 리액트 가이드에따라 실행해봤다. (https://en.parceljs.org/recipes.html) parcel ./public/index.html 결과 × E:\Study\IntelliJ\parcel\public\index.html: URI malformed at decodeURIComponent () at HTMLAsset.resolveDependency (C:\Users\Leehuseung\AppData\Roaming\npm\node_modules\parcel-bundler\src\Asset.js:94:22) at HTMLAsset.addURLDependen..

axios 요청이용시 쿠키 set 실패 Axios를 이용해 토큰을 보내서 토큰 검증후에 쿠키에 로컬에 보내려함. Axios.post('http://localhost:9090/login',{ token : token, social_type : social_type widhCredential : true }).then(function(res){ }).catch(function(err){ }); Network에서 응답값에는 쿠키를 확인할 수 있는데, application 들어가서 보면 안보임.. 검색후에 다음과 같이 변경 Axios.post('http://localhost:9090/login',{ token : token, social_type : social_type },{ wi..

JSX html의 class는 예약어이기 때문에 className으로 대체한다. style은 객체를 이용한다. '-' 문자가 있는경우 CalmelCase를 이용한다 abcd 변수를 dom에 사용할 수 있다. function App(){ const text = 'abcd'; return( {text} ); } 객체를 dom에 사용할 수 있다. function App(){ const site = { name : "mysite", url : "localhost:3000" }; {site.name} } 특정 컴포넌트에 특정 css파일만 import해서 쓰기 파일명을 모듈명.module.css로 생성한다. 다음처럼 import할 수 있다. className은 다른 방식으로 사용해야한다..

1. async : true $.ajax({ url: 'url', type: 'POST', async: true }).success(function(response) { alert("callback 실행"); }) alert("ajax 종료"); ajax 종료 -> callback 실행 2. async : false (동기) $.ajax({ url: 'url', type: 'POST', async: false }).success(function(response) { alert("callback 실행"); }) alert("ajax 종료"); callback 실행 -> ajax 종료 페이지 로드시에 사용시 response가 올때까지 다음 라인으로 못넘어가기 때문에 로딩이 지연될 수 있음.

1. 특정 옵션으로 변경 $("#아이디").val("변경할값").prop("selected", true); 2. 선택된 옵션 value 반환 $('#아이디 option:selected').val(); 3. 옵션 변경시 Change 이벤트 $("#아이디").on('change',function(){ //선택된 value값 $(this).val(); }); 4. SelectBox 활성화/비활성화 //활성화 $('#external_user_mailbox_list').removeAttr('disabled'); //비활성화 $('#external_user_mailbox_list').attr('disabled','true');

1. 특정 id의 radio 체크로 변경 $('input[id="아이디"]').prop('checked',true); 2. name으로 묶인 radio의 특정 값으로 체크 변경 $('input:radio[name="NAME값"]:input[value="값"]').prop('checked',true); 3. 선택된 radio의 value 반환 $('input[name="NAME값"]:checked').val(); 4. radio 활성화/비활성화 //활성화 $('input[name="NAME값"]').removeAttr('disabled'); //비활성화 $('input[name="NAME값"]').attr('disabled','true');

1. 체크박스 체크로 변경 $('input[id="아이디"]').prop('checked',true); 2. 체크박스 해제 $('input[id="아이디"]').prop('checked',false); 3. 체크박스 상태 여부 true or false 반환 $('input[id="아이디"]').is(':checked'); 4. 체크박스 비활성화,활성화 //활성화 $('#아이디').removeAttr('disabled'); //비활성화 $('#아이디').attr('disabled','true');

ajax를 통해 넘어온 mysql result.regDate값 파싱 '+ new Date(result.list[i].regDate).format('yyyy-MM-dd')+''; let date = new Date(); let year = date.getFullYear(); let month = new String(date.getMonth()+1); let day = new String(date.getDate()); let week = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT']; let dayOfWeek = week[date.getDay()]; let selDate = year + "-" + month + "-" + day; let realPage = 1; D..