분류 전체보기 183

REST란?먼저 REST (Representational State Transefer) 란?웹 서비스가 어떻게 동작해야 하는지에 대한 아키텍처 스타일 또는 설계 원칙이다.쉽게 말해 웹에서 데이터를 주고받는 규칙을 의미한다. REST는 클라이언트와 서버 간의 상호작용을 규정하며,기본적으로 웹의 기존 기술과 HTTP 프로토콜을 그대로 활용하기 때문에 웹의 장점을 최대한 활용할 수 있는아키텍처 스타일이다. 자원을 이름(자원의 표현)으로 구분해 해당 자원 상태(정보)를 주고받는 모든 것을 의미한다. 어떤 자원에 대해 CRUD 연산을 수행하기 위해서 URI (Resource)로 GET, POST 등의 방식 (Method)을 사용하여요청을 보내며, 요청을 위한 자원은 특정한 형태(Representation of R..

LombokLombok이란? getter, setter, toString 등 반복되는 코드를 @ 어노테이션 선언만으로 쉽게 사용할 수 있는 java 라이브러리이다. 이 Lombok을 이클립스 프로젝트에 적용시켜 보자!   1) 아래의 홈페이지로 이동해 Lombok 다운로드를 진행한다!https://projectlombok.org/download  2) 다운로드 후 해당 jar 파일을 실행한다.그럼 자동으로 IDE가 선택되는데, 만약 자동으로 되지 않았다면 Specify location 버튼을 클릭해서eclipse.exe 파일을 선택한다! -> 그리고 Install  3)  설치가 완료되었다면 Quit Installer 버튼을 눌러 종료한다. 4) 의존 반영 (Gradle 프로젝트) // build.gra..

WAR와 JAR Spring 프로젝트 파일을 생성할 때 Packaging으로 .war 또는 .jar를 선택할 수 있다.WAR와 JAR는 java 어플리케이션을 배포하기 위한 형식이다.  WAR (Web Application Archive)java 웹 어플리케이션을 서버에 배포하기 위한 형식이다.JSP, Servlet, HTML, CSS, JavaScript 등 웹 어플리케이션이 구동되기 위한 기타 자원을 한 군데 모아배포하는 데 사용되는 파일이다. WAR는 웹 응용 프로그램을 위한 포맷이기 때문에 웹 관련 자원만 포함하고 있으며 이를 사용해 웹 어플리케이션을쉽게 배포할 수 있다! 원하는 대로 구성을 할 수 있는 JAR 포맷과는 다르게 WAR는 WEB-INF 및 META-INF 디렉터리로 사전 정의된 구조..

Mapper 인터페이스기존에 DB와 통신하기 위해 학습하고 사용했던 방식은Service - DAO (java) - mapper.xml 방식이었다. SqlsessionTemplate을 @Autowored로 주입받아 JDBCUtil 관리를 SqlsessionTemplate이 하는 방식인데SqlsessionTemplate가 JDBCUtil을 자동으로 연결해 주고, Mybatis 쿼리 실행을 해주는 방식이었다. // 기존의 DAO (예시)@Repositorypublic class TodoDAO { @Autowired private SqlSessionTemplate mybatis; public List selectAll (TodoDTO todoDTO){ // 반환을 위한 List 생성 List datas = ..

Ant-Design Ant Design이란 React에서 사용하는 라이브러리로 다양한 디자인을 제공해 주는 라이브러리이다!  1) 먼저 Ant Design을 설치해 준다.npm i antd// npm install antd 축약 명령어  2) 기본 스타일을 적용하기 위해서 index.js에 import 한다.import 'antd/dist/reset.css'- Ant Design 버전 4 이하는 'antd/dist/antd.css' 사용- 5 이상부터는 'antd/dist/reset.css' 사용   3) Ant Design의 컴포넌트를 볼 수 있는 페이지로 이동해서 원하는 것을 골라 사용한다!Ant Design 컴포넌트 확인!  원하는 것을 골라 들어가면 버튼 (Show code)이 보인다.이걸 클릭..

▼ Spring Boot + React 프로젝트 생성 1 [Spring] Spring Boot + React 프로젝트 생성 1Spring Initializr를 이용하여 Spring Boot 프로젝트를 생성하고React와 연동을 해보자!  [Backend]- Spring Boot (Gradle/JAR) - Eclipse [Frontend]- React (Node.js)- VSCode  Spring Boot 프로젝트 만들기  1) 먼저 https://start.cottoncandysom.tistory.com   React 설정  1) 새 cmd 창을 열어 react 프로젝트 경로로 이동한다그리고 아래 명령어를 순서대로 입력한다. - package.json 파일 의존성 설치npm install  - 배포 환경..

