일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- scroll
- 배열
- 문자열
- slice
- 이벤트 위임
- Push
- event
- 모듈
- IntersectionObserver
- dom
- 비동기
- ios
- ES6
- video
- animation
- 객체
- This
- 애니메이션
- map
- Flex
- Promise
- array
- 이벤트
- ajax
- input
- object
- 이벤트 루프
- 클로저
- 스크롤
- json
- Today
- Total
목록2025/04 (4)
FEDev Story

export default { data() { return { currentId: null, lastFocusedElement: [], isModalOpen: { popup1: false, popup2: false, popup3: false, popup4: false, }, } }, }isModalOpen 객체의 아이템중 하나라도 true가 되면 isDimOpen을 true로, isModalOpen 객체의 아이템이 전부 false가 되면 isDimOpen을 false로 설정을 하려면 어떻게 해야할까?isModalOpen은 배열이 아니라 객체지만, Object.v..
forEach 메서드는 배열의 처음부터 끝까지 순서대로만 동작하도록 설계되어 있어서, 뒤에서부터 순회하는 기능은 지원하지 않아요.하지만 대신, for 루프를 사용해서 **역순(forEach처럼 동작)**할 수 있어요.✅ 역순으로 배열 순회하는 방법const arr = [1, 23, 4];for (let i = arr.length - 1; i >= 0; i--) { const num = arr[i]; console.log(num); // 4, 23, 1 순서로 출력}❗️forEach처럼 콜백을 쓰고 싶다면?const arr = [1, 23, 4];arr.slice().reverse().forEach((num) => { console.log(num); // 4, 23, 1});설명:slice()는 원본..
자바스크립트에서 문자열에서 숫자만 추출하려면 정규식을 사용하는 방법이 가장 일반적입니다. 예를 들어 'popup1'에서 숫자 1만 추출하려면 아래와 같이 할 수 있어요:✅ 숫자만 추출하는 방법const str = 'popup1';const num = str.match(/\d+/); // 숫자에 해당하는 부분 추출console.log(num ? num[0] : null); // "1"설명:\d+는 하나 이상의 숫자를 의미합니다.match()는 정규식과 일치하는 문자열을 배열로 반환합니다.숫자가 없을 경우 null을 반환할 수 있으니 ?로 체크해줍니다.👉 숫자를 숫자형(Number)으로 바꾸고 싶다면?const str = 'popup1';const num = str.match(/\d+/);const num..

우연히 유투브를 통해 알게되어 신청하게 된 '이도혜 챗GPT 300% 활용법' 강연을 듣고 왔다.일시: 4/19(토) 오후 3시~6시장소: 안산 한양대 에리카컨벤션 3층 컨벤션 홀웹사이트 제작 관련 일을 하다 보니 코딩과 관련하여 근래 챗GPT의 도움을 많이 받고 있고 이전에도 책을 사서 보기는 했지만 왠지 내가 알고 있는 지식은 아주 아주 일부에 불과하다고 생각되어 강연에 대한 기대와 함께 설레임을 안고 강연장으로 향했다.오전에 바람도 많이 불고 비도 오고 날씨도 안좋아 사람이 별루 없으면 어떡하나 잠깐의 걱정도 했으나 왠걸 강연장은 200여명으로 가득차 있었고 연령도 20대에서 50대까지 다양하여 오기를 잘 했다는 생각이 들었다.1부~3부로 나누어 진행된 강연은 2부 후원사 홍보시간을 포함하여 세시간..