320x100 728x90 분류 전체보기152 SpringBoot,React]스프링 실행시 리액트 서버 자동 실행 , 빌드시 같이 빌드하기 나는 지금 SpringBoot와 React를 통해 백엔드, 프런트엔드를 구성해서 샘플 프로젝트를 만들고 있다. 이 두 환경에서 프로젝트를 진행하다보니 spring boot 실행시키고 react에서 npm run start를 두 번에 거쳐서 실행시켜야 하는 게 정말 정말 매우 너무너무 귀찮았다. 난 스프링이 실행이 되면서 리액트 서버도 자동으로 켜지는 방법이 없을까 하다가 gradle의 build script를 작성하기로 마음먹었다. 일단 사전 준비는 다음과 같다. Spring boot gradle react 딱 이 3개면 된다. 그리고 package.json에 "proxy": "http://localhost:8080",를 추가하여 프록시 설정을 해줬다. 일단 내 프로젝트 구조는 이와 같다. fronten.. 2021. 8. 6. React,SpringBoot] index.js:1 Warning: validateDOMNesting(...): <h1> cannot appear as a descendant of <p>. at h1 at p at header at div at App (http://localhost:3000/main.5143fe28e33d775bbc5c.hot-update.js:37:83) spring boot와 react를 이용해서 샘플 TodoList를 만들려고 하다가 위와 같은 경고가 발생했다. 해당 경고는 리액트에서 발생했고, 콘솔창에서 확인할 수 있었다. 태그에서 문제가 있다고 경고가 발생했고, 그 안에 h1 태그가 문제였다. 서버에서 데이터를 받아와서 조건부 렌더링을 하는 부분이었는데, 태그는 인라인 요소인데 안에 h1 태그가 들어가 있어 오류가 발생했다. h1을 감싸는 p태그를 제거하니까 에러가 깔끔히 사라졌다. 2021. 8. 5. SQL] 쿼리로 페이지네이션 하는 방법 (페이징) 커뮤니티 게시판같은 곳에서 게시물이 10개씩 페이지로 이루어진 화면은 모두 많이 봤을 것이다. 이러한 게시물들은 보통 게시물을 최신순으로 10개 혹은 20개씩 페이지를 구성한다. 이럴경우 페이지의 인덱스를 같이 넘겨주면 동적 쿼리로 쉽게 해결이 가능하다. 자주 들리는 사이트를 예로 든다. http://www.gezip.net/bbs/board.php?bo_table=best 해당 URL에 접속하면 가장 최신으로 업로드된 순으로 게시물을 정렬하고 20개를 표시한다. 그리고 페이지를 붙여 2페이지면 다음 20개를 표시한다. http://www.gezip.net/bbs/board.php?bo_table=best&page=2 이런 형태를 쿼리로 나타내면 SELECT * FROM {table} ORDER BY {.. 2021. 8. 4. java,spring]twilio를 이용해서 전화솔루션 구축하기 (비상연락망) 현재 내가 다니는 회사는 24시간 라이브 서비스를 하는 곳이라 서버가 다운되거나 시스템에 장애가 생기면 이는 곧바로 매출로 직결된다. 그래서 이를 최소화하기 위한 솔루션 개발을 회사에서 요청받았다. 일단 우리의 목적은 이렇다. 기존에 서비스에 문제가 있음을 알려주는 API가 존재한다. 이는 알림,경고,위험 단계로 구분되며, 위험 단계에서 이 솔루션을 이용하여 항시 빠른 조치를 할 수 있도록 하기 위함이다. 메일 같은 알림 시스템은 Java Mail Sender로 쉽게 구현이 가능하지만, 전화만큼 피드백이 확실한 알림이 없다. 다른 솔루션도 많은 것 같기는 한데, 가장 유명한 twilio라는 서비스를 이용해서 구축할 것이다. 개발환경: JAVA 11 gradle 7.0.2 twilio 8.14.0 나의 A.. 2021. 6. 21. 이전 1 ··· 11 12 13 14 15 16 17 ··· 38 다음 300x250 320x100
