분류 전체보기 (37) 썸네일형 리스트형 [React] 공적 마스크 프로그램 만들기 이제는 한풀 꺽인! 하지만 안심할 수 없는 마스크 대란! 정부에서 열어준 Rest Api Server 와 React 로 만들었던 "공적 마스크 프로그램" 을 소개해보겠습니다. (너무 건방진것 같아서 앞으로 반말은 생략하기 위해서 수정 ㅠㅠ...) 소스 코드를 블로그 내에서 보여주지 않은 이유는 소스 코드가 복잡하거나 어려운 것은 없지만 제가 설명을 하면서 잘못된 정보를 전달할 수 있다는 생각에 깃허브 레파지토리 주소로 대체하였습니다. 또한 이번 개발은 정부에서 제공해주는 서버를 사용할 수 있었던 개발로 GitHub Pages 를 이용하여 실제로 프로그램을 확인할 수 있도록 하였습니다^^ 이점이 개발하면서 가장 좋았던 점이었습니다! 그리고 필터의 기능으로 거리 뿐만아니라 공적마스크 판매점 분류 및 재고에 .. [Git] Commit & Push Command 이건 해줘야 하는 건가? echo "# repositoryName" >> README.md 1. README.md 파일을 생성하지 않은 경우 1-1) 해당 폴더를 로컬 저장소로 지정 git init 1-2) README.md 파일 추가 git add README.md 1-3) README.md 파일 commit git commit -m "initial commit" 1-4) 원격 저장소 연결 git remote add origin 원격저장소주소 1-5) README.md 파일 PUSH git push -u origin master 2. Project 파일 2-1) 해당 폴더를 로컬 저장소로 지정(원격 저장소 최초 생성 후 README.md 파일을 생성하지 않은 경우 이미 진행하였을 것이므로 생략) git.. [React] Create React App 알아둘 것. 1. Create React App 프로젝트 생성 및 실행 npx create-react-app project-name cd project-name yarn start(or npm start) 2. Reactstrap 설치 npm install --save bootstrap npm install --save reactstrap react react-dom 3. React-router-dom 설치 npm install --save react-router-dom npm install react-router-dom --save 4. Redux & React-Redux 설치 npm install --save redux npm install --save react-redux 5. Redux Thunk 설치 npm.. [React + SpringBoot] To-do List 만들기 - (3) [React + SpringBoot] To-do List 만들기 - (1) [React + SpringBoot] To-do List 만들기 - (2) [React + SpringBoot] To-do List 만들기 - (3) 리액트로 만든 Front-end 와 Spring Boot 로 만든 Rest Api Server 를 연결해 보는 작업을 시작하겠다. 1. 화면 파일 수정 1) package.json 파일 수정 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속할 수 있도록 프록시 서버(Proxy Server) 를 설정해준다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 3.. [React + SpringBoot] To-do List 만들기 - (2) [React + SpringBoot] To-do List 만들기 - (1) [React + SpringBoot] To-do List 만들기 - (2) [React + SpringBoot] To-do List 만들기 - (3) 리액트로 만든 Front-end 에 Spring Boot 를 이용하여 Rest Api Server 를 만들어 볼 것이다. 우선 Rest Api Server(Back-end) 에서는 '오늘 할 일(To-do)' 목록 출력 및 To-do 추가, 수정, 삭제의 기능만 제어하도록 구성한다. 기회가 된다면 사용자 및 그룹을 등록하여 그룹간의 To-do 를 공유할 수 있도록 수정하도록 하겠다. 1. Spring Initializr 를 이용하여 Project 생성하기 프로젝트 생성은 통합 개발 .. [React + SpringBoot] To-do List 만들기 - (1)(수정) [React + SpringBoot] To-do List 만들기 - (1) [React + SpringBoot] To-do List 만들기 - (2) [React + SpringBoot] To-do List 만들기 - (3) 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 React! 일반적으로 Spring 과 React 이용하여 싱글 페이지 웹 애플리케이션을 개발하는 경우 크게 2가지 방법이 있다. 첫 번째는 하나의 스프링 프로젝트를 구성하고 해당 프로젝트 안에 Front-End 영역을 설정하는 것이다. 이렇게 하나의 Repository, IDE를 이용해서 개발을 진행하고 maven 등의 플러그인을 통해 빌드하기 때문에 한명의 개발자가 Full-Stack 으로 빠르게 개발할 때 편리하다... [Git] STS와 깃허브(GitHub) 연동 및 프로젝트 올리기 집에서 데스크탑으로 작업중이던 프로젝트를 커피숍에서 노트북으로 작업을 하는 방법은? 1. USB에 저장해서 다니기 2. 작업한 프로젝트를 압축하여 카카오톡 또는 이메일로 보내기 정말 그동안 답도 없는 방법으로 작업을 했었구나... 당연히 버전 관리, 소스 코드 관리는 프로젝트 파일 내에 주석으로 '20XX.XX.XX 수정' 이런식으로 관리를 해왔을 것이고... 궁금한게 있을 때마다 2번의 방법으로 보스에게 해결을 원했던 내 자신이 많이 비참하고 이렇게 부끄러울 수가 없어서 이번을 기회로 GitHub를 활용하는 개발자가 되려고 한다. 과제 해결 후 GitHub 링크를 보내라고 해주신 보스에게 감사하는 마음으로 포스팅 시작! Spring Tool Suite와 GitHub 를 연동하기 위해선 GitHub에 가.. [Spring Boot] 간단한 CRUD 게시판 만들기 게시글 목록, 작성, 수정, 삭제만 가능한 간단한 게시판을 만들어보자. 1. Spring Initializr 를 이용하여 Project 생성하기 Spring Initializr 사이트 바로가기 설정한 환경 확인하기!! 2. 압축 해제 3. 프로젝트 Import 4. Package 구성 5. 도메인 매핑하기 도메인 매핑은 JPA를 사용하여 DB와 도메인 클래스를 연결시켜주는 작업이다. 도메인 클래스를 생성하여 H2 DB에 매핑하도록 한다. 5-1. DB에서 도메인을 활용하여 Repository까지의 데이터 흐름 ※ 이번에는 User domain은 사용하지 않는다. 5-2. Board 클래스 생성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24.. 이전 1 2 3 4 5 다음
