분류 전체보기58 [프로그래머스/js] 로또의 최고 순위와 최저 순위 https://programmers.co.kr/learn/courses/30/lessons/77484?language=javascript 코딩테스트 연습 - 로또의 최고 순위와 최저 순위 로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다. 1 순위 당첨 내용 1 6개 번호가 모두 일치 2 5개 번호 programmers.co.kr function solution(lottos, win_nums) { let score = [6, 6, 5, 4, 3, 2, 1]; let zero_cnt = 0; let correct = 0; lottos.forEach((v) => { if (win_nums.includes(v)).. 2021. 10. 27. DOM 조작 시 알아야할 Live collection, Static collection NodeList NodeList는 element.childNodes와 같은 속성이나 document.querySelectorAll()과 같은 메소드에 의해 반환되는 Node Collection이다. NodeList는 마치 Array와 비슷하게 생겼지만 배열과는 다르다. 우리는 배열과 같은 형태를 하고 있지만 배열이 아닌 객체들을 유사 배열이라고 부른다. NodeList는 배열이 아니기 때문에 배열에 사용 가능한 메소드를 대부분 사용할 수 없다. 그렇기 때문에 NodeList에 배열 메소드를 사용하기 위해서는 NodeList를 실제 배열로 변환하는 등의 방법을 사용해야 한다. (최신 브라우저에서는 NodeList에 forEach()와 같은 메소드를 지원하고 있다.) 중요한 점은 대개의 경우 NodeList.. 2021. 3. 13. 커스텀 드롭다운 메뉴 만들기 blog.campvanilla.com/reactjs-dropdown-menus-b6e06ae3a8fe ReactJS: Dropdown menus A quick guide on building dropdown menu interactions in React. blog.campvanilla.com letsbuildui.dev/articles/building-a-dropdown-menu-component-with-react-hooks Building a Dropdown Menu Component With React Hooks We'll create a dropdown menu using React Hooks. letsbuildui.dev 첫번째 게시글은 클래스 컴포넌트에서, 두번째 게시글은 함수 컴포넌트에서 .. 2021. 1. 9. useState 사용 시 배열 아이템 업데이트 방법 dev.to/brettblox/react-hooks-usestate-43en React Hooks - useState The useState hook allows us to make our function components stateful. Create and Initial... dev.to 위 글 참고했는데 더 좋은 방법이 있으면 댓글로 알려주시길 바랍니다 ㅜㅜ // 업데이트 함수 const UpdateSns = (e, index) => { setUserSns( userSns.map((item, idx) => (idx === index ? e.target.value : item)) ); }; // onChange에 업데이트 함수 넣어주기 {userSns.map((item, idx) => ( Updat.. 2021. 1. 6. 이전 1 2 3 4 5 ··· 15 다음