본문 바로가기

분류 전체보기352

js challenge day 7 array cardio Code 배운 점 & 느낀 점 이번 과제도 array 함수들을 써보는 거라 쉽게 할 수 있었습니다. some, every, find, findIndex는 자주 안 쓰는 함수들이었는데 이번 기회에 사용해 봤습니다. 2023. 1. 30.
[프로그래머스] 뒤에 있는 큰 수 찾기 js java 문제 정수로 이루어진 배열 numbers가 있습니다. 배열 의 각 원소들에 대해 자신보다 뒤에 있는 숫자 중에서 자신보다 크면서 가장 가까이 있는 수를 뒷 큰수라고 합니다. 정수 배열 numbers가 매개변수로 주어질 때, 모든 원소에 대한 뒷 큰수들을 차례로 담은 배열을 return 하도록 solution 함수를 완성해주세요. 단, 뒷 큰수가 존재하지 않는 원소는 -1을 담습니다. 접근 한줄 요약 : stack에 순서대로 값을 넣으면서 stack.peek보다 큰값이 들어오면 기존 stack에 있는 값들을 빼면서 업데이트 시킴 9,1,5,3,6,2라는 예제를 예로들자면 일단 스택이 비어있을땐 그대로 [9,0]을 넣어준다 (0은 순서를 나타내기 위한 index) 스택이 비어있지 않을 때는 두가지 분기로 나.. 2023. 1. 28.
js challenge day 6 Type Ahead Code 배운점 & 느낀점 이번에는 정규표현식 이해하는데 시간을 많이 썼습니다. /\B(?=(\d{3})+(?!\d))/g /B => 단어 사이사이 경계선을 나타냄 (?=) => 조건 합쳐서 확인 (\d{3}) => 숫자 3개 (?!\d) => 숫자가 없는 즉, 숫자 3개가 하나이상 나오며 뒤에 숫자가 아닌 그룹에 ,를 넣는다 1000000 => 1,000,000 2023. 1. 27.
js challenge day 5 Flex Panel Gallery Code 배운점 & 느낀점 classList.toggle이라는 매서드를 처음 사용해봤습니다. 어떤 클래스가 없다면 넣어주고, 있다면 빼주는 식입니다. toggleOpen 함수를 작성할 때 target으로 작성했더니 원하는 이벤트가 일어나지 않았습니다. target과 currentTarget의 차이점을 알 수 있었습니다. div 태그로 p태그를 감싸고 이 상황에서 p태그를 클릭하면 p클릭 => div클릭 순으로 이벤트 버블링이 일어나게 되는데, target속성은 p를 가리키고, currentTarget은 div태그를 카르키게 됩니다. 즉 currentTarget은 이벤트 캡쳐링 ,버블링이 일어나는 상황속에서 현재 타겟을 가르킵니다. 2023. 1. 25.
js challenge day 4 Code 배운점 & 느낀점 이번 과제는 array 함수들을 이용하는게 중점적이었습니다. js로 코테를 준비하면서 많이 썼던 함수들이라 쉽게 풀 수 있었습니다. 2023. 1. 24.
Js challenge day 3 Update CSS Variables with JS Code 배운점 & 느낀점 :root { --base: #ffc600; --spacing: 10px; --blur: 10px; } img { padding: var(--spacing); background: var(--base); filter: blur(var(--blur)); } 해당 코드처럼 css에서도 변수를 통해 관리할 수 있는 것을 다시 한번 상기하는 계기가 되었습니다. 또한, 이 변수들을 js를 이용해 관리할 수 있는 방법도 배웠습니다.(documentElement.style.setProperty) 2023. 1. 23.
반응형