Spring Initializr를 이용하여 Spring Boot 프로젝트를 생성하고React와 연동을 해보자!  [Backend]- Spring Boot (Gradle/JAR) - Eclipse [Frontend]- React (Node.js)- VSCode  Spring Boot 프로젝트 만들기  1) 먼저 https://start.spring.io/ 사이트에 접속해 SpringBoot 프로젝트를 만들어준다. 이클립스내에서도 프로젝트를 만들 수 있지만,initializr 에서 만드는게 오류가 적다고 해 해당 사이트를 이용해보았다!  위 사이트에 접속하게 되면 아래와 같은 화면이 나온다. 이곳에서 설정을 해서 프로젝트를 쉽게 만들 수 있다!- ProjectMaven과 Gradle 중 선택한다.Maven ..

Maven과 Gradle Maven과 Gradle은 빌드 도구를 뜻하며빌드 도구는 소스코드를 컴파일하고 배포하는 모든 과정을 자동화해 주는 도구를 의미한다.Spring 프로젝트를 만들 때 Maven과 Gradle을 선택할 수 있다.   1) Maven Maven은 Java 기반 프로젝트를 위한 빌드 도구이다.xml 기반 설정을 하는 것이 특징! (pom.xml)xml에 의존성을 작성하고 관리한다. Maven은 일관된 구조를 가지고 있어서 사용하기 쉽고  외부 라이브러리와의 통합이 간편하다.하지만 xml 설정이 복잡하고 가독성이 낮다.또한 프로젝트가 커지면 pom.xml 설정이 길어지기 때문에 무거워진다는 단점이 있다.   2) Gradle Gradle은 Maven의 단점을 보완하기 위해 만들어진 빌드 도..

React 설정 및 프로젝트 만들기리액트 공부를 위해 리액트 환경 설정을 해보자!   1) Node.js 설치https://nodejs.org/en  접속하여 설치파일 다운로드 후 설치! 설치 후 확인하기 위해서 cmd창에서 node -v 를 입력하면 버전을 확인할 수 있다. ▼React 쓰는데 Node.js 설치해야 하는 이유는?더보기✨Node.js란?Node.js는 JavaScript를 서버에서도 실행할 수 있게 해주는 JavaScript 런타임 환경이다.쉽게 말해 JavaScript를 브라우저 뿐만이 아니라 서버에서도 실행할 수 있도록 해주는 것! 특징!- 비동기 및 이벤트 기반 : 비동기식 I/O 사용, 많은 작업을 동시에 처리할 수 있다.- 싱글 스레드 : 여러 클라이언트 요청을 동시에 처리할 ..

React 리액트의 배경React는 JavaScript 라이브러리이다.기존에는 기본 JavaScript를 이용해 웹 사이트를 만들어야 했고,그로 인해 복잡하고 유지보수가 어려워 2011년도에 페이스북에서 개발하여 나오게 된 것이 리액트!  리액트의 장점1. UI를 자동으로 업데이트해준다.원래는 페이지를 새로고침 해야지만 수정된 사항이 페이지에 보였는데,리액트는 새로고침 하지 않아도 UI를 자동으로 업데이트해준다. 2. 코드 재사용성이 높다.리액트는 컴포넌트 단위로 UI를 구성한다.각 컴포넌트는 재사용성이 높기 때문에 유지보수가 좋다. 3. 코드 정리가 깔끔하다.기존에는 HTML, JS 파일이 각각 존재했다.리액트는 HTML과 Java Script가 합쳐진 형태를 사용한다 ==> JSX 문법이라고 한다. ..

오류 원인 및 내용AttributeError: Rectangle.set() got an unexpected keyword argument 'autopct' AttributeError는 속성 참조 또는 할당이 실패했을 때 발생되는 오류라고 한다.Rectangle.set()에 잘못된 할당이 되어서 오류가 발생했는데, 잘못된 키워드는 'autopct' 이다. 확인해 보니 막대그래프에 %로 데이터를 보여주고 싶어서 설정했던 코드에서 발생한 오류였다.autopct는 파이 그래프에서만 사용할 수 있는 속성이기 때문!! 기존 코드ax1.bar(years, births, color='tan', width=0.5, label='출생 수', alpha=0.6, autopct='%.1f%%')  해결방안 y축 데이터를 %로..

오류 원인 및 내용  TypeError: unsupported operand type(s) for /: 'str' and 'str' 위 에러는 TypeError로 올바르지 않은 타입을 입력해서 발생한 오류이다.데이터 시각화를 위해 데이터를 불러오는 과정에서,비율로 계산해 나타내려고 했던 코드에서 발생된 오류이다. 초기 작성 코드with open(old_file_path, mode='r') as file: reader = csv.reader(file) # CSV 파일을 읽기 위한 객체 생성 header = next(reader) # 첫 번째 줄은 헤더이므로 건너뜀 for row in reader: a = row[0] # 첫 번째 값(연도) b = row..