회고드디어 혼공단 자바스크립트로 참여한 6주차가 끝났습니다...안드로이드를 공부하다 이건 도저히 아니다 싶어 웹으로 전향하고, 처음 공부하는 자바스크립트여서 살짝 겁을 좀 먹었는데 다행히(?) 큰 재미를 붙여 매주 재밌게 참여했습니다.작년에는 자바로 참여해 완주까지 달

구문 오류 : 코드가 실행조차 되지 않는 오류예외 : 코드 실행 중간에 발생하는 오류예외 처리 : 오류들을 처리하는 것1\. 오류의 종류프로그램 실행 전에 발생하는 오류 = 구문 오류프로그램 실행 중에 발생하는 오류 = 예외, 런타임 오류2\. 기본 예외 처리조건문을

요소 : html, head, body, title, hl, div, span 등문서 객체 : 자바스크립트에서는 요소를 문서 객체라고 함문서 객체 모델 : 문서 객체를 조합해 만든 전체적인 형태1\. DOMContentLoaded 이벤트해당 이벤트는 웹 브라우저가 문서

1\. 객체배열은 요소 접근 시 인덱스 사용객체는 요소 접근 시 키 사용객체는 중괄호로 생성, 자료를 쉼표로 연결해 입력객체 뒤에 대괄호 사용하고 키 입력하면 객체 요소에 접근 가능대괄호 방법 외에 온점도 사용 가능2\. 속성과 메소드요소 : 배열 내부에 있는 값속성

9.4.1 if, else, else if문1\. if문else문else if문중첩하기분기 처리 : 어떤 조건식 만족할 때 어떤 블록문 실행할지 결정하는 것9.4.2 switch문9.5.1 while문9.5.2 무한 반복문반복문의 조건이 계속 참으로 평가되어 반복문이

함수 호출 : 함수를 사용하는 것배개 변수 : 괄호 내부에 자료를 넣는 것리턴값 : 함수 호출해서 최종적으로 나오는 결과1\. 익명 함수함수 : 코드의 집합을 나타내는 자료형익명 함수 : 이름이 붙어있지 않은 함수2\. 선언적 함수3\. 매개변수와 리턴값매개변수 : 함

9.1.1 변수키워드 : 역할이나 기능이 정해진 특별한 단어var, let, typeof 등식별자 : 변수, 함수 등에 부여되는 이름연산자 : 연산 작업에 사용표현식 : 값을 반환하는 식 또는 코드값 : 더 이상 평가할 수 없는 데이터세미콜론 : 하나의 문이 끝났음을

배열 만들기배열 : 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형대괄호 사용해 생성, 내부 값은 쉼표로 구분해 입력요소 : 배열 내부에 들어 있는 값요소, 요소, 요소, ... ,요소배열 요소에 접근하기각 요소에 접근하려면 배열 바로 뒤에 대괄호 ... 입력하

3-1. if 조건문 조건 분기 : 코드가 실행되는 흐름을 변경하는 것 if 조건문 : 조건에 따라 코드를 실행하거나 실행하지 않을 때 사용 조건 = 불 자료형 (비교 연산자, 논리 연산자 활용) if 조건문 불 표현식 값이 true면 중괄호 안의 문장 실행,

8.1.1 html 파일과 자바스크립트 연결하기내부 스크립트 방법script 태그 사용 위치항상 body 태그의 종료 태그 바로 전에 사용8.2.1 주석한 줄 주석 처리는 // 기호 사용여러 줄 주석 처리는 / \* \* / 기호 사용8.2.2 자바스크립트 오류 확인

플렉서블 박스 레이아웃 : 1차원 방식으로 효과적으로 레이아웃 설계하도록 고안된 스타일 속성1차원 방식 : 가로, 세로 중 한 방향으로만 레이아웃 설계하는 방식7.1.1 플렉스 박스 레이아웃 살펴보기구성 요소주축 : 플렉스 박스의 진행 방향과 수평한 축교차축 : 주축과

6.5.1 position 속성html 요소를 기본 흐름에서 벗어나 좌푯값에 따라 배치할 때 사용static : 요소를 기본 흐름에 따라 배치relative : 요소를 기본 흐름에 따라 배치, 좌표 속성 사용 가능top, right, bottom, leftabsolut

6.1.1 기본 스타일 시트웹 브라우저에 기본으로 내장되어 웹 브라우저에 표시되는 요소들의 스타일이 미리 정의된 파일 또는 문서 양식6.1.2 적용 우선순위와 개별성단계적 적용 : 같은 태그에 여러 스타일 적용되더라도 단계적으로 적용되어 마지막에 영향을 주는 하나의 스

5.1.1 전체 선택자html에서 사용할 수 있는 모든 요소들을 한 번에 선택자로 지정하는 방법기호 사용해 표시형식5.1.2 태그 선택자html 태그명으로 선택자를 지정하는 방법5.1.3 아이디 선택자html 태그에서 사용할 수 있는 id 속성값을 이용해 선택자를 지정

4.1.1 문법 형식css 문법은 크게 선택자와 선언부로 구성선택자 : css 스타일을 적용할 html 태그를 선택하는 영역선언부 : 선택자에서 선택할 태그에 적용할 스타일 작성 영역, 중괄호 안에 넣음. 반드시 속성과 값을 한 쌍으로 작성(세미콜론 넣으면 여러 스타일

3.6.1 form 태그form는 폼 양식을 의미하는 태그action, method 속성 함께 사용형식< form action="서버 url" method="get 또는 post"> < /form>action 속성폼 요소에서 사용자와 상호작용으로 입력받은 값

자료 : 프로그램이 처리할 수 있는 모든 것1) 문자열 자료형문자열 : 문자들의 집합문자열 자료형 : 수에 상관 없이 모든 문자들을 칭함2) 문자열 연산자: 문자열 연결 연산자문자 선택 연산자 : 문자열숫자 형태이 때 숫자 = 인덱스(자바스크립트는 0부터 시작)3) 문

3.1.1 hn 태그hn 태그는 제목이나 주제를 나타내는 텍스트 표현 시에 사용h1부터 h6까지 있음h는 heading 의미, n에 들어가는 숫자는 중요도 의미hn 태그로 작성된 텍스트는 검색 엔진에서 키워드로 인식중간에 숫자 건너 뛰지 않고, 단계적으로 사용해야 함형

2.1.1 태그구성 요소를 정의하는 역할html 문법을 이루는 가장 작은 단위기본 형식은 홀화살괄호(<>) 사이에 태그명을 넣는 형태형식<태그명>2.1.2 속성태그에 어떤 의미나 기능을 보충하는 역할 = 옵션태그 없이 단독 사용 불가속성명과 속성값으로 구성형

1.1 개발 환경 설정하기1.2 첫 번째 HTML 문서 만들기코드결과