본문 바로가기

전체 글168

[JS]부족한 금액 https://school.programmers.co.kr/learn/courses/30/lessons/82612 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 처음에는 그냥 무지성으로 했었다 function solution(price, money, count) { let answer =0; while(count>=1){ answer+=price*count console.log(answer) count-- } return answer-money>=0?answer-money:0 } 그냥 뱅글뱅글돌려버려!~~~~했는데 시간이 엄청 오래걸렸다. 글을 잘 보니까.. 2022. 7. 6.
[JS]최소직사각형 https://school.programmers.co.kr/learn/courses/30/lessons/86491 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 설명을 보니 방향으로 정렬이 필요한 것 같아서 sort를 작성했고, return 값이 양쪽 둘다 큰 숫자를 곱한 값인것 같아서 이렇게 작성했다 function solution(sizes) { let max1=0 let max2=0 sizes.forEach(el=>{ let [a,b]=el.sort((a,b)=>a-b) if(max1 2022. 7. 6.
[JS] 드롭다운 구현하기 이전에는 연습한것들을 버튼에 링크를 달아서 했었는데, 모양새가 조금 그런것 같아서 드롭다운으로 바꿔보았다. 이전 연습들과 마찬가지로 처음 구현해보는거였는데, 다른사람들꺼를 봤을 땐 js없이 가능 한것 같던데, 코드를 아무리봐도 알수가 없었다. 그래서 setTimeOut과 transition을 이용해서 스르륵 나타내는 효과를 주었다 전체 js코드 const previewUl = document.querySelector('.preview__ul'); // '연습한 것 중에 하나' 부분 const pracList = document.querySelector('.prac__list'); //'찐 리스트' const toggle = document.querySelector('.toggle');// 옆에 삼각형 p.. 2022. 7. 5.
[js/css/styled-component] 220704 js 1.stopPropagation() 과 preventDefault() 의 차이는? https://developer.mozilla.org/ko/docs/Web/API/Event/stopPropagation Event.stopPropagation() - Web API | MDN Event 인터페이스의 stopPropagation() 메서드는 현재 이벤트가 캡처링/버블링 단계에서 더 이상 전파되지 않도록 방지합니다. 전파를 방지해도 이벤트의 기본 동작은 실행되므로, stopPropagation()이 링 developer.mozilla.org 오늘 수업을 듣다가 stopPropagation() 이 나왔다. 그럴바엔 그냥 preventDefault()쓰는게 낫지않나 싶어서 검색해보는게 나을 것 같았다 htt.. 2022. 7. 4.

티스토리툴바