반응형

전체 글 69

[Java] TodoList ③ TodoRegisterController(DB 연결 전)

잡담메인은 TodoListController를 이용했고 이제 할 일을 사용자가 추가하는 기능을 만들어 보려고 합니다. 해당 내용을 구성하기 위해서는 우선 메인화면에서 버튼을 통해 등록할 수 있는 화면으로 넘어가게 됨으로 등록을 위한 JSP가 필요하고 GET방식을 통해서 JSP를 불러옵니다. 해당 JSP에서 사용자의 입력을 받은 데이터 값을 POST방식으로 Controller에 전송하고 TodoRegisterController에서 받은 데이터를 TodoService에 있는 register 메서드를 통해 메모리에 추가하게 됩니다. 마지막으로 sendRedirect 통해 메인으로 돌아가게 됩니다. 1. TodoRegisterController우선 해당 추가하는 페이지를 받아오기 위해 GET방식을 통해 /tod..

[Java] TodoList ② TodoListController(DB 연결 전)

잡담지금 입력하는 코드는 DB에 연결하기 전의 코드입니다. DB에 연결하지 않으면 데이터가 브라우저를 끄면 날아갑니다. 그래서 DB에 연결은 꼭 필요합니다. DB연결은 뒤에서 진행하도록 하고 우선은 Controller를 이용하는데 익숙해지는 게 좋을 거 같아서 따로 떼어냈습니다. 1. TodoListControllerTodoListController는 TodoList의 메인이라고 할 수 있습니다. DB에서 데이터를 받아와서 해당값들을 request에 실어서 출력하고자 하는 urlPattern으로 넘겨주는 역할을 합니다. 데이터 값을 받은 JSP에서는 해당 값들을 토대로 화면에 List를 출력합니다.// 서블릿을 매핑하기 위한 어노테이션// name 속성은 서블릿의 이름을 지정합니다.// urlPatter..

[Node.js] DB연결 / ER_NOT_SUPPORTED_AUTH_MODE 오류

잡담오늘은 메모리에서만 생성 수정했던 데이터들을 DB를 활용해서 HTTP 호출을 해볼 예정입니다. DB는 MySQL을 사용할 예정이고 오늘도 POSTMAN을 이용해서 UI를 대신할 예정입니다. DB에 연결하게 되면 이제 값들을 저장할 수 있게 되고 해당 데이터들을 react나 html를 이용해서 view로 뿌려줄 수 있게 될 것입니다. 바쁘신분은 해당 링크 클릭하시면 됩니다.목차이동(클릭)ER_NOT_SUPPORTED_AUTH_MODE 오류처리 1. DB생성우선 첫번째로 연결시킬 DB를 생성하도록 하겠습니다. DB생성에는 MySQL Workbench를 이용해도 되지만 오늘은 커맨드연습도 할 겸 Command Line Client를 이용하도록 하겠습니다.Client를 실행시키면 처음에 'Enter pass..

Java Script/Node.js 2024.05.13

[Node.js] HTTP요청 ③ POSTMAN 설치 방법 / POST / PUT / DELETE

잡담수업 정규과정이 거의 다 끝나갑니다. 이제 개인프로젝트나 팀프로젝트도 준비해야 되는데 아직도 모르는 게 산더미인데 과연 제가 해낼 수 있을까에 대한 고민을 많이 하고 있습니다. 오늘은 POST방식과 PUT / DELETE방식에 대해 공부하도록 하겠습니다.  2. POST방식Node.js의 Express 프레임워크에서 app.post() 메서드는 POST 요청을 처리하기 위한 라우팅을 설정하는 데 사용됩니다. 기본적인 app.post()의 구조는 다음과 같습니다:app.post('/경로', (req, res) => { // POST 요청을 처리하는 로직});여기서 각 부분의 역할은 다음과 같습니다:app: Express 애플리케이션의 인스턴스입니다. 이 인스턴스를 통해 Express의 메서드 및 ..

Java Script/Node.js 2024.05.13

[Node.js] HTTP요청 ② GET기본 응용

잡담저번시간에 공부했던 GET방식에 이어서 오늘은 GET방식을 응용하는 기본적인 방법에 대해서 공부할 예정입니다. 데이터 이동에 JSON방식을 많이 활용하기 때문에 JSON형식을 이용해서 요청하고 또 뒤에 나올 POST를 이용해서 데이터를 전달하는 방법에 대해 공부할까 합니다.1. GET방식 응용 JSON 형식 요청const express = require('express')const app = express()const port = 3000let movieList = [ { id: 1, title: '아바타 물의길', running: 130, rating: 9.5 }, { id: 2, title: '반지의 제왕', running: 125, rating: 8.2 }, ..

Java Script/Node.js 2024.05.10

[Node.js] HTTP요청 ① GET

잡담이번에 학원에서 프런트앤드 공부로 백앤드에서 많이 사용하는 Node.js를 시작했습니다.  서버 측에서 애플리케이션 개발할 때 많이 사용하는 거 같더라고요 Express라는 프레임워크로 좀 간단하게 코딩이 가능합니다. Node.js 백앤드 + react 프런트앤드 이런 느낌으로 많이 사용하는 거 같습니다. Node.js 기본적으로 배우고 react로 넘어갈 거 같습니다.  1. GET 방식Node.js에서 GET 방식으로 요청을 처리하는 방법은 다양합니다. 일반적으로 Express.js와 함께 사용되는 것이 흔합니다. app.get은 Express 애플리케이션에서 HTTP GET 요청을 처리하기 위한 메서드입니다. 다음은 app.get 메서드의 구조입니다:app.get(path, callback)pa..

Java Script/Node.js 2024.05.10

[Springboot] DB설정 / JPA

잡담Springboot를 공부하면서 annotation도 너무 많고, 구조적으로도 이해 안 되는 부분이 많아서 공부하는데 애를 먹고 있습니다. 계속 연습하다 보면 왜 Springboot를 쓰는지 이해할 날이 올 거라 믿습니다. 오늘은 JPA에 대해 알아볼 예정입니다. JPA를 이용해서 데이터베이스와 독립적인 쿼리 작성이 가능하며, 엔티티에 대한 직관적인 쿼리 작성이 가능합니다. 또한 매핑을 지원해서 자바언어로 데이터베이스를 다룰 수 있게 됩니다. JPA는 최근에 많이 사용하기 때문에 잘 배워둬야 될 것입니다. 1. JPAJPA(Java Persistence API)는 자바 애플리케이션에서 데이터를 관리하고 영구 저장하는 데 사용되는 자바 ORM(Object-Relational Mapping) 표준입니다...

[Springboot] Controller (get / post)

잡담오늘은 Springboot에서 RestController를 이용해서 json처리하는 방법과 해당 결과를 출력하는 thymeleaf에 대한 예제와 get / post 방식에 대한 몇 가지 들어서 공부해 볼 예정입니다.   1. @GetMappingSpring Boot에서 @GetMapping은 HTTP GET 요청을 처리하는 데 사용되는 어노테이션입니다. 이 어노테이션을 메소드에 적용하면 해당 메서드가 지정된 경로로 들어오는 GET 요청을 처리할 수 있습니다.이전 게시글에서 작성했던 예제를 다시한번 가져왔습니다.package org.zerock.b01.Controller;import lombok.extern.log4j.Log4j2;import org.springframework.stereotype.Co..

반응형