본문 바로가기

개발/Front-end

[Springboot/Thymeleaf] thymeleaf 사용 기록 Thymeleaf a 태그 href 에 get 요청 url 삽입 Click! 위 코드는 @GetMapping("/calandar") public String example(@RequestParam(value="month", required=false) String reqMonth, @RequestParam(value="year", required=false) String reqYear) { ... } 이 controller 와 매칭된다. ${currentmonth} 이렇게 작성하면 서버에서 넘겨주는 값을 링크에 포함시킬 수도 있다. 그 옆 ${currentyear-1} 은 currntyear(숫자타입으로 넘어온다면)에서 1값을 빼준다. 조건에 따라 다른 텍스트 출력 spring boot에서 주어진 값에 .. 개발/Front-end 2019. 5. 15.
[React Native] JSONP 파싱 (도로명주소 API) http://www.juso.go.kr/addrlink/devAddrLinkRequestGuide.do?menu=roadApi 의 주소 검색 API를 연동하려고하는데, 자꾸 JSON 파싱이 안돼서 엄청 헤맸다. 예제 중,/* 파일명 : apiSampleJSON.jsp 내 용 : 웹 ↔ 도로명주소 검색API 방식(검색결과형식 JSON) 비 고 : 크로스도메인으로 인한 jsonp 이용, 검색결과형식 JSON 추가(2016.10.14) 검색결과형식을 XML로 받는 경우, 웹 호출 소스보기(XML)을 참고하시길 바랍니다. */ 라는 주석을 보고 JSONP 파싱으로 구글링 한 결과 https://stackoverflow.com/questions/41146650/get-json-from-jsonp-fetch-pro.. 개발/Front-end 2018. 12. 18.
[React Native] 그림판(서명란) https://www.npmjs.com/package/react-native-signature-capture 적용 결과 서명란 { this.resetSign() } } > 다시입력 개발/Front-end 2018. 11. 27.
[React Native] react-native-navigation 화면넘기기 React Native + react-native-navigation 화면넘기기패키지 구조(src 아래) Referencehttps://github.com/wix/react-native-navigation/tree/v2/playground/srchttps://wix.github.io/react-native-navigation/#/docs/screen-api 간단히 Component를 쌓고 지우는 메소드 두개만! 이거 외에도 더있다(2번째 레퍼런스 확인) 먼저, Components가 Stack으로 쌓이는 개념 push() -> 새 Component를 쌓음 Navigation.push(this.props.componentId, { component: { name: 'example.PushedScreen', .. 개발/Front-end 2018. 11. 23.
[React Native] React Native Navigation 환경 구축하기 (WebStrorm, Window) React-Native + react-native-navigation 환경 구축 개발환경WebStorm npm 6.4.1node 10.13.0Android Studio Emulator API 26 x86Referencehttps://wix.github.io/react-native-navigation/#/docs/Installing?id=npm 의 전 과정을 따라합니다.1. File > New > Project > React Native > Create 2. Terminal > react-native upgrade(안하니까 오류났다)react-native upgrade 3. Terminal > react-native-navigation 설치 npm install --save react-native-navi.. 개발/Front-end 2018. 11. 23.
[React.js/Spring Boot] App.js function httpRequestTest(){ return fetch('ip:port/api') .then((response) => response.json()) .then((responseJson) => { alert(responseJson.test); return responseJson.test; }) .catch((error) => { alert(error); console.error(error); }); } @GetMapping("/api") public Map api() { Map data=new HashMap(); data.put("test", "value"); return data; } localhost 통신 시, localhost나 127.0.0.1 이 아닌 IPv4로 작성.. 개발/Front-end 2018. 11. 21.
[javascript] button disabled 변경 - disable 속성을 추가할 때 document.getElementById('nameCheckBtn').setAttribute('disabled',true); - disabled 속성을 제거할 때*setAttribute("disabled",false) 는 안먹는다* document.getElementById('nameCheckBtn').removeAttribute("disabled"); 개발/Front-end 2018. 10. 24.
[JSP] 동적으로 시간표 작성하기 - jSP, Spring 목표: spring단에서 넘겨주는 ScheduleDTO 배열을 전달 받고 해당 된 요일과 시간의 칸에 색 입히기. 방법1) ScheduleDTO 객체는 간단하게 int 타입의 요일과 시간을 넣는다. 요일은 월요일 0부터 6까지로 정의한다. 2) db에서 불러올 때 한 주의 데이터만 불러오고 정렬은 요일 기준 오름차순 한계 내 프로젝트의 경우 PT일정이기 때문에 하루에 두번의 일정이 들어갈 수 없어서 문제가 되지는 않지만 만약 하루에 다수의 스케줄이 있을 수 있다면 이 방법은 먹히지 않는다. 시간 월 화 수 목 금 토 일 개발/Front-end 2018. 9. 3.

티스토리툴바