delight

Front - 15글자 이상이면 15번째 글자까지 자르고 그 뒤에 ... 붙히기 if(title.length >= 15) { title = title.substr(0,15) + "..."; } 출처 : [ [JavaScript/jQuery] 문자열 자르기 (몇글자 이상, 날짜의 일부) ] - text 가운데 띄우기 및 게시글 작성하면 공감공간 페이지에 띄워지기 Back - Timestamped를 사용하여 게시글 작성시간 보이기 public class Registry extends Timestamped { - 기존 space 연결된 controller 제거 후 registry의 db 가져오는 controller로 코드 작성 @GetMapping("/space") public List space() { re..

SPA와 MPA SPA (Single-page Application) SPA는 싱글페이지 어플리케이션은 하나의 페이지로 구성된 어플리케이션을 의미 MPA (Multi-page Application) 사용자의 클릭과 같이 인터렉션이 발생할 때마다 해당 링크로 이동하여 앱이 다시 새로고침 되는 전통적인 방식으로 작동한다. SPA가 채택하고 있는 CSR, MPA가 채택하고 있는 SSR CSR과 SSR CSR(Client Side Rendering) : 클라이언트에서 모든 것을 처리하는 방식 사용자의 요청에 따라 필요한 부분만 응답받아 렌더링하는 방식 처음에 접속하면 빈 화면만 보인다. 다시 링크 된 어플리케이션 자바스크립트를 서버로부터 다운로드 받게 되는데 이 JS에는 어플리케이션에서 필요한 로직들 뿐만 아니..

기존 html이 실행이 되지 않고 db 전체가 띄워져서 구글링을 해봤지만 @RestController 얘기 말곤 답이 없어서 헤맸는데 오늘 새벽에 그 답을 찾았다. 결론은 location.href = "/space"; // 페이지 변환 가 아닌 location.href = "space.html"; // 페이지 변환 코드로 작성해야 했다. 다른 팀원에게 물어봐서 그 이유에 대해 들었고 요약하면 아래와 같다. 백엔드를 거쳐야 프론트로 가는걸 서버 사이드 렌더링이라고 하고 프론트랑 백엔드가 만나는 유일한 접점이 url 인 것은 서버 사이드 렌더링을 배제한 것이다. → 서버사이드 렌더링에 대해서 좀 더 찾아봤다. CSR과 SSR 내가 한 코드로 얘기하면 서버사이드 렌더링을 배제하려면 homeController ..

글을 작성하고 나서 글 모아보는 페이지에 글 작성한 db들을 다 가져오는 과정을 하고 있다. 그런데 이 부분에서 막혀버렸다. 글을 작성해서 db를 가져오는 것 까지는 했는데 html이 먹질 않는다. 그냥 db 전체만 가져와서 페이지에 띄워주기만 한다. ajax에서 success가 되면 alert창과 title만 띄우게 했는데 전체 db가 뜨는걸 보면 success가 먹지 않는 것 같다. 나 처럼 success가 안되는 사람들 블로그를 봤는데 다들 RestController를 안써서 그렇다고 하는데 나는 작성했다. (그래서 더더욱 모르겠다.) 팀원에게 문제를 얘기했더니 물음표만 보내고 끝났다 (😅) 에러도 안떠서 어떤 문제인지 잘 모르겠다.

값을 받아오지 못하는 현상 글을 작성한 후 글 모아보는 사이트에서 db를 가져온 후 띄워야 하는데 그 과정에서 문제가 발생했다. 아무리 해도 controller에서 제대로 값이 안오는 것 같아서 console로 찍어보니 html 전체 코드가 찍혀있다. 이래서 값이 안나오는거구나 해서 구글링을 해보니 아래와 같이 하면 값을 잘 받아온다. Controller 대신 RestController로 변경 완료! ajax쓰다보면 컨트롤러에서 리턴값을 jsp에 있는 ajax에서 값을 못 받는 문제가 발생하곤 하는데, 문제는 바로 이것이었다. java파일의 @Controller로 선언이 되어 있는지 확인한다. @Controller를 썼다면 @RequestMapping부분에서 @ResponseBody를 같이 써줘야 값을 ..

- 추상 클래스 정리 - 프로젝트(front, backend) 추상 클래스 (요약) 객체를 직접 생성할 수 있는 클래스를 실체클래스라고 하는데, 실체클래스들의 공통적인 특성(변수, 메서드)을 추출해서 선언한 클래스를 추상클래스라고 한다. 여기서 추상클래스와 실체클래스는 상속적인 관계를 가지고 있다. (추상클래스는 객체를 생성 할 수 없다. 실체성이 없고 구체적이지 않기 때문에) 출처 : [JAVA] 자바 추상클래스란? 프로젝트 이 전에는 댓글 작성하기 페이지를 만들었는데 오늘은 게시글 작성하기 페이지를 만들었다. 그런데 하다보니 재미가 없어서 어느정도 틀 만들다가 백엔드 작업했다. 프론트를 이제 어느정도 틀을 짜놔서 백엔드 작업에 곧 들어갈 것 같다. 이제 ci/cd도 해야겠다. 프론트 작업하다가 다른 ..

코로나 알림 봇 수정 이 전에 작성한 코로나 알림 봇이 더이상 실행이 되지 않았다. (작업 스케줄러로 매일 실행하고 있었다.) 사이트에서 css가 변경되면서 내가 작성한 코드가 더 이상 적용되지 않아 오늘 수정하였다. 한 동안 수정을 못하고 spring에만 집중하고 있었더니 코로나 확진자 수가 몇 천명이 나온 것도 몰랐다.(❗) 그래서 크롤링 코드를 수정하고 크롤링 실행 성공 후에 봇으로 연결시켜서 실행을 시도했더니 아래와 같이 떴다. 그래서 str(total)로 작성하여 실행했더니 아래와 같이 떴다. 알고보니 text를 붙이지 않았다. text를 붙이고 다시 실행을 했는데 datetime이 실행되지 않았다. data = {"message": "\n" "{}월 {}일 현재 코로나 확진자 수는" + tot..

보호되어 있는 글입니다.

오늘은 프로젝트보다 개인 공부에 좀 더 시간을 많이 썼다. DI, Ioc, Bean을 정리하였고 용어 정리를 같이 하고 있는 팀원과 의견을 공유했다. 현재는 팀으로 하고 있는 깃헙에만 용어정리를 해뒀는데 내일은 오늘 배운 내용을 내 것으로 만든 후 github에 올려야겠다. 프로젝트(front) 댓글 작성하기 프론트 페이지를 작성했다. 틀만 작성했고 가장 중요한 건 백엔드 부분이니깐 디테일한 부분들은 나중에 고치기로 했다. 어제 팀프로젝트를 같이 하고 있는 팀원과 현 상황을 공유하면서 팀원이 잘 안되고 있는 부분이 있었고(인덱스) 내가 예전에 해본 경험이 있는 것 같아 오늘 도와주려고 했는데 방법을 찾았다고 했다. 😅

프로젝트 - front 작업 프론트 작업을 최소화하기 위해 코드펜을 활용했다. 그 과정에서 아래와 같은 에러가 떴다. tweenmax is not defined 에러 해결방법은 위 코드를 추가하면 되었다. 출처 : [“tweenmax is not defined” Code Answer’s] 아래 코드를 추가하여 글 작성 페이지로 넘겨지기 까지 로딩 버튼으로 바뀌게 하고 싶었는데 무슨일인지 잘 되지 않았다. fa fa-spinner fa-spin 나와 같은 사람이 있어도 해결방법이 나와 같은 코드이고.. 작성하기 그래서 대안으로 그냥 페이지 자체를 로딩 중으로 바뀌게 했다. 코드펜에서 로딩 중 화면 귀여운걸로 하나 가져와서 로딩 화면 html을 따로 만든 후 작성했다. 먼저, 공감 공간 게시판에서 글 작성하..