분류 전체보기 229

타임라인서비스) 메모 변경하기 - submitEdit 함수

현재 체크모양 버튼의 기능을 구현하고 있음! 수정한 내용을 담고있는 부분은 ${id}-textarea임!! - val() : input 태그에 정의된 value 속성의 값을 확인하고자 할 때 사용 - text() : selector 태그 내에 존재하는 자식태그들 중에 html 태그는 모두 제외한 채 문자열만 가져올 때 사용 function submitEdit(id) { // 1. 작성 대상 메모의 username과 contents 를 확인합니다. let username = $(`${id}-username`).text().trim(); let contents = $(`${id}-textarea`).val().trim(); //${id}-contents가 아님!! // 2. 작성한 메모가 올바른지 isVal..

Spring Framework 2021.07.24

타임라인서비스) 메모 조회하기 - getMessages 함수

[개발 스펙 확인] 기존 메모 제거하기 GET API 사용해서 메모 목록 불러오기 메모마다 HTML 만들고 붙이는 함수 만들기 * 하지만, 입력일과 수정일 날짜데이터가 안보인다..!! 어떻게 된거지?!!!!!?!?!??!?! Timestamp와 Week03Applicaion 파일에 뭔가를 빼먹었다 https://nazero.tistory.com/20 타임라인서비스) Repository 만들기 /*Memo.java*/ package com.sparta.week03.domain; ... @NoArgsConstructor // 기본생성자를 만듭니다. @Getter @Entity // 테이블과 연계됨을 스프링에게 알려줍니다. public class Memo extends Timestamped { /.. naze..

Spring Framework 2021.07.23

타임라인서비스) 메모 생성하기 - writePost 함수

/*index.html*/ ... //Validation function isValidContents(contents) { if (contents == '') { //입력한 내용이 없을 때 alert('내용을 입력해주세요'); //경고창 띄움 return false; //함수의 결과값을 false로 리턴 } //입력한 내용이 140byte가 초과되면 if (contents.trim().length > 140) { //trim(): 앞뒤 공백 모두 제거 alert('공백 포함 140자 이하로 입력해주세요'); //경고창 띄움 return false; //함수의 결과값을 false로 리턴 } return true; //함수의 결과값을 true로 리턴 } // 익명의 username을 만듭니다. functio..

Spring Framework 2021.07.22

타임라인서비스) 클라이언트 설계하기

[필요한 기능 살펴보기] 접속하자마자 메모 전체 목록 조회하기 GET API 사용해서 메모 목록 불러오기 메모 마다 HTML 만들고 붙이기 메모 생성하기 사용자가 입력한 메모 내용 확인하기 POST API 사용해서 메모 신규 생성하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 메모 변경하기 사용자가 클릭한 메모가 어떤 것인지 확인 변경한 메모 내용 확인 PUT API 사용해서 메모 내용 변경하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 메모 삭제하기 사용자가 클릭한 메모가 어떤 것인지 확인 DELETE API 사용해서 메모 삭제하기 화면 새로고침하여 업데이트 된 메모 목록 확인하기 위의 내용을 JS 함수로 구현할 예정 /*src > main > resources > static > ind..

Spring Framework 2021.07.22

jQuery 기초 -2

- input 값 가져오는 함수 html에서 id가 'post-url'인 태그의 내용을 가져옴 $('#post-url').val(); - input 값 넣는 함수 html에서 id가 'post-url'인 태그에 내용을 넣어줌 $('#post-url').val('new text'); - HTML 없애는 함수 태그 안에 적은 모든 것을을 없앰 $('#cards-box').empty(); - HTML 추가하는 함수 id가 'cards-box' 태그에 이어 붙임 $('#cards-box').append(` 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. `);

Spring Framework 2021.07.22

jQuery 기초 - 1

- jQuery 미리 작성된 자바스크립트 함수 모음집 많이 쓰이는 HTML, CSS 조작 함수를 미리 만들어서 제공해주는 것 사용방법: https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started jQuery Get Started Adding jQuery to Your Web Pages There are several ways to start using jQuery on your web site. You can: Download the jQuery library from jQuery.com Include jQuery from a CDN, like Google Downloading jQuery There are two versions..

Spring Framework 2021.07.22

Javascript 기초 - 1

- 변수 선언 방법 자바와 달리 자료형을 쓰지 않고 let을 사용 let a = 3; // 변수를 처음 선언할 때 let을 써줍니다. 자료형은 써주지 않아도 되어요. let b = 2; console.log(a + b); // System.out.println()과 같은 녀석입니다. b = 7; console.log(a + b); - 문자, 숫자 문자 + 숫자 = 문자 let name = 'bknam'; let course = "웹개발의 봄 Spring" // 자바와 다르게 홑/쌍따옴표 상관없습니다. let num = 10; console.log(num + name); // 문자 + 숫자 하면 둘 모두를 문자로 묶습니다. - boolean 값이 true 또는 false 밖에 없음 let age1 = 18..

Spring Framework 2021.07.21

타임라인서비스) Controller 만들기

/*MemoController.java*/ package com.sparta.week03.domain; ... @RestController @RequiredArgsConstructor public class MemoController { private final MemoRepository memoRepository; private final MemoService memoService; @PostMapping("/api/memos") //@RequestBody를 꼭 넣어줘야 함!!// //POST방식으로 Request할 때 JSON 데이터를 받아올 수 없음 public Memo createMemo(@RequestBody MemoRequestDto requestDto) { Memo memo = new Mem..

Spring Framework 2021.07.21

타임라인서비스) Service 만들기

/*MemoService.java*/ package com.sparta.week03.service; import com.sparta.week03.domain.Memo; import com.sparta.week03.domain.MemoRepository; import com.sparta.week03.domain.MemoRequestDto; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Service; import javax.transaction.Transactional; @Service //서비스단인 것을 스프링에게 알려줘야함 @RequiredArgsConstructor public class MemoService ..

Spring Framework 2021.07.21