min's devlog

(1) 프로젝트 팀원 선택 프로젝트 팀원 선택 캐릭터(삽입한 이미지)들에게 번호가 부여되어 있고, 0번~5번까지 정렬이 되어있다. 하지만 캐릭터의 순서를 바꾸고 순서 확인하기 버튼을 누르면 달라진 번호가 출력된다. (2) 박스의 크기 바꾸기 Interactions Resizable 첫번째 박스의 오른쪽 하단 모서리로 크기를 조절하면, 첫번째 박스와 두번째 박스 모두 크기를 조절할 수 있다.

640bc2535f7620010ba11ba6b580a675 참고 사이트 https://apis.map.kakao.com/web/guide/ https://developers.kakao.com/console/app/760301/config/platform Kakao 지도 Javscript API 는 키 발급을 받아야 사용할 수 있다. 1. 카카오 개발자사이트 에서 개발자 등록 및 앱 생성 2. 웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록 3. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록 (예: http://localhost:8080) 4. 페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용 5. 앱을 실행..

jQuery - JavaScript 를 간편하게 사용할 수 있도록 단순화시킨 오픈 소스 기반의 자바스크립트 라이브러리 - 어떤 옵션이 있는지는 document를 참고할 수 있다. > https://api.jqueryui.com/droppable/ 선택자 - 선택한 요소들을 변수에 저장하여 사용한다. $(function() { var items = $("li"); // 요소를 모두 선택하여 변수 items에 저장 $("button").on("click", function() { $("#len").text("의 총 개수는 " + items.length + "개"); }); }); //필터링 $(function() { $("button").on("click", function() { $("li:has(span..

JavaScript 함수 (function) - 함수는 1급 객체이다. > 함수형 언어의 특징이다. - 함수를 객체처럼 취급한다. > 함수를 값(데이터)처럼 취급할 수 있다. * 따라서 함수를 변수나 데이터 구조에 담을 수 있다.(저장할 수 있다.) 함수를 매개변수에 전달할 수 있다. 함수를 반환값으로 사용할 수 있다. 정의 - 함수의 이름은 함수를 구분하는 식별자 - 매개변수를 통해 함수 호출시 인수로 전달된 값을 함수 내에서 사용 function minNum(a, b) { document.write(a + b); } minNum(2, 3); 정의와 호출 예시 function addNum(a, b) { return a + b; } var sum = addNum(3, 5); 유효 범위 - 블록({}) 을..

객체(Object) - 자바스크립트는 객체(object) 기반의 스크립트 언어이다 - 자바스크립트를 이루고 있는 거의 대부분이 객체 > 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등) 모두 객체이다. - 키(key)과 값(value)으로 구성된 프로퍼티(Property)들의 집합 - 데이터를 의미하는 프로퍼티(property)와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미하는 메소드(method) 로 구성된 집합 - 데이터(프로퍼티)와 그 데이터에 관련되는 동작(메소드)을 모두 포함할 수 있다 - 데이터와 동작을 하나의 단위로 구조화할 수 있어 유용함 - 객체지향의 상속을 구현하기 위해 '프로토타입(prototype)' 이라고 불리는 객체의 프로퍼티..