🍁jQuery() 함수 jQuery() 함수는 CSS 선택자 또는 다른 표현을 사용해서 태그를 검색한다. 기본 코드 jQuery() 함수 상자1 상자2 상자3 상자4 상자5 Array.from() //forEach > new Array()에서 동작 //list.forEach(box => box.style.color = 'yellow'); //HTMLCollection (유사 배열) Array.from(list).forEach(box => box.style.color = 'tomato'); 자바스크립트는 구조상 진짜 배열이 없다고 했다. 하지만 new Array()로 만들어진 것을 진짜 배열로 취급한다. 위에서 선언한 list는 배열이 아닌 HTMLCollection(유사 배열)이며, 유사 배열은 forE..
🍁 jQuery jQuery란? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery는 경량화된 Java..
🍁Arrow Function 자바스크립트의 화살표 함수(Arrow Function)는 자바에서의 람다라고 생각하면 된다. 자바에서 람다는 익명 객체의 추상 메서드를 표현하는 기술이었다면, 자바스크립트의 화살표 함수는 익명 함수를 표현하는 기술이다. 자바스크립트의 함수는 객체에 종속되지 않아도 사용할 수 있으므로 자바보다 좀 더 간단하게 사용한다. [Java] 람다식 (Lambda Expression) 💡람다식 람다식 (Lambda Expression)은 기존에 하던 작업을 편리하고 간결하게 만들어주는 기술로, 함수형 프로그래밍 개념을 자바에 도입한 것이다. 주로 컬렉션 조작을 위해 스트림(Stream)과 함께 isaac-christian.tistory.com 람다에 대해서는 위 글을 참고한다. 1. 함수..
🍁Constructor Function 객체와 멤버 변수 생성 const obj = new Object(); const obj = {}; 첫 번째 방법 const o1 = new Object(); //첫 번째 방법 o1.name = 'Isaac'; o1.hello = function() { console.log('hello'); }; 첫 번째 방법으로는 name 멤버 변수와 hello 멤버 메서드를 위와 같이 만든다. 두 번째 방법 const o2 = {}; //두 번째 방법 o2.name = 'Sopia'; o2.hello = function() { console.log('hello'); } 두 번째 방법은 '{}' 만으로 객체를 만들어서 간편하다 보니 의존도가 높다. 첫 번째든 두 번째든 name이라..
📌Requirements Q28: 클릭 위치에 이미지 출력 (단일) 📌Requirements Q29: 클릭 위치에 이미지 출력 (복합) 📌Requirements Q30: 이미지 밀어내기 📌Requirements Q33: 비밀번호 입력 비밀번호 입력 사용법 숫자 4자리를 입력한다. enter를 누른다. 구현할 것 숫자 버튼을 눌러 입력한다. del 버튼을 눌러 삭제한다. 4자리 이상 입력이 되지 않는다. 정답 암호 : 0427 암호가 틀리면 붉게 변한다. 암호가 맞으면 파랗게 변한다. 3회 틀리면 작동이 불가능하다. 상단 숫자키로 입력할 수 있다. 우측 숫자키로 입력할 수 있다. 백스페이스, Delete, Enter 키로 입력할 수 있다. 📌Requirements Q34: 이미지 보관함 고양이/강아지 보관..
📌Requirements Q19: 숫자 입력 📌Requirements Q20: 색상 추가 테이블 색상 입력 색상 : 이름 : 색상명 미리보기 노랑 #FFFF00 풀색 #ACEF12 📌Requirements Q21: 행렬 조작 1 2 3 4 📌Requirements Q22: 카운트 조작 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 📌Requirements Q23: 이미지 동적 추가 📌Requirements Q24: 방향키 이동 📌Requirements Q26: 사용자 정보 입력 입력 항목 이름 : 나이 : 성별 : 남자 여자 주소 : 번호 이름 나이 성별 주소 등록된 항목이 없습니다. 📌Requirements Q27: 달력 이전달 이번달 다음달 SUN MON T..
📌Requirements Q13: 카운트 다운 📌Requirements Q14: 뉴스 서비스 네, 낮동안에도 찬바람이 강하게 불고있습니다. 때문에 체감상 느껴지는 온도는 현재기온보다 2~3도가량 낮게 나타나고 있는데요. 남부해안지역과 제주도를 중심으로는 강풍주의보도 이어지고 있기 때문에 시설물 피해 없도록 주의하셔야겠습니다. 쌀쌀했던 어제보다도 기온이 더 오르지 못하고있습니다. 현재기온 서울 7.3도, 대전 9.3도, 부산 6.8도로 이맘때 평년수준을 밑돌고있고요. 찬바람이 더해지면서 체감상 느껴지는 날씨는 더 쌀쌀합니다. 꽃샘추위는 내일 절정을 보이겠습니다. 📌Requirements Q15: 타이머 (텍스트) : : 📌Requirements Q16: 타이머 (이미지) : :
📌Requirements Q08: 우편 번호 검색 우편 번호 검색 우편번호 주소 상세주소 📌Requirements Q09: 주문 정보 작성 주문하기 주문하시는 분 이름 : 주소 : 주문하시는 분과 정보과 동일합니다. 받으시는 분 이름 : 주소 : 📌Requirements Q10: 회원 가입 회원 가입 주민번호 - 생년월일 년 월 일 성별 남자 여자 📌Requirements Q11: 목록 관리 차단된 친구 권예진 권준혁 김동식 김세진 김여정 노형준 박민선 백강현 변기현 허용된 친구 📌Requirements Q12: 입력 잠금 입력하기 번호 입력 잠금 1 2 3 4 5 6 7 8 9 10
