문서 객체 조작하기 HTML 의 요소 = 자바스크립트의 문서 객체 즉 HTML 요소(, 문서 객체 가져오기 //문서 객체 읽기 document.head // head 부분을 읽어 드림 document.body // body 부분을 읽어 드림 document.title // title 부분을 읽어 드림 //요소 내부의다른 요소들 document.querySelector(선택자) // CSS 선택자를 읽습니다. ,요소 하나만 선택 document.querySelectorAll(선택자) // 모든 요소 선택 이름 선택자 형태 설명 태그 선택자 태그 특정 태그를 가진 요소를 추출합니다. 아이디 선택자 #아이디 특정 id를 가진 요소를 추출합니다. 클래스 선택자 .클래스 특정 class를 가진 요소를 추출합니다...

객체의 기본 객체 : 이름과 값으로 구성된 데이터 타입 배열도 객체이며 비슷하게 생겨먹었다 배열 인덱스 요소 0 사과 1 바나나 2 배 객체 키 값 제품명 7D 건조망고 우형 당절임 성분 망고,설탕,메타중아황산나트륨,치자황색소 원산지 필리핀 배열에 접근하는것 또한 비슷합니다. product['제품명'] or product.제품명 - 2가지 방식으로 사용 가능! ※ 식별자로 쓸수 없는 단어를 키로 쓸때 [ ] 대괄호 방식을 사용 속성과 메소드 객체 내부의 값 : 속성 -모든 형태의 자료형이 가능(숫자,자료,배열,함수) 속성과 메소드 구분하기 객체의 속성 중 함수 자료형 = 메소드 메소드 내부에서 this 키워드 사용하기 메소드내에서 자기 자신이 가진 속성을 출력하고 싶을때 사용한다 그러니까 동일한 객체내의..

2024.01.12 - [프로그래밍 공부/Javascript] - [혼공JS] 조건문 chapter3 2024.01.12 - [프로그래밍 공부/Javascript] - [혼공JS] 반복문 chapter 4 2024.01.15 - [프로그래밍 공부/Javascript] - [혼공JS] 함수 chapter 5 다 해놓고 업로드를 안한 멍청이 그게 바로 접니다! 이왕 늦은거 5 챕터까지 하고 제출하는걸로 2주차 미션 p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기 기본미션 정답 : && 이유 : 10초과 20미만의 수를 동시에 만족할때를 말하므로 AND조건인 &&이다. 선택미션 p. 152의 예제 실행하여 본인의 띠 출력한 화면 캡처하기 const r..

함수의 기본 형태 익명함수 fuction( ){ } 함수는 코드의 집합을 나타내는 자료형입니다. 사용하면 좋은점 : 반복되는 코드를 한번만 정의하고 필요할 때 마다 호출하여 반복 작업을 피할 수 있음 긴 프로그램을 기능별로 나누어 여러 함수로 제작하면 모듈화로 가독성이 좋아짐 기능별로 수정이 가능하므로 유지보수가 쉽습니다. 예제 결과 f(){} 형태처럼 이름이 붙지않는 함수를 익명함수라고 함 선언적 함수 이름이 있는 함수를 선언적 함수라고 합니다. fuction 함수(){} let 함수 = fuction(){ }; 예제 이전과 달리 f 함수() { } 로 이름이 선언 된것을 확인 할 수 있습니다. 매개변수와 리턴값 함수를 호출 할떄 괄호 안에 적는 것을 매개변수 prompt()함수 안에 적는 것을 매개변..

배열 배열 생성하기 배열이란 여러개의 변수를 묶어서 활용할 수 있는 특수한 자료구조 입니다. 대괄호 [ ~~~~,~~~,~~]를 사용해 생성하고 쉼표(,)를 통해 구분합니다. 내부에 들어있는 값을 요소라고 합니다. 어떠한 자료형도 요소가 될 수 있습니다. 배열 요소에 접근하기 문자열 인덱스와 동일하게 0부터 시작하며 대괄안에 번호로 호출합니다. 배열[인덱스] 배열 요소 개수 확인하기 배열.length 배열 뒷부분에 요소 추가하기 push()메소드를 사용해 배열 뒷부부 추가하기 배열.push(요소) // 어라?! 컴퓨터 구조 stack 명령어인뎅? 인덱스를 사용해 배열 뒷부분에 추가하기 배열[추가할 인덱스번호 위치]= 자료 배열요소 제거하기 인덱스로 제거하기 배열.splice(인덱스, 제거할 요소 개수) ..

조건문 (if ~~~ else ~~~) if(true or false 나오는 표현식) { 표현식이 참일때 실행할 문장 } else { 표현식이 거짓일때 실행할 문장 } 예제 중첩 조건문 if(true or false 나오는 표현식1) { if(true or false 나오는 표현식2) // 표현식1 이 참일때 실행된다. { 표현식2가 참일때 실행할 문장 } else { 표현식2가 거짓일때 실행할 문장 } } else { if(true or false 나오는 표현식3) // 표현식1 이 거짓일때 실행된다. { 표현식3이 참일때 실행할 문장 } else { 표현식3이 거짓일때 실행할 문장 } } 예제 if else if 조건문 if(불 표현식) { 실행할 문장 } else if(불 표현식) { 실행할 문장 ..

2024.01.02 - [프로그래밍 공부/Javascript] - [혼공JS]자바스크립트 입문 출사표 2024.01.02 - [프로그래밍 공부/Javascript] - [혼공JS] 개발환경 설정 chapter 1 2024.01.07 - [프로그래밍 공부/Javascript] - [혼공JS] 자료와 변수 chapter 2 후우.... 오늘도 열심히 공부했습니다. 12월까지 이 상태 그대로 쭈욱 이어졌으면 좋겠습니다... 열심히 했으니 붕어빵이나 먹으러 가야지 기본 미션 p. 54의 에서 'Hello World' 출력하기 선택미션 Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기 기능이 많다고 느낀 웹사이트 5개 1. 네이버 - 검색기능부터 뉴스, 쇼핑 기타등등 2. 키움증권 - HTS같은 프로그..

1 . 기본 자료형 숫자형,문자열,불 자료형이 존재함 문자열 자료형 이전챕터에서 배운 console.log('Hello World...!') 가 문자열 자료형이 쓰인것으로 문자들의 집합을 말함 생성 방법 : 큰 따옴표 또는 작은 따옴표안에 문자를 넣어서 만드는것 예시 : ' 냐옹냐옹' , " 혼공단 조아" 만일 문자열로 따옴표가 필요하다면? 예시 : '냐"옹냐"옹' -> 냐"옹냐"옹 , "혼공단 '너무' 조아" -> 혼공단 '너무' 조아 (이렇듯 순서를 바꿔주면 됨) 이스케이프 문자 : \사용법 "This is \"string\"" -> This is "string" :이런식으로 추가적인 ""필요할때 사용가능 \n : 줄바꿈 , \t : 탭을 넣음 , \\ : \를 넣음 문자열 연산 :문자열 끼리 연결 ..