크롬에서는 audio나 video??의 autoplay를 막아두고 있음 javascript 의 howler를 사용해서 해결.. cdn 추가 var sound = new Howl({ src: ['/Bamboo.mp3'], volume: 1.0 }); sound.play(); 하면 끝 웹페이지를 한 번이라도 클릭하면 재생이 된다고 한다. 더보기 더보기 https://dev.classmethod.jp/articles/i-tried-the-howler-js-library/
[etc] curl로 rest 테스트 하자!
개인적으로 정리하기 위한 글이므로 설명이 빈약합니다. 사실 테스트하려고 curl을 알아본건 아니었지만, rest 테스트가 되길래 간단하게 쓰고 있는 것만 적어본다. curl은 client url의 약자라고 한다. 커맨드에서 서버와 통신할 수 있게 해주는 툴이라고 생각하면 된다. 그래서 cmd 창에서 curl을 사용한다. 우선 curl을 설치해야하는데 이 블로그를 따라서 설치하면 된다. 테스트는 매우 쉽다. 그냥 curl http://localhost:8080 만 해도 html 문서가 cmd 창에 쭉 뿌려진다. 그리고 만약 @PostMapping("/test") 라면 curl -X POST http://..../test 로 접근할 수 있다. 물론 GET도 가능함 데이터는 -d, -F 같은 옵션들로 설정하여..
스프링 부트는 아직 안해봤는데 무작정 따라하다가 난 오류들을 고치면서 적는 글. 저만 알아볼 수 있게 글 쓸 것 같으니.. 한 번 참고 차 읽어보세요.. 우선 extends HandlerInterceptorAdapter는 deprecate 되었다. 이 부분을 implements HandlerInterCeptor로 변경하였다. 실행하려는데 자꾸만 Consider defining a bean of type 'com.xxx.xxx.xxxxx' in your configuration. 이라고 뜨면서 실행자체가 되지 않았다. @SpringBootApplication을 @SpringBootApplication(scanBasePackage={"com.xxx.xxx", "...."}) 형태로 바꾸어준다. 설명해보자면 ..
maven update 해보기~~ 맨날 .m2에서 repo삭제하면 뜨더라공.........
Lorem Picsum Lorem Picsum Lorem Ipsum... but for photos picsum.photos 200*300의 이미지를 가져오고 싶을 때 싶을 때 https://picsum.photos/200/300 200*200 정사각형 이미지 https://picsum.photos/200 특정 id의 이미지를 가져오고 싶을 때 https://picsum.photos/id/235/200/300 링크들을 붙여주면 된다! flutter에서는 https://picsum.photos/200?image=10 이렇게 사용하기도 함 'https://picsum.photos/id/10/200' 과 동일함
[etc] 2진법 이진법 계산하기
복잡한.. 숫자는 아래같은 방법이 더 별로더이다 그래서 다른 방법 예: 40 몫 나머지 20 0 10 0 5 0 2 1 1 0 1 ==> 101000 // 0010 1000 예: 53 몫 나머지 26 1 13 0 6 1 3 0 1 1 1 ===> 110101 // 0011 0101 왼쪽 몫을 2로 나누고 나머지를 오른쪽에 적어주고 (53 = 2 * 26 + 1 26 = 2 * 13 + 0) 1이나 0이 떨어질 때 까지 반복한 다음 아래서부터 위로 나머지를 나열하면 됨~ ----- 매우 쉬움 2의 지수에 맞추어 계산 예제 8 = 2^3 == 1000 18 = 2^4 + 2^1 == 10010 3 = 2^1 + 1 == 11 여기서 2^0 은 1로 취급한다. 지수만큼 10^n 취급하여 작성하면 됨
코배스 코드로 배우는 스프링 웹프로젝트 하던 중에 댓글 페이징을 하는데 댓글 등록하고 화면처리 하는 부분에 페이징이 안되서 해결과정을 글로 남김 ㅋㅋ댓글 넘겨오는 것도 문제였지만 그건 내 문제였다고 한다^.ㅠ 아무튼 책에서 알려준 코드는 이렇다. 먼저 댓글을 등록하는 부분 //get.jsp 내 modalRegisterBtn.on("click", function(e){ replyService.add(reply, function(result){ //....생략 showList(-1); }); }); 위에서 showList(-1)을 넘겨주는데, 그러면 showList()에서 받는다. //get.jsp 내 function showList(page){ replyService.getList( {bno: bnoVal..
참고: 🔗 겹쳐져 있는 배경에 효과를 주고 싶을 때! 인듯.. BackdropFilter 위젯에서는 ImageFilter와 child를 변수로 사용하고 필터를 child 아래 위젯에 적용합니다. BackdropFilter( filter: ImageFilter.blur( sigmaX: 5, sigmaY: 5, ), child: // 여기만 필터가 적용된다고 하는데.... ); 배경에 필터를 적용해서 그림이 보이지 않게 하려면 child에 빈 컨테이너를 사용하세요 BackdropFilter( filter: ImageFilter.blur( sigmaX: 5, sigmaY: 5, ), child: Container( color: Colors.black.withOpacity(0), ) ); 그냥 filter가 위..
