겨울이 찾아오면 모동숲에서만 즐길 수 있는 특별한 이벤트가 열린다.바로 눈사람 만들기! ☃️ 눈사람 만들기 기본 준비물 눈사람을 만들기 위해서는 섬을 돌아다니면서 2개의 눈덩이를 찾아야 한다. 섬에 공터가 충분하지 않은 사람들은 섬크리에이터로 나무, 바위, 연못 등을 모두 제거해서 어느 정도 넓은 공터를 확보 해야 한다. 하루에 2개의 눈덩이가 등장하고 이 눈덩이 두 개를 굴린 후 이어 붙여서 눈사람을 만든다. 눈덩이 두 개는 근처에 한꺼번에 나타난다. ❄️ 눈덩이는 초기에 2가지 형태로 등장한다. 작은 눈덩이 → 처음에는 발로 걷어차다가 크기가 커지면 손으로 굴릴 수 있게 된다. (13번 정도 걷어 차면 손으로 굴릴 수 있게 됨)쇠똥구리가 눈덩이를 굴리고 있는 상태로 등장 → 쇠똥구리를 잡거..
정렬(Sort)개요데이터를 오름차순 또는 내림차순으로 배열하거나 리스트의 요소를 정렬하는 과정이다. 정렬을 활용한 코딩테스트 문제는 매우 다양하다. 정렬 문제는 문제를 풀 때는 정렬 기준을 정확히 파악하고, 그에 맞는 알고리즘을 선택하는 것이 중요하다. 정렬 알고리즘, 이진 탐색, 투 포인터, 빈도수 계산 등 다양한 기술을 조합해 해결해야 하는 문제들이 많다. 주어진 조건을 Arrays.sort() 를 이용해서 정렬해야 하는 문제도 있고, 정렬 기준을 사용자 정의 객체에 맞게 지정해야 하는 경우, Comparator 인터페이스를 구현한 객체를 Collections.sort() 또는 Arrays.sort()에 전달하여 정렬하면 되고, 이 때 Java 8 이상에서는 Comparator를 람다 표현식으로 ..
내가 보려고 만든 이벤트 핸들러 🐦목표이벤트, 이벤트 핸들러, 이벤트 버스 및 addEventListener에 대해 알아보자.그리고 jQuery와 Vanilla JavaScript에서 이벤트를 다루는 법에 대해 알아보자. 다시 한 번 말하지만 jQuery는 한때 웹 개발에서 필수적인 라이브러리였지만, 이제는 Vanilla JavaScript(순수 JS)나 React, Vue, Svelte 같은 프레임워크가 대체하면서 사용이 줄어들고 있다. 그래서 addEventListener 위주로만 정리했고 순수하게 이벤트 종류만 궁금한 사람은 6번부터 읽으면 된다. 1. 자바스크립트 이벤트 (JavaScript Event)이벤트(Event)는 사용자나 시스템이 웹 페이지에서 일으키는 동작이다.예를 들어, 버튼 클..
7개월만에 재접속시간이 없어서 못하다가 눈사람 만들 수 있다는 소식을 듣고 바로 달려왔오ㅋㅋ 오랜만에 켜니까 바퀴벌레 계속 나온다한 10마리는 잡은 거 같아섬이 잡초로 뒤덮혀서 잡초 30분 동안 뽑았다낚시하러 가는중 박물관 컬렉션곤충/물고기는 거의다 모았다 (뿌듯) 😊반면 미술품 있어야 할 자리는 텅 비었오ㅜㅜ미술품은 여우가 가품으로 사기치는데 맨날 당함 ㅋㅋㅋㅋㅋ족보 보면서 모아야되는데 귀찮아서 구냥 하다 보니까그동안 다 가짜만 모이고 진품은 3개 모였오드디어 눈사람 만들기두근두근....😍눈사람 만들려면 섬 크리에이터로 토목공사해서 하천이랑 나무 없애야 되고 바위나 잡초 등 장애물도 다 없애야된데🤩눈덩이가 장애물에 부딪히면 부서지거나 녹아 없어진다고 한다그래서 하천을 덮어서 평지로 만드는중열심히..
✅ 이벤드 등록 메서드 - 제이쿼리의 .on(), .off(), .one() 차이 - on() 과 addEventListener() 차이 - 제이쿼리에서 자연스럽게 addEventListener() 이 권장되게 된 경위 - Event - EventHandler - EventBus - 마우스 이벤트 - 포커스 이벤트 + tabindex 속성 - 키보드 이벤트 + 버블링과 캡쳐링✅ 정렬 이어서 정리해서 올리기 - Comparator 정렬 - Stream - 6가지 정렬별로 정리해야 함 - 시간 복잡도✅ 빨래, 수건 개기✅ 설거지✅ 식물 물갈기✅ 동물의숲 포스팅 어제 선택자 정리할게 너무 많아서 2시에 잤다.그래서 오늘은 10시까지 늦잠잤더니 온 몸이 개운하다 >앞으로는 무리하지 말고 그냥 다음에 찾아보기 ..
탐색선택자를 사용하면 기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색해서 좀 더 정확하게 선택할 수 있다. 대표적인 예로 배열의 인덱스를 사용해서 선택하는 `위치탐색 선택자`와 배열에 담겨진 요소 중 지정된 속성과 값으로 선택하는 `속성 탐색 선택자`가 있다. 1. 위치 탐색 선택자 ▼기본 선택자로 선택한 요소는 배열에 담기게 된다.그래서 배열의 인덱스를 사용하면 특정 요소를 좀 더 정확하게 선택할 수 있게 되는 것이다. 종류용법설명$("요소 선택:first")$("요소 선택").first()$("li:first")$("li").first()전체 요소 중 첫번째 요소만 선택$("요소 선택:last")$("요소 선택").last()$("li:last")$("li").last()전체 요소 ..
함께 보면 좋은 관련 포스팅 ▼ [JavaScript] jQuery를 사용할 때 유의해야 할 사항들⭐ 문서가 로드된 후 실행하자⭐ jQuery 라이브러리 먼저 로드하자⭐ $ 충돌 방지 필요 시 noConflict ⭐ 이벤트 중복 방지 off()⭐ AJAX 캐싱 방지 (cache: false) ⭐ 동적 요소에 이벤트 적용 on()⭐ 성능 최awesomepossum.tistory.com [JavaScript] Object(객체), DOM(문서객체모델), function() 함수 기초 실습1. Object (객체) 2. DOM (Document Object Model)2-1. DOM(문서객체모델) 문서객체모델(DOM) HTML CSS JS 2-2. innerHTML vs textContent 오늘은 문서객..
피곤함 터져버린 대 한량의 삶이란... ☆★ ✅ 자바스크립트 Canva에서 자료 만드는중- 기본선택자중 인접관계선택자만 예시랑 설명 추가- 위치 탐색 선택자 표로정리하기- 제이쿼리 배열 관련 메서드- 그 외의 선택자(컨텐츠 탐색 선택자)- 선택자와 함께 알아두면 유용한 메서드 ✅ 자바 정렬- 클래스 편집 → 깃 커밋- 일 끝나고 블로그에 요약 정리 - 버블/선택/삽입 정렬은 사진도 같이 ✅ 깃허브 커밋 패스트 포워드 아니라고 하면서 안 될 때? - 프로젝트명 → 우클릭 → Team → Push Branch 'main' → Force overwrite branch in remote if it exists sand has diverged ✅ 이미 깃에 올린거 설정파일 캐시지우기 vs 이클립스에서 새로 git..
