- 데이터를 저장하는 방법은 크게 4가지가 있습니다. - 변수, 상수, 배열, 객체인데 오늘은 이것들에 대해서 공부해보겠습니다. 변수 - 하나의 데이터만 저장이 가능합니다. - 데이터를 저장하는 것 뿐만 아니라 변경, 추가도 가능합니다. - 기본적으로 "let 변수명 = 저장할 데이터" 형식이며 "var"를 사용하기도 합니다. let x = 100; // x의 값을 100이라고 저장을 했습니다. let x = 200; // x의 값을 100에서 200으로 바꾸었습니다. let x += 200; // 기존 x 의 값에서 200을 더하여서 400이 되었습니다. 상수 - 변수와 마찬가지로 하나의 데이터만 저장이 가능합니다. - 변수와는 다르게 변경과 추가가 불가능합니다. - 실수로 바뀌면 안되는 값을 입력할 ..

문제출처: 고경희 저 | Do it! 모던 자바스크립트 프로그래밍의 정석 113p 문제 01. 10보다 큰 숫자 찾기!! tip! - 배열 요소의 개수만큼 for문을 반복합니다 - if 문을 사용해서 요소의 값과 10을 비교합니다. - document.write 문을 사용해서 화면에 출력합니다. - 주어진 배열 : [1,3,5,7,9,11,13,15,17,19] 정답: 풀이 : 문제를 한번 풀어보시고 더보기를 눌러주세요 더보기 1. for 문을 먼저 살펴보겠습니다. 일단 for 문을 이용하여 배열 안의 있는 수를 불러왔습니다. for 문을 선언하고 i=0을 써주어 i가 0부터 시작을 한다고 명시를 해줬습니다. i 가 0부터 시작을 해줘야 하는 이유가 있는데 배열은 처음에 있는 데이터를 0부터 순서대로 값..

선택자(selector) 1. type 선택자 - HTML 요소의 태그 이름을 이용해 스타일을 적용합니다. - 예를 들어, p 선택자는 모든 태그에 스타일을 적용합니다. 2. id 선택자 - # 기호를 사용하여 정의됩니다. - ID 선택자는 특정 요소의 ID 속성을 기반으로 스타일을 적용합니다. - 예를 들어, #wrap는 요소를 선택합니다. 3. class 선택자 - .(마침표) 기호를 사용하여 정의합니다. 4. 전체 선택자 - * 기호로 표현합니다. - 문서 내의 모든 요소를 선택하며, 다른 선택자와 함께 사용하여 특정 요소를 선택할 때 유용합니다. 5. 하위 선택자 - 하위 선택자는 부모 요소 안에 있는 자식 요소를 선택하는 선택자입니다. - 하위 선택자는 부모 요소와 자식 요소 사이에 공백을 사용..

float - float 라는 단어는 원래 ‘뜨다’ 라는 의미이며, 웹페이지에서 이미지를 어떻게 띄워서 텍스트와 함께 배치할 것인가에 대한 속성입니다. - float 속성은 원래 이미지와 텍스트 배치 용도로 등장했지만, 레이아웃용으로 많이 사용하고 있습니다. - 복잡한 형태의 레이아웃을 구성하는데 필요한 핵심 속성으로 특정 요소를 떠있게, 흐르도록, 부유하게 하도록 하는 속성입니다. - 여기서 떠 있다(float)는 의미는 요소가 기본 레이아웃 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽에 이동하는 것입니다. - 아래 사진의 float의 간단한 예시 사진입니다. - float 속성값은 다음과 같습니다. left : 요소를 왼쪽 방향으로 부유하게 설정 right : 요소를 오른쪽 방향으로 부유..

조건문(conditional statements) 이란 - 프로그램 내에서 주어진 표현식의 결과에 따라 별도의 명령을 수행하도록 제어하는 실행문입니다. - if 문과 switch 문이 있습니다. - 어제 저희가 만들었던 홀짝 프로그램이 if 문을 사용하여 만들었던 것입니다. if 문 - if 문은 if 다음에 소괄호를 사용해서 조건을 표기합니다. - 조건을 체크한 후 결과값이 true이면 실행하고 false이면 if문을 건너뛰고 그 다음 명령을 시행합니다. - 기본형식은 if(조건문){ 조건이 true일 때 실행할 명령}; 입니다. - if 문 안 if 문을 중첩 또는 다중으로 쓸 수 있습니다. 그림출처 if...else문 - if 문과 같이 사용할 수 있는 else 문은 if 문의 표현식 결과가 거짓(..