javascript 썸네일형 리스트형 javascript - 구구단 만들기 1탄 요즘에 스터디를 하고있는데 스터디하다가 친구 한놈이 "너 자바스크립트로 구구단은 짤주아냐?" 속으로 뜨끔했다. 평소에 스타일링만주고 하다보니 전혀 생각지 못한거였다. 예전에 for , if 문을 익히긴 했지만 미숙했다. 저 말을 들었을때는 아무생각도 들지 못했다. 구구단.... 어떻게 짜야될까...? for문을 돌리면 되지 않을까? 이런 생각하는것부터가 "아무것도 몰라요" 를 인증하는거 같다. 그래서 해보기로 했다. 까짓거 해보지 12345678for (var i = 2; i 더보기 javascrpt - 내장 함수 [타이머 함수③] 앞에서 예고했듯이 이번에는 반복문과 콜백 함수를 해보려고한다.1234567 for (var i = 0; i 더보기 javascrpt - 내장 함수 [타이머 함수②] 타이머 함수의 실행 순서와 반복문의 콜백함수 이번에는 자바스크립트 코드의 실행순서를 알아보려한다. 간단한 코드면 괜찬겠지만 코드가 길어지거나 복잡해지면문제가 생길 수 있기 때문에 이해하고 넘어가야 된다.1234567 alert("A"); settimeout(function(){ alert("B"); },0); alert("C")cs 위에 코드를 실행시키면 어떤 순서로 출력될까?실행해보면 알겠지 A → C → B 순으로 실행이 된다. 왜 이렇게 되는걸까책에는 이렇게 나와있다'자바스크립트의 함수 중에는 웹 브라우저에 처리를 부탁하는 함수가 있다. 대표적으로 타이머 함수와 웹 요청은 웹 브라우저가 처리하고 처리가 완료되었다는 것을 자바스크립트에 알려주는 방식'뭔 소린지 잘 모르겠다...적절한 쉬운 예를 들어주.. 더보기 javascrpt - 내장 함수 [타이머 함수①] 요즘 타이머 함수를 공부하고 있는데 이론이 없이 그냥 물어보면서 설명을 들어보니 무슨 소린지 모르겠다. 이건 설명해주는 사람한테도 민폐인거 같아서 개념정돈 알아야 될꺼같다. 자바스크립트 자제척으로 몇 가지 함수를 제공하는데 그걸 내장 함수 라고 한다. 예를 들면 alert(), prompt(),confirm() 등이 있다. 저거 말고도 다른게 많으니 한번 살펴보려고 한다.타이머 함수인코딩과 디코딩 함수코드 실행 함수숫자 확인 함수숫자 변환 함수이 5가지를 정리 해볼껀데 저게 실무나 다른거에서 얼마나 많이 쓰이는지는 잘 모르겠으나 일딴 하는김에 다 해두면 괜찬을꺼 같다. 타이머 함수 에서도 4가지 메서드가 있는데 setTimeout(function, millisecond) -일정 시간 후 함수를 한번 실행.. 더보기 fade-slide(auto) 요즘 바뻐서 이래저래 글 올릴시간이 없다... 오토슬라이드를 만들어 볼라는데 오토는 쉬운데 멈추고 다시 시간을 흐르게 하는 개념이 좀 어렵다...위에는 내가 만든건데 문제점은 block을 클릭했을때 진행되던 setTimeout을 멈추고 누른 순간부터 다시 설정된 시간을 초기화해서 흐르게하고싶은데... 하코사나 멘토분께 물어봤는데 설명을 해줘도 잘 모르겠다 나의 부족한 탓인거같다. 더보기 resize-slider 오랫만에 시간이 생겨서 이것 저것 해봤다.오늘은 링크를 먼저 걸고 설명해야 될꺼 같다.링크:http://newlex0124.cafe24.com/test/responsive/test6.html그냥 평범한 슬라이더인데 반응형을 짤때 어떻게 슬라이더를 구성해야될까 생각하다가만들게 되었다.js에서 resize문제로 몇시간 동안 해결이 안되다가 하코사에 물어봐서 해결했다...문제는 animate를 시켜서 슬라이더를 진행시킨 후 창 사이즈를 조절 했더니옆에 영역에 침범을 해버려서 슬라이더 기능이 안되는 거였다.몇시간 동안 인터넷을 뒤지면서 찾아봐도 딱히 해결 못하다가 하코사에 물어보니 여러 고수분들이친절하게 답변을 해주었다.var box_w = $(".box").width(); 이걸 넣고 left값과 resize의.. 더보기 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문으로 조건을 둬서 저건에 맞는것만 표현하도록 해보았다.홀수인 배열요소를 나오게 조건을 둬서 나온 결과이다.이번에는 키의.. 더보기 이전 1 2 3 4 5 6 다음
