javascript/basic 썸네일형 리스트형 javascrpt - 내장 함수 [타이머 함수②] 타이머 함수의 실행 순서와 반복문의 콜백함수 이번에는 자바스크립트 코드의 실행순서를 알아보려한다. 간단한 코드면 괜찬겠지만 코드가 길어지거나 복잡해지면문제가 생길 수 있기 때문에 이해하고 넘어가야 된다.1234567 alert("A"); settimeout(function(){ alert("B"); },0); alert("C")cs 위에 코드를 실행시키면 어떤 순서로 출력될까?실행해보면 알겠지 A → C → B 순으로 실행이 된다. 왜 이렇게 되는걸까책에는 이렇게 나와있다'자바스크립트의 함수 중에는 웹 브라우저에 처리를 부탁하는 함수가 있다. 대표적으로 타이머 함수와 웹 요청은 웹 브라우저가 처리하고 처리가 완료되었다는 것을 자바스크립트에 알려주는 방식'뭔 소린지 잘 모르겠다...적절한 쉬운 예를 들어주.. 더보기 javascrpt - 내장 함수 [타이머 함수①] 요즘 타이머 함수를 공부하고 있는데 이론이 없이 그냥 물어보면서 설명을 들어보니 무슨 소린지 모르겠다. 이건 설명해주는 사람한테도 민폐인거 같아서 개념정돈 알아야 될꺼같다. 자바스크립트 자제척으로 몇 가지 함수를 제공하는데 그걸 내장 함수 라고 한다. 예를 들면 alert(), prompt(),confirm() 등이 있다. 저거 말고도 다른게 많으니 한번 살펴보려고 한다.타이머 함수인코딩과 디코딩 함수코드 실행 함수숫자 확인 함수숫자 변환 함수이 5가지를 정리 해볼껀데 저게 실무나 다른거에서 얼마나 많이 쓰이는지는 잘 모르겠으나 일딴 하는김에 다 해두면 괜찬을꺼 같다. 타이머 함수 에서도 4가지 메서드가 있는데 setTimeout(function, millisecond) -일정 시간 후 함수를 한번 실행.. 더보기 4day - 배열의 기초(2) 배열의 기초 (1)에서 평균값을 구하는 것을 했다.배열의 기초 (2)에서는 이중배열에 대해서 알아보자이중배열은 배열안에 배열을 또 넣는거라 생각하면 좀 이해가 잘 된다고 생각된다. 저 위에 쓰여있는 식대로 한다면배열안에 3개의 배열이 존재하는 거에서 각 첫번째 배열을 합산해서 score.length로 나눈값을 구하는 식이다.쉽게말해 각배열의 첫번째의 평균을 구한다고 보면된다.답은 90이다.90+100+80 = 270 / score.length여기서 조금만 바꾸면 다음 배열의 평균값도 구할 수 있게된다.2번째 배열의 평균을 출력해보면86.66666666666667 의 값이 출력된다.좀 더 이걸 응용해서 다른식으로 해본다면이번에는 합격점을 두고 그리고 2번째점수와 3번쨰 점수를 비교해서 그거에 해당되는 사람.. 더보기 4day - 배열의 기초(1) 그 동안 if문과 for문을 사용했는데 이번에는 배열을 공부해보려한다. 책에서 나오길 배열은 여러 개의 변수를 한번에 다룰 수 있는 자료형이다 라고나온다.배열은 []로 생성해야 된다.예를 들면var array = [273, 32, 103, 57, 52];이런식으로 하면 배열이 된다.cars는 3개의 자동차 이름을 넣어놨다. for문으로 저 3가지를 다 나오게 하려고 했고cars의 length 만큼 돌려서 3개가 나오게 된다.결과를 보면 배열안에 들어가 있는 것 들이 하나씩 보인다.이번에는 배열요소를 하나더 늘려서 for문을 사용해서 cars.lenght만큼 for문을 돌리는데 안에 if문으로 조건을 둬서 저건에 맞는것만 표현하도록 해보았다.홀수인 배열요소를 나오게 조건을 둬서 나온 결과이다.이번에는 키의.. 더보기 3day - 퍼즐만들기 퍼즐 만들기를 하기 위해선 저번에 했던 블록쌓기에서 응용을 해야 된다. if & for 그리고 shuffle, parseInt 등을 사용해서 만들어보자. 이걸 만들려고 한다. 마지막칸을 비우고 비워있는 칸 상하 좌우 칸을 눌렀을때 빈곳으로 이동하게 해서 퍼즐을 완성한다. 저 상태로 완성이되면 셔플이벤트로 퍼즐의 위치를 섞어주면 완성이다. 전체 box-wrap을 만들고 그 안에 들어갈 box를 css를 넣어준다. 여기서 background-image를 한장의 사진을 넣어주는데 사진크기를 box-wrap크기와 똑같이 맞춰줘야 빈틈 없이 들어간다. 이것은 js로 box마다 사진의 위치를 backgroundPosition로 잡아준다. append를 추가할때 col="'+i+'" row="'+j+'" 를 넣어줘서.. 더보기 2day - 블럭쌓기 이번에는 for 반복문을 써서 블럭을 쌓아보도록 하려고 한다. 우선 for 반복문이 뭔지에 대해 알아보자. 조건보단 횟수에 비중을 둘 때 사용하는 반복문이다. for (초기식; 조건식; 종결식) { 문장 } 이런 형태이다. 본론으로 돌아가서 for문으로 만들어 보도록 한다. 저 형태로 준비를 하고 블럭을 쌓아 보도록 한다. for (var i=0; i 더보기 이전 1 2 다음
