기초부터 시작하는 코딩 114

Javascript를 공부해 봅시다! - 번외편. 예제를 풀어봅시다.2

마무리 문제 01. 사용자가 프롬프트 창에 숫자를 입력했을 때 그 숫자를 함수로 넘겨주고 함수에서는 숫자가 양수인지 음수인지, 또는 0인지 판단해서 알림 창에 보여주는 프로그램을 작성해 보세요. 길라잡이 숫자를 받아서 양수,음수,0을 판단하고 알림 창에 표시하는 함수를 선언 합니다. parseInt() 함수를 사용해 프롬프트 창에 입력한 내용을 숫자로 변환합니다. 반환값이 숫자일 경우에만 함수를 실행합니다. let user = prompt("숫자를 입력해 주세요")//사용자가 숫자를 입력할 입력창을 불러옵니다. if(user0){ document.write("양수");// 만약 입력한 숫자가 0보다 크다면 "양수"를 출력합니다 }else{ document.write("0");// 만약 입력한 숫자가 0이..

Javascript를 공부해 봅시다! - 07. 데이터 제어하기

데이터 제어하기 - 데이터를 제어하는 방법은 여러가지 방법이 있습니다. - 저희가 앞에서 배웠던 if문, 삼항 연산자, switch문, for문 같은 것들도 모두 데이터를 제어하는 방법 중 하나입니다. - 오늘은 그 것들을 제외한 나머지 방법들에 대해서 알아보도록 하겠습니다. while 문 - 조건식이 true 일 경우에 계속해서 반복하는 함수입니다. - 조건식에는 비교 또는 논리 연산식이 주로오는데, 조건식이 false가 되면 반복 행위를 멈추고 while문을 종료합니다. let num = 0; while(num

Javascript를 공부해 봅시다! - 06. 여러가지 함수들

함수란: - 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. - 함수는 자바스크립트의 기본 구성 요소 중 하나입니다. - 함수를 실행할 때는 반드시 함수를 불러와야 합니다. - 함수에 "function"을 뻬고 "=","=>"을 넣어 줄여쓰는 방법이 있습니다. 그것을 화살표 함수 라고 부릅니다. 01. 선언적 함수 - 선언적 함수는 가장 기본적인 형식으로 되어있습니다. - 기본형식은 "function 함수명(){실행문}" 입니다. function func(){ document.write("선언적 합수입니다.") } func()// 함수를 불러오는 명령문 입니다. // 결과값: 선언적 함수 입니다 //위의 것을 화살표 함수를 써서 줄인 방법입니다. func1 = () ..

Javascript를 공부해 봅시다! - 05.데이터 저장하기

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

Javascript를 공부해 봅시다! - 번외편. 예제를 풀어봅시다.

문제출처: 고경희 저 | 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부터 순서대로 값..

CSS에 대해 공부해 봅시다!- 04. 14가지의 선택자들

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