전체 글 (47) 썸네일형 리스트형 피셔에이츠셔플, 랜덤 숫자 뽑기 *나중에 써먹으려고 메모해둠 랜덤으로 숫자 뽑는 함수에 대해 배웠는데 설명하려면 아직 좀 부족한 감이 없지 않아 있다 a = [1,2,3,4,5,6,7,8,9]; for(i = a.length -1;i>0;i--){ //무작위 숫자를 뽑음 r = Math.floor(Math.random()*(i+1)); tmp = a[i]; a[i] = a[r]; a[r] = tmp; } 메서드(Method)란 무엇인가? 메서드란 한마디로 표현하면, 객체가 가지고 있는 함수(객체 안에 있는 함수) 이다 자바스크립트에서는 일반적으로 함수와 메서드의 기능적인 차이는 없다. 그 때문에 둘 다 함수라고 한다. 그렇지만 읽는 방법을 구별하는 것이 알기 쉽기 때문에 객체가 프로퍼티로 가지고 있는 함수를 특별히 메서드라고 한다. (근대 이렇게 나눠 놓으니까 뭔가 더 헷갈리는 것 같다.) 함수: 어떤 일련의 과정을 1개의 처리로 정리해서 여러 곳에서 쓸 수 있도록 한 기능 메서드: 객체가 프로퍼티로서 가지고 있는 함수(위의 함수를 가지고 있음) 객체의 프로퍼티 메서드의 사용법을 알기 전에 객체의 프로퍼티에 대해 간단히 알아보면 객체는 키(key)와 값(value) 쌍으로 이루어진 프로퍼티를 가진다. 프로퍼티는 한 마디로 속성이라고 생각.. v-if의 응용/팁 참이면 이것을 보여주거나 거짓이면 저것을 보여주는 게 보통인데 조건에 따라서 이것만 보여주기, 저것만 보여주기, 그리고 다 보여주고 싶을 때!!!!! 어떻게 해야 하나 공부를 하면서 찾은 방법을 기록해 둔다. 예를 들어, 결제수단을 신용카드를 선택할 경우, 현금을 선택할 경우에 따라 다른 문구를 보여주는 화면을 만드는데 처음에는 지불 방법을 결정한 후, 이하의 순서로 신청해주세요 클릭했을 때 전화 걸기 html/css 이번에 현장에서 배운 재밌는 코드 보통 스마트폰에서 전화번호가 적혀있는 부분을 터치하면 전화 걸기 기능을 실행해주는 기능을 배웠다. 뭔가 엄청 어려울 것 같았는데 별거 없었다 ㅎㅎ 000-1234-5678 a태그 안에 href속성이 있는데 여기에 tel: 번호를 입력해주면 된다. 만약 해외사이트의 경우 앞에 +국제번호(한국의 경우: 82)를 입력해주면 된다. 밑에와 같이 000-1234-5678 끝 플러스) 혹시 css브레이크 포인트에서 지정한 크기에서만 실행하고 싶다면 @media(min-width: 770px){ a[href^="tel:"]{ pointer-events: none; } } 디바이스의 폭이 770px미만에서는 전화 발신이 가능한데 770이상의 디바이스에서는 전화발신기능이 불가능하게된다... 배열의 값을 더해야 할 때 배열의 요소를 더해 줄 필요가 없을 때 어떻게 해야하지? 헤매다가 찾아서 정리한다. 역시 정의와 원인 이런거는 다른 분들의 멋진 해설을 보면 되고 여기서는 바로 코드로 보자 let getArray = [1000, 2000, 3000, 4000]; // 이런 배열이 있다, 이걸 다 더해야 한다 let total = getArray.reduce(function(sum, element){ return sum + element; }, 0); // 결과 : 10000 끝. 빼고 싶을 때는 부호 - 를 붙이면 된다. reduce가 뭐고 저 안의 함수 sum, element가 뭔지 , 0이 뭔지는 MDN을 보시면 됩니다 https://developer.mozilla.org/ko/docs/Web/JavaScript/R.. 자바스크립트 날짜바꾸기 이것저것 쓰잘데없는 이야긴 집어치우고 바로 써먹을 수 있는 코드를 가져오시게!! 예~~~~대령하겠습니다~~ 자바스크립트 날짜바꾸기 2023-03-14 를 다양한 방법으로 바꾸기 이건 내가 일하면서 봤던 코드인데, 아주 쓸모가 있을 것 같아서 나중에 나를 위해서도 남겨놔야겠다. const dateFormat = (date: string) => { return Object.fromEntries( new Intl.DateTimeFormat('ja-JP' , { year: 'numeric', month: '2-digit', day: '2-digit', weekdays: 'short' }) .formatToParts(new Date(date)) .map(({ type, value }) => [type, value.. 자바스크립트 우편번호가 1234567로 왔을 때 하이픈추가하기 백엔드로부터 데이터를 받았는데 1234567로 와서 하이픈을 붙여서 123-4567로 표시 하고 싶을 때 바로 써 먹을 수 있는 코드. 가져다 많이 많이 써주십쇼 const displayPostCode = (str: string) => { return `${str.substring(0,3)-${str.substring(3)}}` } 이상. substring이 궁금하신 분들은 MDN가서 보세요~ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring String.prototype.substring() - JavaScript | MDN The substring() method returns.. 은근 많이 쓰이는 천 단위 콤마 원인이나 세세한 설명보다는 바로 쓸 수 있는 기술을 지향합니다. 1.toLocaleString() 숫자. toLocaleString() https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString Number.prototype.toLocaleString() - JavaScript | MDN The toLocaleString() method returns a string with a language-sensitive representation of this number. In implementations with Intl.NumberFormat API support, this meth.. 이전 1 2 3 4 5 6 다음