Developer's Development

6주차(8/14-8/20) Chapter 07 ~ 08 Chapter 07. 문서 객체 모델 문서 객체 모델은 넓은 의미로 웹 브라우저가 HTML 페이지를 인식하는 방식이고, 좁은 의미로 document 객체와 관련된 객체의 집합임. 이를 사용하면 HTML 페이지에 태그를 추가, 수정, 제거할 수 있음. 1. 문서 객체 조작하기 - 요소(element) : HTML 페이지에 있는 html, head, body, title, h1, div, span 등. - 이를 JS에서는 문서 객체(document object)라고 부름. 따라서 '문서 객체를 조작한다'는 말은 'HTML 요소들을 조작한다' - 문서 객체 모델(DOM, Document Objects Model) : 문서 객체를 조합해서 만든 전체적인 형..

4주차(7/24-7/30) Chapter 05 Chapter 05. 함수 1. 함수의 기본 형태 함수 : 코드의 집합을 나타내는 자료형 함수 호출 : 함수를 사용하는 것 1) 익명 함수 이름이 없는 함수 function () { } //중괄호 {...} 내부에 코드를 넣음 2) 선언적 함수 이름이 있는 함수 function 함수() { } 3) 매개변수와 리턴값 매개변수 : 함수를 호출할 때 괄호 내부에 넣는 여러 가지 자료(함수에 넣는 input) 리턴값 : 함수를 호출해서 최종적으로 나오는 결과(결과로 나오는 output) function 함수(매개변수, 매개변수, 매개변수) { 문장 문장 return 리턴값 } 4) 기본적인 함수 예제 (1) 1부터 100까지 더하는 함수 생성 function su..

3주차(7/17-7/23) Chapter 04 Chapter 04. 반복문 1. 배열(Array) 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형. 대괄호[]를 사용해 생성하고, 내부의 값을 쉼표(,)로 구분해 입력함. 배열 내부에 들어 있는 값을 요소(element)라고 하며, 어떠한 종류의 자료형도 요소가 될 수 있음. 1) 배열 만들기 [요소, 요소, 요소, ..., 요소] 2) 배열 요소에 접근하기 배열[인덱스] //인덱스(index) : 요소의 순서 3) 배열 요소 개수 확인하기 배열.length 배열[배열.length - 1] //배열의 마지막 요소를 선택할 때 자주 사용하는 패턴 4) 배열 뒷부분에 요소 추가하기 (1) push() 메소드를 사용해 배열 뒷부분에 요소 추가하기 배열.p..

2주차(7/10-7/16) Chapter 03 Chapter 03. 조건문 1. if 조건문 조건에 따라서 코드를 실행하거나 코드를 실행하지 않을 때 사용하는 구문 1) if 조건문 불 표현식의 값이 true면 중괄호 안의 문장을 실행하고, false면 문장을 무시하는 구문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } 2) if else 조건문 if 조건문 바로 뒤에 else 구문을 붙여서 서로 반대되는 상황을 표현하는 구문 if(불 값이 나오는 표현식) { 불 값이 참일 때 실행할 문장 } else { 불 값이 거짓일 때 실행할 문장 } 3) 중첩 조건문 조건문 안에 조건문을 중첩해 사용하는 구문 if(불 값이 나오는 표현식 1) { //표현식 1이 참이면 실행 if(불 값이 나..

취업 전부터 jQuery나 javaScript에는 유난히 자신이 없었다. ajax도 지금은 많이 적응되었지만 최종 프로젝트 당시만 해도 얼마나 어려웠는지... 웹 개발자로서 javaScript는 피할 수 없는 존재기에, 확실히 내 것으로 만들고 싶어서 시작하게 되었다. 혼공단 10기 일정(자바스크립트) 1주차(7/3 - 7/9) Chapter 01 ~ 02 Chapter 01. 자바스크립트 개요와 개발환경 설정 자바스크립트(JavaScript) : 웹 브라우저에서 사용하는 프로그래밍 언어. (자바와는 완전히 다르고, 동적 웹 페이지와 데스크톱/모바일 애플리케이션 등을 개발하는 데 사용됨) 개발환경 세팅 : 텍스트 에디터(Visual Studio Code) + 코드 실행기(Google Chrome) 자바스..