전체 글111 버튼 클릭시 해당 텍스트 보이게하기 버튼1 버튼2 버튼3 스마트문화앱 ui 디자인 능력단위가 바뀌었으니 꼭 확인하세요 문제해결 시나리오 2021. 8. 13. 팝업창 라이브러리(magnific-popup) https://github.com/dimsemenov/Magnific-Popup/ GitHub - dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance. Light and responsive lightbox script with focus on performance. - GitHub - dimsemenov/Magnific-Popup: Light and responsive lightbox script with focus on performance. github.com 접속해서 사용법과 파일을 제공받을 수 있다. (dist 폴더에 있는 파일들만 필요함) 사용방법은 설명서를 읽는것보다 코드펜 예시로 보는.. 2021. 8. 12. 구조분해할당 구조분해할당 구조 분해 할당 구문은 배열이나 객체의 속성을 분해해서 그 값을 변수에 담을 수 있게 하는 표현식 배열에 해당하는 값이 없을 때 : undefinded 로 뜸 (기본값을 주어 에러를 미연에 방지하자!) 배열에 공백이 있을 때, 공백이 있는 배열을 무시한다. 객체도 구조분해가 가능하다. 객체를 구조분해 할 때는 순서 상관없이 할당해도 된다. ex) {name, age} -> {age, name} 으로 해도 정상적으로 작동 객체 또한 배열을 구조분해 할 때처럼 지정되지 않은 값에 대해서는 undefined를 반환 (객체 또한 기본값을 주어 에러를 미연에 방지하자!) but 객체에 이미 값이 할당되어 있으면 기본값을 주어도 객체에 할당되어있는 값을 쓴다. https://www.youtube.com.. 2021. 8. 8. 지출 비용 계산 ※ 알게된 점 처음에 prompt 에 숫자를 입력할 때 입력값을 문자로 인식했다. ex ) 나는 5+5 = 10 을 원했는데 5+5 = 55 로 나와버리기 그래서 mdn에 검색을 해보니 prompt가 기본적으로 반환하는 값은 문자열이어서 내가 원하는대로 되지 않은 것이다. 이 함수가 반환하는 값은 문자열 이라는 점에 유의하세요. 이는 사용자가 입력한 값을 다른 자료형으로 바꿔야 할 때가 있음을 뜻합니다. 예를 들어, 만약 사용자의 대답이 Number가 되어야 한다면 반환 값을 직접 변환해야 합니다 - MDN 발췌 - 그래서 반환값을 숫자로 지정해줬더니 원하는 결과가 나왔다. 2021. 8. 6. 이전 1 ··· 4 5 6 7 8 9 10 ··· 28 다음