일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- SWIFT
- 리액트
- 스위프트
- 비동기
- 자바스크립트 자료구조
- 자료구조
- HTML
- 호키스
- 계명대 이종호
- 자바스크립트
- queue
- 계명대
- Svelte
- 개발자
- hokeys
- react
- javascript
- 이종호
- 리액트 예제
- data structure
- 스벨트
- 개발
- IOS
- Hitit
- 자스민
- 호키도키
- TDD
- hokidoki
- 힛잇
- jest
- Today
- Total
목록클래스 (2)
Dog foot print
클래스와 구조체 클래스와 구조체의 공통점 클래스와 구조체는 외형상 비슷한 부분이 많다. 프로퍼티 변수나 상수를 사용하여 값을 저장하는 프로퍼티를 정의할 수 있다. 메소드 함수를 사용하여, 기능을 제공하는 메소드를 정희 할 수 있다. 초기화 블록 init 메서드를 두어 객체를 원하는 상태로 설정해주는 초기화 블록을 정의 할 수 있다. 서브스크립트 속성값에 접근할 수 있는 방법을 제공하는 서브스크립트를 정의 할 수 있다. ex : get , set 확장 객체에 함수적 기능을 추가하는 확장(extends) 구문을 사용할 수 있다. 프로토콜 특정 형식의 함수적 표준을 제공하기 위한 프로토콜을 구현할 수 있다. 클래스와 구조체의 차이점 외형상 비슷한 점은 많지만 객체가 구조체보다 더욱 많은 기능 범위를 가지고 있..
제이쿼리를 사용하면 toggleclass 나 addClass , removeClass 등 스타일링을 간단하게 변환할 수 있지만 바닐라 js에서는 document객체 를 이용해 className을 스트링으로 제어해야 한다. 해당 헤드에 대한 html 과 css 정보는 https://hokeydokey.tistory.com/33 이 링크에서 받을 수 있다. span 추가하기 jasmin 이 div안에 있는데 우리가 기대하는건 logo를 클릭했을때 컬러의 색상이 변경해야 함으로 logo를 span으로 감싸준다. 로직 구상 하기 span 태그를 건들면 해당 로고의 색상이 변경되어야 한다. 그럼 우리가 필요한 것들은 document.getElementById()로 해당 요소를 가져온다음 onclick 이벤트로 해..