728x90 반응형 nuxt3 [JavaScript] 생년월일 데이터 포맷 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : javaScript 개발 프레임워크 : nuxt 빌드 도구 : Gradle --------------------------------- 회원가입 등 생일 데이터를 받아야할 때 사용자가 주는 데이터를 포맷하서 넣어주면 깔끔하다. 잘못된 데이터가 들어가는 일도 없을 것이다. 아래 코드는 생일 데이터를 입력받을 때 내가 받고싶은 데이터 형식에 맞게 포맷해주는 코드이다. 1. 숫자 외의 문자는 받지 않는다. 2. 8자 이상 넘어가지 않도록한다. 3. 현재 년도를 넘어가지 않게하며 1~12월, 1~31일 안에서 입력될 수 있도록 한다. 내가 설정한 조건은 위 세가지이다. const i.. 2024. 4. 4. [Vue.js] NextTick 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 프레임워크 : nuxt.js --------------------------------- DOM(웹 페이지)에서 데이터가 업데이트 되어 페이지가 렌더링되거나 UI가 변경될 때 즉, DOM에 접근하는 작업을 하는 경우 Vue가 다시 DOM을 바로 인식하지 못하는 경우가 있습니다. 이런 경우 자바스크립트의 비동기 특성으로 오류가 발생합니다. nextTick 메서드는 DOM을 다시 인식하기까지 기다려줍니다. 모든 데이터의 업데이트 및 화면 렌더링을 마친 후 DOM에 다시 접근합니다. 아래는 nextTick 사용 예시입니다. const nextTickTest = async .. 2024. 2. 2. [Nuxt.js] 프로젝트 생성하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 개발 프레임워크 : nuxt 빌드 도구 : Gradle --------------------------------- Nuxtjs = Vue + SSR 라고 간단하게 이해한 후 시작해보자 SSR은 server side rendering의 약자로 클라이언트가 서버에 매번 데이터를 요청하고 서버에서 처리하는 방식이다. 예를들어 원래는 특정 url을 호출하면 클라이언트단(브라우저)에서 화면을 그린다. 2023. 10. 30. 이전 1 다음 728x90 반응형
