codeManager codeManager

JavaScript

• JavaScript - array 생성

  JavaScript 2022. 6. 17. 18:03

  const marks = new Array(10).fill(0).map((e, i) => { return {value: i*10, label: i*10} }); 관련글 JavaScript - Arrays 다루기 JavaScript - Arrays 다루기 1. Array.map() map()을 이용해서 array를 다른 형태로 바꿀 수 있다. const data = [{ name:'lebron', age: 38 }, { name:'curry', age: 34 }, { name:'durant', age: 34 }, { name:'harden', age: 34 }, { name:.. codemanager.tistory.com

  Read More
• TypeScript - Number 사용법

  JavaScript 2022. 6. 14. 18:34

  전달된 값이 정수인지 확인하기 Number.isInteger() function fits(x, y) { if (Number.isInteger(y / x)) { return 'Fits!'; } return 'Does NOT fit!'; } console.log(fits(5, 10)); // expected output: "Fits!" console.log(fits(5, 11)); // expected output: "Does NOT fit!" string을 number로 변환 +를 string에 붙여준다. console.log('1234'); // "1234" console.log(+'1234'); // 1234 console.log(+'9XB9'); // NaN Number() console.log(Nu..

  Read More
• event.stopPropagation() event.preventDefault() 차이

  JavaScript 2022. 6. 14. 18:25

  event.stopPropagation() 웹에서 클릭이벤트는 상위 document로 전파됨(bubble up) 부모 태그로의 이벤트 전파를 중지하는 의미 event.preventDefault() a tag href 링크가 있고 click event가 있을 경우 둘다 이벤트 발생 a href=#는 스크롤이 페이지 상단으로 이동 태그처럼 클릭 이벤트 외에 별도의 브라우저 행동을 막을 때 사용

  Read More
• JavaScript - Arrays 다루기

  JavaScript 2022. 5. 30. 19:26

  1. Array.map() map()을 이용해서 array를 다른 형태로 바꿀 수 있다. const data = [{ name:'lebron', age: 38 }, { name:'curry', age: 34 }, { name:'durant', age: 34 }, { name:'harden', age: 34 }, { name:'embiid', age: 25 }] const mappedData = data.map(element => element.name); console.log(mappedData) // [ 'lebron', 'curry', 'durant', 'harden', 'embiid' ] 2. Array.filter() array에서 특정 조건을 가지고 필터링할 수 있다. const data = [..

  Read More
• JavaScript - 스크롤 맨 위로, 맨 아래로

  JavaScript 2022. 5. 30. 18:56

  스크롤 맨 위로 하는 방법 // 스크롤 맨 위로 const scrollToTop = (element) => element.scrollIntoView({ behavior: "smooth", block: "start" }); element.scrollIntoView에서 block을 start로 해주면 스크롤 맨 위로 이동합니다. 스크롤 맨 아래로 하는 방법 // 스크롤 맨 아래로 const scrollToBottom = (element) => element.scrollIntoView({ behavior: "smooth", block: "end" }); element.scrollIntoView에서 block을 end로 해주면 스크롤 맨 아래로 이동합니다. behavior: "smooth"는 이동을 부드럽게 해..

  Read More
• JavaScript - 텍스트 선택 지우기

  JavaScript 2022. 5. 30. 18:55

  웹페이지에서 선택할수 있는 텍스트 선택 취소하는 방법 선택할 수 있는 텍스트가 선택되어 지는 경우에 코드 상으로 취소하는 방법 window.getSelection()?.removeAllRanges();

  Read More
• JavaScript - Shuffling arrays

  JavaScript 2022. 5. 30. 18:33

  배열(Array)를 랜덤하게 섞는(shuffle) 코드입니다. const shuffleArray = (arr) => arr.sort(() => Math.random() - 0.5); const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(shuffleArray(arr)); // arr 가 랜덤순으로 정렬됨

  Read More
• JavaScript - string 끝에서부터 자르기 (slice)

  JavaScript 2022. 5. 30. 18:26

  자바스크립트에서 String 일부를 자르고 싶을 때 slice() 함수를 사용한다. String.prototype.slice() The slice() method extracts a section of a string and returns it as a new string, without modifying the original string. example const str = 'The quick brown fox jumps over the lazy dog.'; console.log(str.slice(31)); // expected output: "the lazy dog." console.log(str.slice(4, 19)); // expected output: "quick brown fox" cons..

  Read More