로컬스트로지

# 컴포넌트에서 높이 구하기 1. 컴포넌트에 ref="링크명" 붙이기 2. this.$refs.링크명 으로 접근 3. 높이구하기 - mounted이후에 접근해야 undefined 오류가 안뜬다. private 함수명() { //이벤트 const 높이 = this.$refs.링크명.$el.clientHeight; } # html 요소에서 높이 구하기 1. 필요한 html 에 ref="링크명" 붙이기 2. this.$refs.링크명 으로 접근 3. 높이구하기 - 지시자 $el 없이 attribute로 바로 접근한다. private 함수명() { //이벤트 const 높이 = this.$refs.링크명.clientHeight; } 👀느낀점 코드를 짜다가 추가하여 어떠한 상황을 만들었을때 어떠한 이유로 안될경우..

Vue

vue 투두리스트(feat.인프런)

2023.03.30

#투두리스트 만들기 1.npm install -g @vue/cli (해당프로젝트는 vue2) 2.vue create 프로젝트명 $ cd vue-todo $ npm run serve 4.컴포넌트 만들기 - 파스칼케이스법으로 작성 - 첫단어는 대문자로 시작 5.컴포넌트 등록하기 - App.vue 6.public - index.html 에 뷰포트, 파피콘 등 메타태그와 필요한 font, icon 등록하기 - cdn 이용 1 : https://www.favicon-generator.org/ - 파비콘만들기 2 : https://fonts.google.com/ - 구글 웹폰트(요즘은 눈누도 많이씀!) 3 : https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_..

728x90

로컬스트로지

vue) component height #2307

vue 투두리스트(feat.인프런)

티스토리툴바