민우의 코딩일지
article thumbnail
Vue 시작일과 종료일로 진행률(%) 표시하기
💻 FullStack/Vue.js 2023. 9. 19. 18:26

소개 new Date() 함수를 사용하면 현재 시간 정보를 얻거나, 날짜 형식으로 변경할 수 있다. 이를 이용해서 시작일과 종료일을 기준으로, 현재 진행률(%)를 구하는 js 파일을 작성해보았다 🐣 시/분/초 단위로 %를 구하고, 100%를 넘어가지않도록했다. 예시 👀 체험 해보기 Vue SFC Playground play.vuejs.org 코드 DispalyProgress.js const separator = "-" // ★ 매개변수는 총 2개 (시작일과 종료일)이 필요 // ★ 매개변수는 문자열 타입 // ★ 연/월/일 구분은 separator 변수 값과 일치해주기 ex-> 2023/01/01(x) 2023-01-01(o) function getPercentToPeriod(startDate, endD..

article thumbnail
Vue CSS height 속성 값에 % 사용해보기
💻 FullStack/Vue.js 2023. 9. 14. 00:54

소개 window.innerHeight 를 사용하면 현재 브라우저의 높이를 알 수 있다. 그리고, window event중에서 resize를 함께사용한다면 브라우저 높이가 바뀔때마다 변경된 높이 값을 얻을 수 있다. 이를 활용해서 현재 브라우저 높이에서 원하는 %만큼만 반환하는 함수를 만들어서 가져다 쓸 수 있게끔 코드를 작성해보았다 🐣 예를들어 현재 높이가 100인데, 그중에서 10%만 원한다면 ? 값을 구하는 방법은, 10을 100으로 나누고, 현재 높이에 곱해주면 된다. 그럼 100 * ( 10 / 100 ) 에서 100 * 0.1 으로 계산하는것과 같으니까, 원하는 결과인 10을 얻을 수 있게된다 ..! 예시 👀 체험 해보기 Vue SFC Playground play.vuejs.org 민우의 코딩일지

article thumbnail
Git 터미널에서 VisualStudioCode 열기
🔨 Tool/Git · GitHub 2023. 9. 12. 23:38

현재 폴더 cd 경로 명령어로 원하는 곳으로 이동한뒤, code . 명령어로 VScode를 실행시킬 수 있다. code . 특정 파일만 폴더를 통쨰로 열지않고, 특정 파일만 편집기로 열어보는 방법도 있다. * 깃 충돌시 유용할듯하다 : ) code 파일명.확장자 파일 목록 확인은 터미널에서 ls 혹은 dir 명령어 입력 참고 📌 VSCode를 터미널(CMD)창에서 바로열기 (stories.pe.kr) VSCode를 터미널(CMD)창에서 바로열기 컴퓨터를 켜고 VSCode창을 열때는 여러가지 방법이 있습니다. 그 중에 제가 가장 선호하는 방법은 터미널창에서 열기 입니다. 터미널에서 VScode 열기 Finder에서 원하는 폴더로 이동하여 폴더를 선 ux.stories.pe.kr