기초 개발 노트

자바스크립트에는 배열에 이미 내장된 함수 들이 있다. 예를들면 push 라던가 pop이라던가 slice라던가. 하지만 자바는 내장되어있지 않고 직접 기능을 만들어 주어야 한다. js에 비교해 자바는 약간 좀 더 손이 많이 가고 분명확실하게 디테일들을 직접 만들어야 된다는 번거로움이 있지만 그만큼 좀 더 깊이가 있고 탄탄한 것 같다. array.copypublic class ArrayCopy { public static void main(String[] args) { String[] pets = {"멍멍이", "야옹이", "쨱짹이"};// String[] petsCopy = pets; // 복사 1 : 배열복사가 아니라 배열 주소 복사 String[] pets..

package day02;import java.util.Arrays;public class ArrayBasic { public static void main(String[] args) { // 배열의 특징 // 1. 동종 모음 구조 : 같은 타입의 데이터만 배열에 담을 수 있음 // 2. 크기가 불변함: 크기를 동적으로 늘이거나 줄일 수 없음 // 배열의 생성 순서 // 1. 배열 변수 선언 int[] numbers; // 2. 배열의 객체를 생성 numbers = new int[5]; System.out.println("numbers = " + numbers); // 3. ..

자바의 변수는 블록이 종료되면 메모리에서 사라진다.스코프를 잘 살펴야한다.package day01;public class Variable { static int n4 = 40; public static void main(String[] args) { System.out.println(n4); int score = 78; // 정수 String userName = "홍길동"; // 문자열 int userN32Ame123; // 변수의 스코프 - 블록레벨 스코프 // 자바의 변수는 생성된 블록이 종료되면 메모리에서 사라짐 int i = 100; for (int j = 0; j

자바의 변수는 스크립트랑 좀다르다  int 는 정수 double은 실수를 표현한다.float 은 옛날에 용량을 아끼기 위해 썼지만 요즈음에는 필요가 없어 보통 double로 쓰인다."" 따옴표 문자열은 배열이다. 문자 배열이다. package day01;public class DataType { public static void main(String[] args) { // 1byte === 8bit // 1bit === 숫자 0이나 1을 저장할 수 있음 // 1111 => 8 + 4 + 2 + 1 = 15 byte a = 127; // 1byte short b = 32767; // 2byte ..

자바1995년 발표된 객체지향 프로그래밍 언어썬 마이크로시스템즈의 제임스 고슬링(James Gosling)과 다른 연구원들이 개발한 객체지향 프로그래밍 언어수많은 프로그램들이 자바를 통해서 만들어짐 (3 Billion Devices Run Java)대한민국에서 특히 초 강세!대표적인 자바의 특징1.  간단하다!자바는 C++에 가깝지만 훨씬 더 개발자 친화적이다.개발자가 반드시 필요하지 않다고 생각한 부분은 스스로 처리한다.메모리 자원 관리 등 초보자가 부담을 느끼는 부분을 스스로 처리한다. 아예 문법 제공 자체를 안 함.2.  객체 지향적이다!자바는 기본 타입(숫자, 문자, 논리형 등) 을 제외한 거의 모든 것들이 객체로 이루어져 있다.객체란 여러가지 정보들을 담는 큰 데이터 덩어리라 생각하셈.3.  컴..

이벤트 전파이벤트 전파 (event propagation)는 이벤트가 다른 요소에게 전이되는 것을 의미합니다   캡쳐링(capturing): 이벤트가 상위요소에서 하위요소로 전파타깃 단계(target phase): 이벤트가 타깃에 도달버블링(bubbling): 이벤트가 하위요소에서 상위요소로 전파 이벤트 캡처링(Event Capturing)캡처링을 사용하려면, addEventListener 함수에 세 번째 인자로 true 값을 주어야 합니다. 예를 들어: element.addEventListener('click', function(event) { // 핸들러 로직}, true); // 캡처링 단계에서 이벤트를 처리하기 위해 true 값을 설정   이벤트 버블링(Event Bubbling)버블링을 막으려..

​   마우스 이벤트click – 요소 위에서 마우스 왼쪽 버튼을 눌렀을 때(터치스크린이 있는 장치에선 탭 했을 때) 발생합니다.dblclick – 요소 위에서 마우스 왼쪽 버튼을 두번 빠르게 눌렀을 때 발생합니다.contextmenu – 요소 위에서 마우스 오른쪽 버튼을 눌렀을 때 발생합니다.mouseover와 mouseup – 마우스 커서를 요소 위로 움직였을 때, 커서가 요소 밖으로 움직였을 때 발생합니다.mouseleave과 mouseout – 요소 위에서 마우스 왼쪽 버튼을 누르고 있을 때, 마우스 버튼을 뗄 때 발생합니다.mousemove – 마우스를 움직일 때 발생합니다  키보드 이벤트keydown과 keyup – 사용자가 키보드 버튼을 누르거나 뗄 때 발생합니다. 폼 요소 이벤트submit..

어트리뷰트(attribute) HTML 요소는 여러 개의 속성(어트리뷰트)을 가질 수 있습니다.문서가 파싱될 때 HTML 요소의 속성은 어트리뷰트 노드로 변환되어 요소 노드의 형제 노드로 추가됩니다.이 때 속성 하나당 하나의 어트리뷰트 노드가 생성됩니다. 즉 위 예시의 경우 3개의 어트리뷰트 노드가 생성됩니다.모든 어트리뷰트 노드의 참조는 유사 배열 객체인 NamedNodeMap 객체에 담겨서 요소 노드의 attributes 프로퍼티에 저장됩니다.  HTML 속성 조작하기속성 추가, 변경하기  setAttribute() 메서드는 요소노드의 속성값을 추가하거나 변경할 때 사용합니다.첫번째 인자 name에 속성이름 (ex: src)을 넣고 두번째 인자 value에 추가하거나 변경할 속성값을 전달합니다.속성이..

텍스트, HTML 조작      태그 생성 및 추가       태그 중간 삽입하기      태그 교체 및 삭제

DOM을 이용해서 자바스크립트, css, html을 이어준다        css 선택자로 태그 가져오기.    자식 부모형제 노드 탐색 및 getElementById, querySelector