Frontend/maskeyes
-
[React] How to stop refresh when submit formFrontend/maskeyes 2020. 3. 15. 03:11
리엑트에서 form을 submit 했을때 페이지 재실행 되지 않고 비동기 작업을 하는 방법. 먼저 나는 웹 개발 경험이 그렇게 많지 않다. 그래서 필요에 의해 한번씩 개발을 하게 될때면, 검색을 최대한 활용한다. 주소 검색 기능이 필요해서 작업 했던 과정(삽질?)을 남기고자한다. 아래는 bootstrap을 이용해서 Navigation에 Form을 가져왔다. 이동 여기서 시작이다. 이동 버튼을 누르면 submit 이벤트가 발생해 serachAddress 함수가 실행된다. searchAddress는 아래와 같이, 실행되면 input의 값을 dispatch 함수로 넘겨준다. searchAddress: (e) => { dispatch(mutations.searchAddress(e.target['inputAddr..
-
마스크 아이즈 - 공적 마스크 재고 확인 웹 서비스 개발 일지Frontend/maskeyes 2020. 3. 13. 20:49
React로 미니 프로젝트를 며칠째 진행중이다. (앞으로 더 할지 말지는..) 정부가 공적 마스크 재고 확인 API를 공개한다는 소식을 뒤늦게 접하면서, 갑작스레 시작하게 되었다. 아래 이미지는 현재 진행 상태이다. 짧은 시간 정말 많이 삽질을 했다. React의 개념도 제대로 잡혀있지 않은 상태로 무작정 시작 했으니 말이다.. 보일러플레이트도 몇번 갈아치운지 모르겠다. 맨처름 React-stater-kit 으로 진행했는데 url로 진입시 지도 로딩되는 시간과의 동기 문제인지 계속 에러가 나서 해결하려고 했지만 실패했다. (navigation을 통해 link로 들어가면 잘됐지만 원하지 않았다.) 그래서 react-naver-maps의 예제소스를 기초로 개발을 다시 시작했다. 여기서부턴 거의 정석 Reac..