148june 님의 블로그

Keep (잘했던 점)이름, 내용 저장·수정·삭제 기능을 성공적으로 구현할 수 있어서 만족스러웠다.팀원들과의 의사소통이 원활했고, 의견을 주고받으며 보완할 점을 논의하는 과정이 좋았다.Git 활용 능력이 뛰어난 팀원들 덕분에 협업이 원활하게 이루어졌다.개발 과정에서 충돌이 발생했지만, 협력을 통해 해결하면서 더욱 성장할 수 있었다.Problem (부족했던 점 & 개선할 점)IndexedDB를 사용하여 방명록을 구현했으나, 방문한 사람에게 보이지 않는 문제가 발생했다.코드 간 충돌이 자주 발생하여 수정하는 데 많은 시간을 소비했지만, 문제를 빠르게 인지하지 못해 프로젝트 일정이 지연되었다.방명록 기능 중 댓글 아래 다른 방명록 보기, 프로필 사진, ID, 비밀번호 입력 기능이 미완성되어 보완이 필요해 보인..

방명록 이름: 내용: 저장 방명록 내용  .guest-book-container { width: 80%; max-width: 1000px; margin: 20px auto; padding: 20px; ..

방명록 이름: 내용: 저장 방명록 내용 ">방명록이름:내용: 저장방명록 내용코드는 방명록 이름: 내용: 저장 방명록 내용

방명록 이름: 내용: 저장 방명록 내용   방명록 이름: 내용: 저장 ..

indexed db의 장점많은 양의 구조화된 데이터를 클라이언트에 저장할 수 있다.브라우저마다 편차는 있지만, 보통 HDD 용량의 50% 이다.(Local Storage의 용량은 겨우 10MB이다.)Javascript 기반의 객체지향 데이터베이스이다.즉, Javascript가 인식할 수 있는 자료형과 객체를 저장할 수 있다!(Local Storage는 String 형태만 저장할 수 있다.)트랜잭션을 사용하며 Key-Value 데이터베이스이다.IndexedDB는 비동기 API이다.비동기의 특징I/O 작업, 네트워크 통신, 데이터베이스 조회와 같은 시간이 소요되는 작업을 효율적으로 처리할 수 있습니다.  다른 작업을 실행하면서 작업의 완료를 기다리지 않습니다.  응답까지 걸리는 시간 동안 다른 작업이 가능합..

cursorRequest.onsuccess = (event) => { const cursor = event.target.result; if (cursor) { const listItem = document.createElement('li'); listItem.setAttribute('data-id', cursor.value.id); listItem.textContent = `${cursor.value.name}: ${cursor.value.message}`; // 수정 버튼 const..

이번에는 방명록 위주로 짜보았다.  방명록 이름: 내용: 저장 방명록 내용 indexmessage를이용한 내용이엿다.지금은 수정파트가 문제가잇어 건드리기 다시 수정 파트의 id 부분을 수정하여오래된 값도 수정이 가능하게 해야하는 부분이 잇다.

팀원과 함께 웹사이트를 만들기로한 웹사이트 와이어 프레임이다.구동방식은 팀소개 누를시 팀소개쪽으로 이동멤버사진과 이름 소개방명록은 댓글같은 기능 팀 소개 팀 목표 멤버 소개 방명록 투돌프와 아이들 팀 소개 투럼프와 아이들이라네. 투럼프와 아이들이라네. 투럼프와 아이들이라네. 투럼프와 아이들이라네. 투럼프와 아이들이라네. 팀 목표 여기에 팀 목표 내용을 입력하세요. ..

Spring Boot에서 템플릿 엔진(Thymeleaf)을 활용하여 동적인 콘텐츠를 생성하는 방법을 설명해 드릴게요.1. 프로젝트 설정1) Thymeleaf 의존성 추가Spring Boot 프로젝트를 생성할 때 Thymeleaf를 포함해야 합니다.pom.xml 또는 build.gradle에 아래 의존성이 포함되어 있어야 합니다.Maven (pom.xml) org.springframework.boot spring-boot-starter-thymeleafGradle (build.gradle)dependencies { implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'}2. 컨트롤러 생성src/main/java/com..

Spring MVC에서 웹 컨트롤러를 생성하는 기본적인 과정은 다음과 같습니다.1. 프로젝트 준비Spring Boot 프로젝트를 생성하고 실행하는 방법은 이미 설명했으므로, 바로 컨트롤러 생성으로 넘어갑니다.2. 웹 컨트롤러 생성Spring MVC에서 컨트롤러는 @Controller 또는 @RestController 어노테이션을 사용하여 정의합니다.@Controller → 뷰(.html 파일) 반환 가능@RestController → JSON 응답 반환1) 기본 컨트롤러 (@Controller 사용) src/main/java/com/example/demo/controller/WebController.java 파일 생성 후 다음 코드 추가:package com.example.demo.controller;i..