목록분류 전체보기 (187)
기초공사 (html,css,javascript)
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/AEfeR/btsgTjIJqtw/XzSouwyvwcsvEz49Ckv66K/img.jpg)
콜백함수는 다른함수의 인수로 사용하는 함수를 가리킵니다. 아래 예제를 살펴보면 이해가 된다. function main(x){ x(); //콜백함수 호출 } function sayHi(){ console.log("안녕"); } main(sayHi); 중요한것은, 전달해준 콜백함수는 콜백함수를 전달받은 함수에(main) 의해서 호출된다. main함수에 전달해줬기 때문에 main함수 내부에서.언제 어떻게 호출될지는 콜백함수를 전달받은 main함수의구현상황에 따라 달려있다. // 또 다른 예제를 살펴보자 function greetToUser(greet) { //greeToUser함수의 인수를 greet그릇에 받는다. const name = "박희정" greet(name); //전달해준 콜백함수 호출할때 이 함수..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dvQbia/btsgtwKcoj2/y2bZ9P47jWg3OZwVhFpYG0/img.jpg)
1.배열에서 10보다 큰값을 찾아서 화면에 표시해보세요 주어진배열은 [1,3,5,7,9,11,13,15,17,19] 생각노트 1.배열 요소의 개수만큼 for문을 반복한다. 2. if문을 사용해서 요소의 값과 10을 비교한다. --> 요소의 값이란 number[ i ] 3.document.write문을 이용해서 화면에 표시한다. const number = [1,3,5,7,9,11,13,15,17,19]; document.write(`주어진 배열은 : ${number}이다. `); console.dir(number); for(let i = 0; i 10){ //이부분 헤맴.변수의 배열순번 변수[순번] document.write(`${nu..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/rWmit/btsgwMSjHvL/XhLDclpotFQgD79IVQ4hi0/img.jpg)
1.while while 반복문은 조건이 참 인 동안 문장을 반복한다. while문은 조건부터 체크한 후 true일 경우에만 문장을 반복한다. 조건이 false라면 문장은 한번도 실행되지 않는다. while(조건) { 실행할 명령 } 2. do..while while문과 달리 do..while문은 조건이 맨 뒤에 붙는다. 일단 문장을 한번 실행 한 후 조건을 체크한다. 그러므로 조건이 false라고 해도 일단 문장이 최소한 한번은 실행된다. do { 실행할 명령 } while (조건) //신나는 ~예제 지정한 횟수만큼 화면에 *기호를 표시해보자. // let stars = parseInt(prompt("별의개수: ")); // while(stars > 0){ // document.write('*'); /..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ccXYi7/btsgtxWBmRT/vTwOFo9irXoJaPKAOKbKiK/img.png)
1. for문 for문은조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할때 편하다. for(초기값; 조건; 증가식;) { ......} **for반복문 예제 // const color = ["red","orange","purple","skyblue"]; // console.log(color) // // for(초기값; 조건; 증감식){ // // } // for(let i = 0; i < color.length; i++){ // document.write(`${color[i]}~~`) // } i가 배열안에 있는 목록이다! (number % i === 0 isPrime = false; // document.write(`${number}는 소수가 아닙니다.`) number에 15을 입력햇을면 i가..
switch문 체크해야 할 조건값이 많을 경우에는 여러개의 if..else문을 사용하는것보다 switch문이 더 편리하다. switch문 안에 있는 case문에서 각 값에 따라실행할 명령을 따로 구분하면 된다. switch 문에 있는 조건은 case중 하나에만 일치하고, case를 실행한 후에는 완전히 switch문을 빠져나온다. 지정해 놓은 case문에 맞지 않으면 default문에 있는 문장을 실행한다. (* case문에서 값을 지정할 때 식을 사용할 수 없다는 점 주의!) switch (조건) { case 값: 문장 break; case 값:문장 break; case 값:문장 break; ...... default : 문장 } 예시 다음은 사용자가 3개의 값중에서 하나를 선택하여 입력한 후 swit..
1.산술연산자 연산자의 왼쪽이나 오른쪽에 있는 연산 대상을 '피연산자' 라고 한다.. 대부분 산술 연산자는 피연산자가 2개 이지만, 증가 연산자와 감소 연산자는 피연산자가 1개이다 let x = 10, y = 4, result // 변수선언 result = x / y //나누기연산자 result = x %y //나머지 연산자 result = x + y-- 는, 이렇게 바꿀 수 있다. result = x + y y = y-1 로 바꿀 수 있다. result = ++x -y 는, x = x +1 resutl = x + y 로 바꿀 수 있다. 2. 조건연산자 조건이 복잡하지 않고 true와 false가 명확할 경우 if문을 사용하지 않고 조건 연산자만으로 조건을 체크할 수 있다. 조건연산자 ?와 : 을 사용해..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bYDtBR/btsggLFKsIq/PtzzVKF5mACkg7vfwrxI7K/img.jpg)
.프롬프트 창에 이름을 입력하고 '확인' 버튼을 클릭하거나 enter를 눌르면 입력했던 값이 즉시 콘솔창에 표시된다. 그 결과, prompt( ) 반환값은 사용자가 입력한 내용이 되어 이 반환값을 프로그램에 사용할 수 있다. 기본형 prompt(내용,기본값) 사용자가 취소버튼을 클릭하면 사용자가 값 입력을 취소하는 경우에는 null이 반환된다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/HNkuu/btsf584idYO/w2d5zgEf2pBwdAyIfkocC1/img.jpg)
1.예제먼저 풀어보자 화씨온도를 섭씨온도로 바꿔보자 시중에 많이 나온 문제지만 기본이 중요하다. html코드 섭씨와 화씨변환하기 js코드 // 섭씨:celsius, 화씨 : fahrenheit let fa = parseFloat(prompt("변환할 화씨온도 입력해줘")); let cel; // 섭씨온도 = (화씨온도 - 32) / 1.8 cel = ((fa - 32)/1.8).toFixed(1); alert(`화씨 ${fa}는 섭씨온도 ${cel}입니다`); parseFloat는 실수로 변환하는 자료형이다. toFixed(1) = 소수 한자리만 출력해주는 자료형이다. parseInt()함수는 소괄호 안의 값을 정수로, parseFloat()함수는 소괄호 안의 값을 실수로 변환한다. 프롬프트 창은 텍스트..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/IRgXv/btseG4nw6FX/kuOsTc72vZgomkl7FnFBfK/img.jpg)
1. 개발소스에서 저부분이 어떻게 들어오는지 알고싶다면. 2. 브레이크를 걸고, 실행을 한다.---검색을 클릭한다. jParams가 어떻게 들어오는지 알수있다. 4. 관련쪽에서 안쪽으로 들어가고 싶다면..오른쪽 상단 ..into..를 클릭한다. 디버깅은 이런식으로 하면 된다고 한다. 아직 미진하지만.화이팅!
콤보박스를 선택해서 input이 아닌 div에 출력하고 싶을때. select태그를 알게되었고, selectIndex라는 속성을 알게되었다. 하나다보면 이 태그에 내가 선택한 태그에 속서이 뭐가 있는지 궁금할때는 변수 지정하고 consol.log가 아니라 console.dir를 하면 종류를 알수있다. ---Select options Rugby Cricket Swimming Volleyball var d = document.getElementById("heeselect"); --> console.dir(d); 콘솔창을 보면 많은 value가 있다 그 중에 내가 찾던 것이 나왔다. selectIndex! var displaytext = d.options[2]; 콘솔창에서 보면 Cricket만 선택이 됨을 알수..