일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- class지우기
- 클래스지우기
- 연산자
- 슬라이드한번에세개
- nodejs
- jsp
- vue3 props
- vue슬라이드
- <script setup>
- 슬라이드기능구현
- vue 사진미리보기
- vue이미지자르기
- 미리보기
- select
- 자바변수선언
- 컴포넌트간 데이터보내기
- javascript
- 뷰
- VUE
- vueper slides
- vue3 데이터보내기
- vueperslides
- Java
- 엑셀
- vue3
- 상위컴포넌트에서 하위컴포넌트로 데이터 전달
- 이메일유효성검사
- Node
- 구글폰트다운받아사용
- vue3emit
- Today
- Total
목록javascript (38)
orange056
https://gwfh.mranftl.com/fonts/black-han-sans?subsets=korean,latin google webfonts helper gwfh.mranftl.com 위 사이트에서 원하는 폰트를 다운받습니다. (사이트에 관한 설명은 맨 아래 있습니다.) 다운 받은 폰트의 압축을 풀고 프로젝트 안에 넣어줍니다. 저는 black han sans라는 폰트를 사용했어요:) 위처럼 입력해주면 폰트를 사용할 수 있어요 실제 사용할땐 위처럼 font-family에 넣어주면 됩니다. * 사이트 설명 실제 다운 받는 곳입니다. 1은 사용할 언어를 골라주면 됩니다. 2는 스타일인데 저는 기본값을 유지했습니다. 3은 그대로 긁어와서 style태그에 넣어주면 됩니다. 4는 파일 다운로드입니다. 다운로..
JSON.stringify(text) 위처럼 쓰면 object객체를 string 형태로 변경 할 수 있다.
// 복사할 노드 선택 const testDiv = document.getElementById('textBlock'); // 노드 복사하기 (deep copy) const newNode = testDiv.cloneNode(true); testDiv.after(newNode); 다음과 같이 입력하면 textBlock이라는 아이디를 가진 태그가 복사되고 바로 아래 추가된다
클릭 버튼을 눌렀을 때 함수를 실행하기 위해서는 onclick 속성을 이용하면 된다 그리고 함수안에 이벤트를 작성 해주면 된다
var json = {name: 'toran', age: 20}; 위와 같은 json이 있을 때 첫번째 내용(name)을 가져오고 싶다면 어떻게 해야할까? json[0] 배열처럼 [0]번째 값을 가져오면 될거 같아 그렇게 해보았다 이렇게 할 경우 undefined 이 나온다 json의 값을 가져오기위해선 다음과 같이 써주면된다 Object.values(json)[0] 결과: toran key값을 가져오고 싶다면 아래와 같이 써주면 된다 Object.keys(json)[0] 결과: name
- css - html 수정 팝업내용 닫기 - javascript
- script - css 저번에 쓰던 코드 조금만 수정해서 사용해봤다 th 부분은 고정해두고 아래 내용만 10개씩 띄우고 싶어서 위와 같이 작성했다. 다만 공지를 띄우거나 다른 css를 주려면 조금 어려울거 같아서 새로운 방법을 도전해봐야겠다.
- css - html 수정 팝업 내용 닫기 - script
버튼을 눌렀을 때 페이지를 이동하고 싶다면 함수를 이용해도 되지만 쉽게 할 수 있는 방법이 있습니다. 글쓰기 onClick 속성을 이용하면 버튼을 눌렀을 때 페이지가 이동하도록 할 수 있습니다. 중요한건 바로 경로를 적는게 아니라 location.href와 함께 사용해줘야한다는 것 입니다.
1. toString() 함수를 사용하여 배열을 문자열로 변환 - 배열을 문자열로 변환하는 가장 쉬운 방법 - 배열뿐만 아니라 다양한 다른 데이터 유형에서도 작동함 arr.toString(); - 배열 arr가 있을 때 위처럼 작성하면 배열 내의 모든 요소를 가져와 단일 문자열로 연결함 - 출력을 할때는 쉼표로 구분 함 - 쉼표를 제거하기 위해서는 replace()함수를 이용하면 됨 str.replace(/a/g, 'b'); - 위처럼 작성한다면 str의 문자열에서 a를 b로 바꿔줌 2. join() 함수를 사용하여 배열 요소 결합 - 배열에서 각 요소를 가져와 함께 문자열을 형성함 - 다른 구분 기호를 매개변수로 직접 전달하여 문자열 내의 요소를 구분하기 때문에 replace와 같은 다른 함수를 이용할..