우당탕탕

무작정 따라 하기 1탄 나만의 TODO리스트 만들기 4편👩‍💻 안녕하세요! 이전 3편에서는 CRUD 기능 중 Create, Read를 구현을 진행하였습니다. 이번 편에서는 CRUD 기능중 Update, Delete를 구현해 보겠습니다.이전에 작성했던 코드에서 일부 수정을 진행하면서 작업해 보겠습니다.4편 예시 완성본이번 편에서는 JavaScript와 Controller 코드 수정만으로 진행됩니다.1. JavaScript 코드 수정하기 완성본 사진에서 나온 것처럼 왼쪽에 TODO 리스트의 완료, 미완료 여부를 체크하는 체크박스와 오른쪽에는 TODO리스트를 삭제하는 버튼이 존재합니다.서버에서 TODO 리스트를 불러올 때 해당 화면이 업데이트되도록 변경해 줍시다.document.addEventListene..

무작정 따라 하기 1탄 나만의 TODO리스트 만들기 3편 👩‍💻안녕하세요! 이전 2편에서는 데이터베이스 설계 및 엔티티 클래스를 구현을 진행하였습니다. 이번 편에서는 CRUD 기능중 Create, Read를 구현해 보겠습니다.기본적인 디자인은 부트스트랩(Bootstrap)을 활용해보겠습니다.3편 예시 완성본이제 시작해 봅시다~1. HTML 폼 작성1.1 HTML 폼 만들기src/main/resources/static/ 폴더에 index.html 파일을 생성하고 아래 코드를 입력합니다. TODO 리스트 추가 ..

비전공자도 따라 하며 만드는 REST API안녕하세요! 이번 편에서는 나만의 서버를 만들어보겠습니다. 이번 편에서는 아직 개발에 대해 잘 모르지만, REST API를 직접 만들면서 배워보고 싶은 분들 또는 이론학습에 앞서 실습을 통해 개발을 경험해 보고 싶은 분들을 위한 글입니다. 이론 설명을 최소화하면서도, 실습을 통해 직접 API를 구현해 보며 배울 수 있도록 구성되어 있습니다.이번편의 목표는 REST API의 기본인 GET, POST 두 가지의 API를 신속하게 구현해 보고 H2 DB(인메모리 데이터베이스)를 사용하여 데이터 조회 및 저장까지 구현해 보는 데 있습니다.1. REST API란?REST API란 쉽게 말해 인터넷에서 컴퓨터, 프로그램들이 서로 “말”을 할 수 있는 방법 중 하나입니다. ..

무작정 따라하기 1탄 나만의 TODO리스트 만들기 2편 👩‍💻  안녕하세요! 이전 1편에서는 기본적인 환경구성을 진행하였습니다. 이번편에서는 데이터베이스 설계 및 엔티티 클래스를 구현해 보도록 하겠습니다.1. TODO 엔티티 클래스 생성1.1 엔티티 클래스란?엔티티 클래스는 데이터베이스의 특정 테이블을 자바 객체로 표현한 것입니다. 쉽게 말해, 엔티티는 우리가 관리하고 싶은 정보를 담는 "상자"라고 생각하면 됩니다.1.2 JPA란?JPA(Java Persistence API)는 자바 프로그램이 데이터베이스에 쉽게 연결할 수 있게 해주는 도구입니다.JPA를 사용하면, 우리가 만든 상자(Todo 클래스)를 데이터베이스에 저장할 수 있습니다.1.3 H2 데이터베이스란?H2 데이터베이스는 작은 메모리 기반의..

무작정 따라 하기 1탄 나만의 TODO리스트 만들기 1편👩‍💻안녕하세요! 무작정 따라하기 1탄에서는 Spring boot, Java를 활용하여 간단한 나만의 TODO리스트 애플리케이션을 만들어보겠습니다.프로젝트를 따라하면서 막히는 부분이나 어려운 부분이 있다면 댓글로 남겨주시면 답변드리겠습니다.목표할 일을 추가하고, 조회하고, 수정하고, 삭제할 수 있는 TODO 리스트 애플리케이션 구현Spring Boot, HTML, CSS, JavaScript를 활용하여 간단한 웹 인터페이스 제공1. 컴퓨터 환경 구성 ( Java 설치 및 IntelliJ 설치 )자바(Java) 설치와 IntelliJ 설치의 경우 아래 이전 글을 참고해서 따라 해 주시면 금방 따라 하실 수 있습니다!- 자바 설치하기 : 10분만에 ..

10분 만에 인텔리제이(IntelliJ) 설치하기 안녕하세요!이번 편에서는 실제 프로젝트에 들어가기 전 필요한 인텔리제이 (IntelliJ) 설치를 진행해 보도록 하겠습니다.인텔리제이(IntelliJ)란?인텔리제이는 JetBrains사에서 만든 IDE(통합 개발 환경)으로 이클립스보다 보다 편리한 기능들이 많이 포함되어 있는 툴입니다. 인텔리제이 설치하기인텔리제이는 기본적으로 Community(무료) 버전과 Ultimate(유료) 버전으로 나뉘어있는데 이번 편에서는 Community버전 설치를 진행해 보겠습니다. [ Ultimate버전의 경우 30일 무료 사용이 가능합니다 ]아래 오라클 링크를 통해 JetBrains 사이트에 접속합니다https://www.jetbrains.com/ko-kr/idea/do..