Programing (22) 썸네일형 리스트형 [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 으로 빠르게 개발할 때 편리하다... [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.. [JHipster] 프로젝트 생성 1. Windows PowerShell 실행 2. JHipster Project를 생성할 디렉터리로 이동한다. 3. Yeoman 설치 4. JHipster 설치 더보기 ※ JHipster 를 설치하기 위해서는 자바와 node.js가 먼저 설치되어야 한다. ※ 설치할 때 Yeoman이 같이 dependency로 설치된다. 5. JHipster 실행 JHipster 실행 시 오류가 발생하는 경우 7. JHipster 프로젝트 설정 # 기본 언어 및 추가 지원 언어를 선택할 수 있는 항목이 나오는데, 이번 설치에서는 이 항목이 나오지 않았다. 추후에 재설치 시 언어에 대한 항목이 나올 경우 수정하기로 하자. 8. 프로젝트 실행 # 일단 부딪혀보자. 해보기 전까지 결과는 누구도 알 수 없다. 계속되는 에러와 멍.. [Node.js] Download for Windows (x64) 12.14.0 LTS Install.. 1. Node.js Node.js 는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. Node.js 는 이벤트 기반, 논 블로킹 I/O 모델을 사용해 가볍고 효율적이다. Node.js 의 패키지 생태계인 npm은 세계에서 가장 큰 오픈 소스 라이브러리 생태계이기도 하다. # 런타임이란 프로그래밍 언어가 구동되는 환경을 말한다. # 논 블로킹 I/O 모델이란 Input/Output 작업이 진행되는 동안 유저의 프로세스 작업을 중단시키지 않는 방식이다. # npm 이란 Node Packaged Manager 의 약자이며, Node.js로 만들어진 package(module : 프로그램보다는 자은 단위의 기능을 의미)을 관리해주는 툴이다. # 좀더 자세한 설명은 추후에 정.. [Java] 파일 이동 JAVA 및 Web 프로젝트에서는 선택한 파일을 새로운 위치로 이동해야하는 경우가 있습니다. 간단한 코드로 선택한 파일을 특정 경로로 이동하는 방법을 알아보도록 하겠습니다. "선택한 파일을 특정 경로의 폴더에 새로운 이름으로 이동"할 수 있도록 코드를 작성 후 실행해보겠습니다. 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 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 package com.gon.tistory; import java.io.File; import org.junit.Test; im.. [Python] 변수(variable)와 Python 자료형(data type) 변수란 숫자, 문자 때로는 여러 개의 데이터와 같은 값들을 저장하기 위해 프로그램에 의해 이름을 할당받은 공간을 의미한다. 즉, 변수란 데이터(data)를 저장할 수 있는 메모리 공간을 의미한다. 변수는 프로그램 내에서 중복된 이름을 사용할 수 없으며, 선언된 변수에 저장된 값은 변경될 수 있다. C나 Java 등의 프로그래밍 언어에서는 변수를 생성하면 어떤 데이터 형식(숫자, 문자, 문자열 등)을 입력할지 선언해야 하지만 Python은 단순하게 이름을 하나 선언하는 것으로 변수 생성이 완료된다. Java 코드를 먼저 살펴보자. 12345678910111213141516171819package com.acma.data.structure; import org.junit.Test; import lombok... [Python] "hello World" 문자열을 Terminal에 출력하기(입문) 윈도우 환경의 cmd 창을 이용하여 문자열을 출력하는 방법도 있지만 앞에서 설치한 "Visual Studio Code"를 이용하여 문자열을 출력해보도록 하겠다. Visual Studio Code에는 Java의 Console 창과 비슷한 기능(로그 출력과 같은..)을 수행하는 "Terminal" 창이 존재한다. 앞서 생성한 hello.py 파일에 소스코드를 작성하여 Visual Studio Code의 Terminal창에 문자열 출력해 보자. 1. 소스코드 작성 후 py 파일을 실행한다. 2. py 파일이 존재하는 경로로 실행 경로를 수정 후 py 파일을 실행한다. 3. 소스코드 창에서 마우스 우클릭 후 "Run Python File in Terminal"을 클릭하여 실행한다. 이전 1 2 3 다음
