본문 바로가기

javascript/jQuery

javascript - 구구단 만들기 2탄 음 골머리좀 썩었다. 출력하는게 만만치 않았는데 계속해보니깐 되긴되더라... 12345678910cs 123456789101112131415161718192021222324252627 function timestabls1() { var result = ""; var start = ""; var end = ""; for (var i = 2; i 더보기
javascript - 구구단 만들기 1탄 요즘에 스터디를 하고있는데 스터디하다가 친구 한놈이 "너 자바스크립트로 구구단은 짤주아냐?" 속으로 뜨끔했다. 평소에 스타일링만주고 하다보니 전혀 생각지 못한거였다. 예전에 for , if 문을 익히긴 했지만 미숙했다. 저 말을 들었을때는 아무생각도 들지 못했다. 구구단.... 어떻게 짜야될까...? for문을 돌리면 되지 않을까? 이런 생각하는것부터가 "아무것도 몰라요" 를 인증하는거 같다. 그래서 해보기로 했다. 까짓거 해보지 12345678for (var i = 2; i 더보기
javascrpt - 내장 함수 [타이머 함수③] 앞에서 예고했듯이 이번에는 반복문과 콜백 함수를 해보려고한다.1234567 for (var i = 0; i 더보기
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의.. 더보기
append & remove 에이전시에 취직한 형한테 연락이왔다.+ btn 을 눌렀을떄 추가되었다가 - btn을 누르면 사라지게 만들어야됬다.말로 쓰려니 잘 표현이 안된다. 대충 이런 형태이다.+버튼을 누르면 담당자 이름과 밑에 입력칸이 하나씩 늘어나고-버튼을 누르면 하나씩 사라진다.처음에는 attr로 정보값을 불러와서 구성할까 했지만 잘 되지않았다.그래서 append로 +버튼을 눌렀을때 통째로 추가하는 방법을 생각해 보았다. 위 사진이 그 결과이다.처음에는 .last()를 안 넣었더니 늘어날때마다 증식하듯 배로 증가했다..last()를 넣어주니 마지막꺼에 적용됨으로 하나씩 추가와 하나씩 삭제가 된다.원래는 append만 알고있었지만 이걸 해보면서 remove를 알게되었고 .last()가 중요하다는걸 알았다. 링크:http://ne.. 더보기
1day - 계산기 계산기 1. 계산기 레이아웃 2. 클릭 이벤트 3. 변수 저장 4. 오퍼레이터 조건문 5. 변수 연산 특수문자 코드표 : http://dev.w3.org/html5/html-author/charref How to print a number with commas as thousands separators in JavaScript123function numberWithCommas(x) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");} 테이블로 레이아웃을 잡는다. td 태그에 class를 2개를 준다. btn, 각버튼의속성 예) class="btn num" 그 다음은 css를 넣어준다. 스타일 적용후 확인 그 다음 가장 중요한 js를 구성하면 된다... 더보기