혼공스(자바스크립트) (6) 썸네일형 리스트형 [혼공스] 6주차 _ Chapter 07 ~ 08 07 - 1 문서 객체 조작하기 → '문서 객체를 조작한다' = 'HTML 요소들을 조작한다'→ 문서 객체 모델 : 문서 객체를 조합해서 만든 전체적인 형태 DOMContentLoaded 이벤트 → 오탈자를 입력해도 오류를 발생하지 않기 때문에 주의해서 입력해야한다. document.addEventListener('DOMContentLoaded', ( ) => { //문장 } 1번째 h1 태그 2번째 h2 태그 → 웹 브라우저가 문서 객체를 모두 읽고 나서 실행하는 이벤트이다. 문서 객체 가져오기 → document.body : 문서의 body 요소를 읽어들일 수 있다. (or document.head, document.title .. [혼공스] 5주차 _ Chapter 06 06 - 1 객체의 기본 → 객체: '이름(name)' 과 '값(value)'로 구성된 속성을 가진 자바스크립트의 기본 데이터 타입 객체→ 객체(object): 여러 자료를 다룰 때 사용 (이전의 배열도 객체임)→ 객체는 키 (key)를 사용한다. → 키 : 값 속성과 메소드 → 배열 내부에 있는 값은 요소, → 객체 내부에 있는 값은 속성이라고 한다. → 객체의 속성도 모든 형태의 자료형을 가질 수 있다. ✅ 속성과 메소드 구분하기 → 객체의 속성 중 함수 자료형인 속성 : 메소드 (method) ✅ 메소드 내부에서 this 키워드 사용 동적으로 객체 속성 추가/제거→ 객체를 처음 생성한 후에 속성을 추가하거나 제거하는 것 .. [혼공스] 4주차 _ Chapter 05 05 - 1 함수의 기본 형태 익명 함수→ 함수 : 코드의 집합을 나타내는 자료형→ function ( ) { } → 익명 함수: 이름이 붙어있지 않은 함수 선언적 함수→ 이름이 있는 함수→function 함수 ( ) { } → 선언적 함수는 let 함수 = function ( ) { } ; 과 같은 기능을 수행한다. 매개변수와 리턴값 → 함수 호출 시 괄호 안에 적는 것이 매개변수, 함수의 최종 결과는 리턴값 → function 함수 (매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴 값 } 3 * 3 이 되겠져 ~~ 는 9입니다 기.. [혼공스] 3주차 _ Chapter 04 04 - 1 배열 → 배열 : 여러 자료를 묶어서 활용할 수 있는 특수한 자료이다. 배열 만들기→ 배열 은 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형이다. → [ 요소, 요소, 요소 , ... ] 배열 요소에 접근하기→ 기본적인 조작은 문자열과 비슷하다. → 배열 [인덱스] 배열 요소 개수 확인하기→ 배열 . length 배열 뒷부분에 요소 추가하기 ✅push( ) 메소드를 사용해 배열 뒷부분에 요소 추가하기 → 배열.push(요소) ✅인덱스를 사용해 배열 뒷 부분에 요소 추가하기 배열 요소 제거하기 ✅배열 요소 제거하는 일반적인 2가지 방법 01 인덱스를 기반으로 제거하는 경우02 값을 기반으로 제거하는 경우 ✅ 인덱스로 요소 제거하기 → spli.. [혼공스] 2주차_Chapter 03 03 - 1 if 조건문 if 조건문→ 불 표현식의 값이 true면 중괄호 안의 문장을 실행하고 false면 문장을 무시한다. → if (불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } if else 조건문if ( 불 값이 나오는 표현식 ) { 불 값이 참일 때 실행할 문장 } else { 불 값이 거짓일 때 실행할 문장 } 위와 똑같이 오후 4시에 실행하였기에.. '오후입니다' alert 창이 뜨는 결과를 볼 수 있음 ! 중첩 조건문 → 조건문 안에 조건문을 중첩해 사용하는 것을 중첩 조건문이라고 한다. if else if 조건문 → 겹치지 않는 3가지 이상의 조건으로 나눌.. [혼공스] 1주차_Chapter 01~02 자바스크립트웹 브라우저에서 사용하는 프로그래밍 언어이다. '자바'와 이름이 비슷하지만 완전히 다른 프로그래밍 언어임 ..!! 웹 클라이언트 애플리케이션 개발웹 서버 애플리케이션 개발 모바일 애플리케이션 개발데스크톱 애플리케이션 개발데이터베이스 관리01 - 2코드 실행 (1) : 구글 크롬 콘솔에서 실행하기 코드 실행 (2) : 파일 만들고 실행해 저장해보기 ✅기본숙제 01 - 3 알아두어야 할 기본 용어표현식과 문장표현식→ 값을 만들어내는 간단한 코드 문장→ 하나 이상의 표현식이 모이면 문장이 된다. 프로그램→ 문장이 모여 프로그램을 이룬다.키워드→ 자바스크립으가 처음 만들어질 때 정햊놓은 특별한 의미가 있는 단어→ await, class, const, continue, export, defau.. 이전 1 다음