본문 바로가기

FrontEnd/vue.js2

[Vue.js] dayJs 로 날짜 데이터 조작 및 Vue.js 간단 예제 dayJs 날짜 데이터 조작, Vue.JS 간단 예제 dayJs 란? JavaScript 에서 사용할 수 있는 날짜, 시간 조작에 관련된 라이브러리 이다. Momment.js 와 비슷한 기능을 제공한다. 하지만 보다 성능이 우수하고, 파일크기가 작다. 또한 필요한 기능만 선택적 로드 할 수 있다. Front 에서 날짜 포맷을 조작하는 이유는 다양하겠지만, 요구사항에 따른 출력, DB에 저장 이 2가지 이유가 가장 크다고 느껴진다. 1. DB - date 컬럼(MySQL) - dayJs 와는 크게 상관이 없지만 DB 저장하는 부분도 중요하다고 생각하기 때문에, 간단하게 포맷만 짚고 넘어가도록 하겠다. * DB 예제는 MySQL 기준으로 하도록 하겠다. 1. DATE : YYYY-MM-DD 포맷 2. DAT.. 2023. 6. 30.
[Vue.js] PC, Mobile 접속 정보 확인(Browser 정보) 1. 접속 브라우저 정보 확인. - 웹개발을 진행 하다보면, 접속한 클라이언트의 기기 정보를 확인해야 할 경우가 있다. 서버에 클라이언트의 행동(Action)을 넘기고 로그를 남기기 위해. 접속 기기에 따라 다른 page 제공. - 해당 글에서는 Vue.js 플랫폼에서, 접속한 브라우저의 정보를 확인하고, 화면에 출력해주는 예제를 설명할 예정이다.(JS) 2. 정보 확인 객체 정보 2-1. Navigator 해당 객체는 JS의 내장객체 이며, 브라우저의 정보를 제공한다. 브라우저에서 활용 할 수 있는 코드 작성을 돕는다. 2-2. 브라우저 정보 속성 확인 객체 userAgent : 브라우저 정보를 모두 담고 있는 객체. (아래의 객체들이 deprecated 되었을때, 해당 객체를 활용해서 정보를 확인한다.. 2023. 5. 6.