React 게시판 예제 4단계 Router 설치 및 구성
페이지를 이리저리 이동하는 것이 아니라 현재 페이지에서 컴포넌트만 바뀌도록 하는 방식을 사용하기 위해 Router 설치와 구성을 해줍니다. react-router-dom 설치 해당 프로젝트에서 cmd창을 열어서 아래의 명령어를 입력하여 설치합니다.npm install react-router-dom 설치가 …
Life hacks Tips
페이지를 이리저리 이동하는 것이 아니라 현재 페이지에서 컴포넌트만 바뀌도록 하는 방식을 사용하기 위해 Router 설치와 구성을 해줍니다. react-router-dom 설치 해당 프로젝트에서 cmd창을 열어서 아래의 명령어를 입력하여 설치합니다.npm install react-router-dom 설치가 …
React 게시판 화면 개발에 앞서서 먼저 화면에 필요한 데이터를 제공하는 서버를 연동하기 위한 구조를 잡아보겠습니다. 서버연동 서비스용 폴더구성 vscode에서 React 프로젝트 폴더를 열어서 서버 연동할 서비스들을 모아둘 폴더를 만듭니다.src에서 우클릭 …
게시판 개발에 앞서 사전작업으로 React 설치 방법과 실행 방법에 대해서 설명드리겠습니다. React 프로젝트 만들기 프로젝트 명을 정하여 설치 명령어를 통해서 React를 설치해줍니다.cmd 창을 띄워서 npx create-react-app 프로젝트명 을 입력해 줍니다.npx명령어를 …
React 게시판 만들어보기 위해 제일 먼저해야 하는 1단계로 윈도우에서 개발을 할 수 있는 환경 구성을 해보도록 하겠습니다. 개발 영역별로 크게 나눈다면 백엔드와 프론트엔드로 나눌 수 있고 각각의 영역에 맞는 환경 …
nginx 실행시 bind() to 0.0.0.0:80 failed 라고 에러가 발생하였을 경우 80 포트가 이미 사용중인 것이 문제가 되어 nginx 실행 실패가 되는데 해결법을 알려드립니다. 사용중인 포트확인 nginx 는 기본 80포트를 사용하니까 …
Dbeaver 사용 중 새로 설치하거나 등등의 이유로 연결정보를 백업 복원해야 될때 사용할 수 있는 내보내기와 가져오기 방법을 알려드립니다. 프로젝트 내보내기 상단 메뉴중 파일 > 내보내기 순으로 진입합니다. 내보낼 항목중 프로젝트를 …
aws에 워드프레스를 설치하고 나서 IP로 접속하던 것을 도메인 주소로 접속하기 위해 도메인 설정 방법 2가지를 알려드리고자 합니다. 도메인 구매 국내 또는 해외 사이트에서 도메인을 구매하실 수 있습니다.국내에서 많이 이용하는 도메인 …
DBeaver 를 이용해서 테이블과 데이터를 다른 DB로 이관하는 방법을 알려드립니다. DBeaver 데이터 내보내기 원본 DB 에 접속하여 이관 하고자 하는 테이블을 선택하여 우클릭 합니다.기능 메뉴가 나오면 데이터 내보내기를 선택합니다. Export …
IntelliJ 에서 서비스 기동하던 중 finished with non-zero exit value 1 에러가 발생시 해결방법을 공유합니다. finished with non-zero exit value 1 에러 Gradle 빌드 사용 중 IntelliJ 에서 서비스 기동할 …
잘 쓰던 postman이 갑자기 실행하다가 꺼져서 실행이 안되는 현상이 있는데 해결방법에 대해 알려드립니다. postman.exe 중지 후 재실행 실행이 되는 것처럼 화면에 나오다가 실행이 안되는 현상이면 우선 작업관리자를 확인합니다.ctrl+alt+del 을 눌러서 …