html

[Spring Boot][Firebase] FCM설정 시, Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ~

바쁘신 분들을 위한 해결책 요약 firebase-message-sw.js 경로 확인 -> resources/static 경로에 있어야합니다!!!! https적용 여부, 나는 http://localhost에서도 1번 해결책만으로 위 오류는 없어졌지만, https에서만 된다고는 하니, 안된다면 시도해보길! 이슈 음~ 아까 생긴 오류 해결한지 30분도 안되서 오류 하나 추가요... 너무 좋다~~🙃🙃 FCM테스트 하려고 하는데 Messaging: We are unable to register the default service worker. Failed to register a ServiceWorker for scope ~ 검색해보니 http에서 이런에러가 난다길래, https적용된 도메인에 올려서 다시 테스트..

[Spring Boot] Restful API 404 Found, html 출력

이슈 최근에, Spring Boot를 initializr부터 직접사용해서 프로젝트를 만들어보고 있는데, 단순한 테스트용 Get API부터 호출이 안되고 404 Not Found가 떴다. 분명 제대로 만들 것 같은데...왜그런가해서 검색을 해보니 패키지 기본 경로 ex) com.demo.example 이 아래에 Controller및 Application 파일이 있지 않으면 찾지 못해서라고 한다. 하지만 나는 기본 경로 아래에 잘 작성한 것 같다고 생각되었다. 문제 & 해결 계속 Controller에서 이 경로로 못들어오는 줄 알았는데, 혹시나해서 프린트를 찍어봤더니 "hi"는 출력이 된다! 그럼 return "test"가 제대로 동작하지 않아서 Not found가 뜬다는 것이다. 현재 "test"에 노란줄..

[Node.js][ejs] ejs로 HTML checkbox check 여부 설정하기

ejs에서 받은 데이터를 이용하여 checkbox 체크 여부를 설정하려 했다 원래 html check 박스 사용법은 체크 체크안됨 위와 같이 사용하면 된다. 하지만 checked위치에 ejs구문을 넣으니 %> 가 input의 닫는 태그로 인식되는 문제가 있었다 " "를 붙여봐도 여전히 인식이 되지 않아서 checked=checked와 같은 방식으로 ejs 데이터를 넣어주어야 했다 찾아보니 checked=checked, checked=1. checked=true와 같은 속성을 주어도 동작한다는데 난 checked에 unchcked, 0, false를 줘도 체크 안되는게 먹히지 않았다ㅜㅜ 결국 value를 ejs에서 받아온 데이터에 따라 check여부로 주고 value에 따라 checked속성을 변경하는 j..

[Node.js][express] html에서 ejs 사용시 html태그로 인식 되는 문제

기존에 위와 같이 태그 사이에 ejs 데이터를 넣었을 땐 문제 없이 잘 동작했다 하지만 위와 같이 태그 속성에 ejs 데이터를 넣으면 맨 뒤에 %>가 닫는태그로 인식되는 문제가 있었다. 해결방법은 아주아주아주 간단했다 위와 같이 ejs부분을 따옴표로 감싸주면 잘 동작한다

[Node.js][express] ejs로 서버에서 받은 JSON 데이터 보여주기

가끔 간단하게 Node.js에서 화면이 보여져야 하는 경우가 있는데, 단순히 화면을 보여주기만 하는거라면 html 을 사용하면 된다. 하지만 node.js에서 구축한 서버에서 데이터를 받아 바로 뿌려주고 싶은 경우, 데이터에 따라 html이 동적으로 변하게 해야하는 경우에는 ejs, pug 등의 view engine을 이용하면 node.js에서 보낸 데이터를 보여주거나, html에서 반복문을 이용하는 등의 구현이 가능하다. 처음에는 pug를 더 선호했는데, html과 같지 않다보니 매번 찾거나 익숙해져야 사용이 편한 것 같다. ejs의 경우 html 문법에서, 일부만 ejs 로 대체하면 되기 때문에 훨씬 빠르게 적용할 수 있어서 더 선호하는 편이다! ejs 설정 먼저, node + express 환경이 ..