728x90 반응형 Vue.js3 [Vue.js] Int 타입 데이터 1000단위 [, 콤마] 추가하기 개발 환경 --------------------------------- OS : Mac 개발 툴 : intelliJ 개발 언어 : java 프레임워크 : vue.js --------------------------------- 내가 마주친 상황 = DB에서 조회한 데이터를 화면에 뿌리려는데 기획은 천단위 이상의 데이터는 콤마를 찍어 달라고 요청했다. DB에는 type이 int로 들어가 있고 DB상에서는 콤마가 잘 찍혀있다. 근데 데이터를 화면에 뿌라면 콤마가 사라진다. 크흠 해결방법 데이터 뒤에 {{ rankList?.data[1].eng.toLocaleString() }}P 이렇게 toLocaleString() 속성을 호출해준다. 이 속상은 데이터를 지정한 지역에서 사용하는 방식으로 변환해준다. Arr.. 2023. 8. 11. Vue.js v-for를 이용한 리스트 렌더링 안녕하세요 전진시입니다 지난 포스팅 vue 셋팅에 이어 가보겠습니다 vue는 생각보다 문법이 직관적이고 쉽다고 느껴지네요 v-for 구문은 v-for = "item in array" 이렇게 생겼습니다 item은 array가 반복되면서 불러올 요소 하나하나를 가리킵니다. item은 아무 이름이나 넣어줘도 됩니다. 테스트 데이터를 만들어보자 data 속성에 titleArray를 정의해줍시다 titleArray는 4개의 요소로 이루어진 배열임! data() { return { titleArray : ['음식','일상','여행','가족'], } }, 테스트 데이터를 만들었으니 바로 v-for 구문을 완성해보겠습니다 엇 위에서 제가 말한 구문과 다릅니다! !!중요중요 (슬기와 배배!!!!!!!!!!!!!!!!!!.. 2022. 5. 8. Vue.js mac에서 개발환경 셋팅하기 [1] 안녕하세요 전진시입니당 오늘은 Vue를 셋팅해보겠슴다! 첫번째 . Node js를 설치합니다 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 아래와 같은 화면이 뜨면 왼쪽 버튼을 눌러서 다운로드 ! node js를 설치하면서 두번째. vscode를 설치해주세요! https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging .. 2022. 5. 1. 이전 1 다음 728x90 반응형
