JavaScript24 3월 16일 (1) JavaScript - node 활용 제어 노드 관계를 통한 요소 제어 HTML 요소 간의 관계를 활용(계층) 노드(Node) = HTML 요소 부모요소 > 자식요소 부모요소에서 자식요소 찾기 : 요소.childNodes; 자식요소는 반드시 복수(배열)이다. const subnodes = htmlnodes.childNodes; //부모입장에서 자식 노드 찾아가기 console.log(subnodes); 자식요소에서 부모요소 찾기 : 요소.parentElement; 부모요소는 반드시 하나다. const elem_b = document.querySelector("#bo"); console.log(elem_b.parentElement); // 자식 입장에서 부모 노드 찾아가기 elem_b.parentElement.style.backgroundColor.. 2023. 3. 16. 3월 15일 야구 전광판 만들기 야구 전광판 만들기 1. 스트라이크 3개면 아웃 1개 카운트 이때 스트라이크와 볼 카운트는 0으로 초기화 2. 볼 4개면 스트라이크와 볼 카운트 0으로 초기화 3. 아웃카운트 3개면 스트라이크, 볼 버튼 비활성화 요소.disabled = true; // 비활성화 요소.disabled = false; //활성화 4. 아웃카운트 3개면 재시작 버튼 보임 요소를 보이게 하는 법 : 요소.style.display = "inline"; 요소를 숨기는 법 : 요소.style.display = "none"; 5. 재시작 버튼을 누르면 스트라이크, 볼 버튼 활성화 모든 카운트는 0으로 초기화, 재시작 버튼 숨김 Strike Ball 재시작 S:0 B:0 O:0 2023. 3. 16. 3월 14일 (1) JavaScript - 함수 파라미터, 객체 함수 function 하나의 기능을 처리하기 위한 명령문들의 묶음 전체 코드를 분할하여 개발과 이후 유지보수를 수월하게 할 수 있다. 연습법) 함수 없이 그냥 코드를 짜본다 -> 반복된 코드를 찾아서 함수로 묶는다. -> 기능적으로 코드를 묶는다. 함수의 파라미터(parametre - 인자, 인수 등) 함수의 코드가 처리될 때 필요한 값 함수에서 파라미터를 저장하기 위해 사용하는 변수를 매개변수라고 한다. 파라미터의 개수는 제한 없음(반면에 return은 하나밖에 없다. only one) 컴퓨터의 입장에서는 함수 원본을 가지고 와서 사본을 복사해서 처리함. 값을 반영할 수 있도록 하는 것이 필요하다, 그 값을 인수, 인자라고 함. 변수는 공간이기 때문에 이동을 할 수 없다. 함수는 다른 공간에 저장이 되.. 2023. 3. 14. 1039. 정수 2개 입력받아 합 출력하기2 정수 2개를 입력받아 합을 출력해보자. 단, 입력되는 정수는 -2147483648 ~ +2147483648 이다. 참고 + 연산자를 사용하면 된다. 단, 계산된 결과가 int 형으로 저장할 수 있는 범위를 넘어갈 수 있기 때문에 다른 데이터형을 사용해야 한다. 주의 int 데이터형은 %d로 입출력하고, long long int 데이터형은 %lld로 입출력한다. 입력 2개의 정수가 공백으로 구분되어 입력된다. 출력 두 정수의 합을 출력한다. 입력 예시 예시 복사 2147483648 2147483648 출력 예시 4294967296 import java.util.Scanner; public class Main{ public static void main(String [] args){ Scanner sc = .. 2023. 3. 10. 3월 10일 JavaScript - 배열 배열(Array) 변수의 묶음, 여러 개의 저장 공간을 하나의 식별자로 묶고, 각 공간에 번호 (index)를 부여하여 사용하는 것 index는 0번부터 시작, 대표적인 순차 구조의 데이터 저장방식 배열을 사용하는 이유는 변수의 개수가 많아지면 변수를 제어하고 파악하는데 힘들어지는데, 이를 수월하게 해결하기 위해서이다. 즉, 데이터를 쉽게 관리하게 위해서! 예) 아파트의 동(배열) 호수(index 번호) for 반복문은 횟수로 반복하는 방식이기 때문에 배열을 다룰 때 유용하다. 예시) 과일 가게 오늘 판매하는 상품들 상품추가 : 추가 배열에 제공되는 도구들(메소드, method) 방법, 툴, 도구 사용법 : 배열명 .메소드() 1) splice : 배열의 원소를 지정한 개수만큼 삭제(및 새 원소 추가) .. 2023. 3. 10. 3월 9일 (1) JavaScript - 신규 표준 문법, 제어문 for문 2015년 신규 표준 자바스크립트 문법(ECMAScript 6) 1. const와 let - 변수 관련 변수 선언 var 식별자; - 변수 let 식별자; - 변수 let 사용이유 : 호이스팅(hoisting)을 막기 위해서 호이스팅 : 선언 전에 먼저 사용할 수 있도록 융통성을 두는 것 const 식별자; - 상수 상수란? 변하지 않는 수, 초기화 이후 값을 변경할 수 없는 변수, 선언과 동시에 초기화! 용도) 상한 max/하한 min / 제어할 요소를 저장 2. 템플릿 리터럴 (Template Literals) - 데이터 관련 ' , " 로 문자열 데이터를 처리 Template 레이아웃 틀, Literals 실존하는 값 나이를 입력받아서 문장과 결합하여 출력 let age = 10; console.l.. 2023. 3. 9. 이전 1 2 3 4 다음
