IT study IT study

DOM 객체의 공통 속성과 메서드 appendChild(), removeChild(), createElement(), createTextNode(), getAttribute(), setAttribute() style 속성 : 스타일 지정하기 위한 속성 innerHTML 속성 : 태그와 태그 사이의 텍스트와 관련된 속성 value 속성 : 입력된 데이터 확인, 이벤트와 함께 많이 사용 DOM 객체 마다 속성은 다름 getdom.html - JavaScript2 11/11 네 ■ Event Handling Event & Event Handler Event : 상태 변화 사용자가 발생시키는 것(버튼 클릭이나 마우스를 올려 놓은 것 등)도 있고 시스템이 발생시키는 것(타이머 나 데이터를 전부 다운도르 받으면)도..

■ 일반 내장 객체 String 문자열 관련 클래스 속성 : length - 문자열의 길이 메서드 charAt(인덱스) - 인덱스 번째 문자 리턴 charCodeAt(인덱스) - 인덱스 번째 문자의 코드 리턴 Template Literal : 문자열 처리를 위한 템플릿 문자열과 데이터를 조합해서 문자열을 생성하기 위한 추가된 문법 '문자열${데이터}' : 문자열 안에 데이터를 문자열로 추가해서 문자열을 생성함 이 구조를 사용하면 중간에 줄바꿈을 해도 됨 Date 날짜와 관련된 클래스로 자바에서 그래도 가져옴 생성 new Data() : 현재 날짜 및 시간 new Data(년, 월, 일, 시, 분, 초, 밀리초) : 입력한 데이터를 가지고 날짜 및 시간을 만들어내는데 월은 -1로 해서 설정함 new Dat..

5일차에 이어서, 이름 Javascript에서는 값이나 함수나 클래스나 객체 모두 동일한 데이터로 취급 하나의 이름에 한 가지만 저장이 가능 중복 정의(Overloading)가 안됨. setName(){this.name="a"} setName = function(){this.name="a";} setName(name){this.name=name} setName = function(name){this.name="name";} Constructor (생성자) 인스턴스를 생성하고 그 참조를 리턴하는 특별한 목적의 메서드 메서드에서 this. 속성이름을 이용해서 인스턴스의 속성을 생성할 수 있음 일반 메서드에서 속성을 생성하는 경우 메서드 호출을 하지 않으면 속성을 사용할 수 가 없음. 생성자는 인스턴스를 생성..

■ 사용자 정의 함수 - 코드를 하나의 이름으로 묶어두고 사용하는 것 Argument(Parameter, 매개변수, 인자, 인수) 함수를 호출할 때 호출하는 쪽에서 넘겨주는 데이터 파라미터가 없는 함수는 항상 동일한 작업만 수행 가능 작성 방법 var 함수 이름 = function(매개변수 이름 나열){ // 함수가 수행할 작업 } 함수를 호출할 때 함수이름(매개 변수에 대입할 데이터 나열); 매개변수는 상황에 따라 없을 수 도 있고 1개 이상 여러 개 일 수 있음 매개변수는 함 내의 지역 변수가 됨 - 함수 외부에서는 사용할 수 없음 매개변수에 하나의 데이터를 저장하는 기본형 데이터를 대입하면 함수 내에서 데이터를 변경해도 원본에는 아무런 영향이 없고 (이전에는 이것을 CALL BY VALUE 라고 함..

■ Operator 산술 비트 연산자 정수 데이터를 가지고 연산을 수행하는데 연산은 비트 단위로 이루어지고 결과는 다시 10진 정수로 리턴을 해주는 연산자 ~ : 단항 연산자인데 1의 보수를 구해주는 연산자 ※ 0 -> 1, 1 -> 0 & : Bit AND, 2개의 데이터 모두 1일 때 만 1 그 이외의 경우는 0 | : Bit OR, 2개의 데이터 모두 0일 때 만 0 그 이외의 경우는 1 ^ : Bit XOR(eXclusive OR): 2개의 데이터가 같으면 0 다르면 1 >> : 이진수를 오른쪽으로 이동시키는 연산자 - 첫번째 비트는 이동 대상이 아님 >>> : 이진수를 오른쪽으로 이동시키는 연산자 - 첫번째 비트도 이동 대상이어서 양수의 경우는 >> 와 동일하지만 음수의 경우 >>와 다르게 동작..

JavaScript 💡프로그래밍 언어의 실행 방식 👉 소스 코드 전체를 번역해서 빌드를 수행한 후 실행하는 방식 - C & C++, C#, Java 등 👉 줄 단위로 번역하면서 실행하는 방식 - Python, JavaScript 등 (아래쪽에 에러가 있더라도 위쪽의 코드는 실행 가능) ■ JavaScript 웹 페이지의 동적 처리를 향상시키기 위한 목적으로 탄생한 언어 - 넷스케이프 사에서 개발 문법적으로는 Java 와 아무런 관련이 없고 Java의 몇 몇 클래스를 가져와서 사용 기본적으로는 웹 브라우저 내에서만 동작하는 클라이언트 기반의 언어 컴파일 하지 않고 웹 브라우저에 있는 JavaScript Interpreter Engine 이 해석해서 실행 유니코드를 사용하고 대소문자를 구별 동적 바인딩(Dy..

XHTML 요소 ■ 영역 태그 ▶ div (division) → 블럭 요소 (Block Element) → 기본적으로 좌우에 다른 요소가 배치될 수 없음. → 영역을 만들 때 자주 사용 됨. → 사용 형식 블록 요소(Block Element) ▶ span → 인라인 요소 (Inline Element) 이므로 와 요소와 같은 블록 요소를 포함할 수 없음. → 기본적으로 좌우에 다른 요소가 배치될 수 있음 → 사용 형식 인라인 요소(Inline Element) ▶ iframe → 다른 웹 문서를 가지고 와서 표시하는 요소 → 속성 - width, height - name - seamless - src : 표시할 문서의 URL → 사용 예 : 카테고리(ex:해외 야구, 축구 등) 버튼 클릭시 변경되는 사이트..

개발자를 꿈꾸며 6개월 간의 교육을 통해 배운 내용을 복습/정리/기록하고자 작성을 시작 ■ VS Code - 마이크로 소프트가 개발한 소스 코드 편집기(에디터)로 다양한 프로그래밍 언어와 편리한 기능을 제공. - 해당 프로그램을 이용하여 스터디 시작. ■ XHTML 구성 요소 ▶ 태그(tag) : ▶ 요소(Element) : 요소 이름과 속성 이름에 소문자 사용 ▶ 속성(Attribute) ▶ 값(Value) ■ XHTML 서식 ▶ 혼동의 문제로 , &의 경우 변환하여 사용. > & & 공백 ▶ 주석 : ■ XHTML 기본 구조 ▶ - DTD 선언 ▶ - xhtml 문서의 시작 ▶ - head 영역 ▶ ~ - body 영역 (눈에 보이는 영역) ▶ - xhtml 문서의 종료 ■ TAG 분류 ▶ 블록 요소..