정코딩

동의대학교 컴퓨터공학과 SSAFY 6기

공부/FrontEnd

는 html 요소 중 하나로서, 스크립트를 사용하여 그림을 그리는 데 사용된다. 아래의 링크를 통해서 canvas의 예제 및 메서드의 설명이나 사용법을 알 수 있다. Canvas API - Web APIs | MDN The Canvas API provides a means for drawing graphics via JavaScript and the HTML element. Among other things, it can be used for animation, game graphics, data visualization, photo manipulation, and real-time video processing. developer.mozilla.org 나는 마우스를 드래그를 통해 그림을 그리는 프로젝트..

2022. 5. 26.

공부/FrontEnd

프로젝트를 진행하던 중 특정 페이지에서 헤더, 풋터를 비활성화해주기 위해 알아본 내용을 정리하고자 한다. 사용법은 심플하다. v-if= "$route.name !== '라우터명'" 해당 코드만 잘 활용하면 된다. Ex) 위와 같이 심플하게 사용하면 되며, 주의할 점은 router이 아닌 route다. r이 빠져야 하는데 습관처럼 router을 붙여서 적용이 안돼 시간을 소요하였다 ㅠ 라우터 명의 경우 실제 router 파일에 선언한 name을 그대로 사용하면 된다. 당시 구글링 중 아래와 같은 내용을 확인했으며 name 뿐만 아니라 path로도 적용 가능하지 않을까라고 생각해본다.

2022. 4. 17.

공부/FrontEnd

Spring Boot Web Socket 실시간 알림 프로젝트로 SNS를 개발하던 도중 실시간 알림 기능이 필요하게 되어 구글링을 통해 알아보던 중 좋은 블로그를 접하게 되었고 해당 블로그를 참고하여 개발을 성공할 수 있었다. 먼저 웹은 HTT soonil.tistory.com 해당 포스팅에 이어 이번에는 Vue 코드도 설명과 함께 포스팅하도록 하겠다. 참고 블로그 : https://velog.io/@skyepodium/vue-spring-boot-stomp-%EC%9B%B9%EC%86%8C%EC%BC%93 먼저 코드 설명 전에 npm을 통해 라이브러리를 설치해주어야 한다. npm i webstomp-client sockjs-client 프로젝트 주제가 SNS였기 때문에 팔로우 신청을 예시로 코드를 보여..

2022. 2. 21.