본문 바로가기

분류 전체보기266

jquery에서 each 함수의 break문 흔히 jquery를 쓰다보면 each 함수를 많이 쓰는데,본 함수에서 break문을 써도 함수를 빠져나오지 못하는것을 볼 수 있다.결론적으로 해당함수는 break가 아닌 return false를 써 주어야 한다. 자세한 설명은 아래의 링크를 참조하면 된다. http://dhplanner.blogspot.kr/2009/06/jquery-each-%EB%A9%94%EC%86%8C%EB%93%9C-%EC%82%AC%EC%9A%A9%EC%8B%9C-break-continue-%EC%82%AC%EC%9A%A9.html 2017. 10. 19.
p5.js에서의 push, pop 함수 p5.js를 보면 push, pop 함수가 있다.본 함수들은 canvas의 context.save, context.restore의 기능을 따온건데,canvas의 translate, rotate의 상태변화를 저장해 주는 역할을 한다.즉, 두 함수 사이에다 translate, rotate 함수를 쓰면,두 함수 밖에 있는 drawing 객체에는 적용되지 않고, 오직 두 함수 사이에 drawing 객체들만 적용되는 것이다. push, pop 함수는 p5.js에서 애니메이션을 구현할때 생각보다 많이 쓰인다.자세한 설명은 아래의 링크를 참고하면 된다. https://www.youtube.com/watch?v=o9sgjuh-CBM 2017. 10. 12.
분야별 우수 논문지 보기 이전까지는 분야별 논문지를 아래의 사이트에서 찾고 http://www.scimagojr.com/ https://publik.tuwien.ac.at/info/sci_search.php 사이트에서 JCR 급인지 검증하는 방식이었는데, 최근 구글 스콜라에서 분야별로 우수논문지를 보여주는 기능이 있다는 것을 알게 되었다.그리고 그러한 논문지들은 대부분 JCR급의 논문지이다.바로 아래의 사이트이다. https://scholar.google.com/citations?view_op=top_venues&hl=en JCR에 대한 모든 논문지를 나열하진 않았겠지만 이정도 정보면 충분하다고 할 수 있다.역시 구글 스콜라가 정말 최고라고 최근 누구에게 들었는데,어느정도 동감할거 같은 기분이다. 2017. 9. 27.
p5.js에서 drop shadow 효과 넣기 최근 p5.js로 코딩하다가 ellipse에 drop shadow를 넣을 일이 생겼다.하지만 p5.js의 reference를 찾아보아도 drop shadow을 넣을수 있는 함수는 보이지 않았다.구글링하여 찾은 결과 p5.js는 유일하게 drop shadow를 넣을수 있는 함수를 지원을 안한다고 한다. 이에 관한 내용 첨부는 아래의 링크를 참고하면 된다. https://github.com/processing/p5.js/wiki/p5.js-overview#createcanvas 대신 캔버스의 함수를 그대로 사용할 경우 drop shadow가 되게끔 지원해주고 있다. 결론적으로 아래와 같이 써주었더니 효과가 잘 적용되었다. drawingContext.shadowOffsetX = 5;drawingContext... 2017. 9. 21.
convolution 필터를 구현할때 주의할 사항 최근에 convolution 필터를 구현할 일이 생겼다.기본 원리는 학부때 많이 배워서 구글링을 하여 구현 방법을 습득후 p5.js로 구현하게 되었다.물론 참고한 자료에서는 canvas를 사용하고 있었지만p5.js가 나에겐 편한 라이브러리가 되었기에 캔버스 함수를 해석해서 p5.js로 고쳐짜기로 하였다. 그런데 아무리 해도 결과가 똑같이 나오지 않았다.조금 비슷하게는 나오는데 에얼리어싱이 생기고 색도 안 맞았다.도대체 어떤 부분이 잘못되었는지 2일동안 시간을 할애해서 수학식도 점검하고 코드도 디버깅 해보고 했지만 이상이 없었다. 그리고 마지막 3일날 오류를 찾게 되었는데,원인은 기존의 캔버스 코드에서는 결과를 담을 이미지 배열을 따로 생성해주어convolution한 값들을 새로운 이미지 배열에다 넣어주고.. 2017. 9. 15.
atom의 emmet 모듈의 tab 단축키가 안 먹힐 경우 어느 순간부터 emmet 모듈의 tab 단축키가 안 먹혀서 원인을 찾아보았다.원인은 keymap 선정에서 코드 한줄만 추가해주면 되었다. 아래의 링크에서 3번째 답변에 잘 나와있다. https://github.com/emmetio/emmet-atom/issues/503 이전에 모듈 충돌로 keybindings 쪽을 건드린적이 있는데 그것때문에 그런거 같다. 2017. 9. 13.
e.preventDefault() 함수를 푸는법 js 코드를 짜다보면 특정한 이벤트 발생을 막기위해 e.preventDefault() 함수를 쓰곤 한다.최근 개발중 modal 버튼 두개가 레이어상 겹칠일이 생겼다.그런데 상위 레이어의 버튼을 누르니 두개의 modal 페이지가 동시에 떴다. 이 문제를 해결하기 위해 뜨지 말아야할 modal의 show 이벤트가 발생했을때 e.preventDefault() 함수를 적용함으로 뜨지 않게 하였다.하지만 이후 e.preventDefault() 함수가 적용된 모달은 버튼을 눌러도 뜨지 않는 문제가 발생했다.이 문제를 해결하기 위해서 e.preventDefault()를 풀어야 하는 문제에 직면하게 되었는데,해당 방법을 찾느라고 시간을 많이 쏟았다.방법은 해당 모달에 unbind() 함수를 써주면 된다. 자세한 해결방.. 2017. 8. 28.
progressive web app 정리글 PWA 개념과 사용법을 처음 알게되었을때,놀람과 동시에 js를 잘 배웠다는 기분이 들던 떄가 있다. 최근 아래와 같은 블로그를 보게 되었는데,PWA에 대해 잘 정리해 놓았다. https://joshua1988.github.io/web_dev/opinions/where-are-we-and-where-are-we-heading/#들어가며 PWA 진지하게 다시 공부해봐야 겠다. 2017. 8. 28.
webpack 업데이트 사항 최근 다시 webpack을 사용해보려고 블로그 문서를 읽고 있는데,과정을 따라가다가 자꾸만 에러가 생기는 부분이 있었다.그래서 그에 관련한 해결책을 구글링 해보니 다름이 아닌 버전업 문제였다. 결론적으로 css 로더 문제였는데,이전에는 style!css! 이렇게 사용했다면, 지금은 style-loader!css-loader 이렇게 사용해야 된다고 한다.(아래 링크 참고) https://stackoverflow.com/questions/42196583/webpack-cant-resolve-style webpack이 버전업 됨으로 조금씩 바뀐함수가 있을거 같음으로최근에 다시 webpack을 사용하려는 사람들은 버전업을 참고 하기 바란다. 2017. 8. 21.

티스토리툴바