목록웹프로그래밍/javascript (4)

수학과의 좌충우돌 프로그래밍

[javascript] Audio 객체를 이용한 음악 파일 다루기

html5 부터는 javascript 를 이용하여 간단히 음악 파일을 다룰 수 있습니다. 이에 대해서 알아보도록 하겠습니다. Audio 객체 그러기 위해서는 Audio 객체를 사용합니다. 이를 선언하는 방법은 다음과 같습니다. var audioFile = new Audio(); Audio 객체 는 다음과 같은 속성을 가집니다. src 음악 파일의 경로나 url 을 지정합니다. volume 음악의 음량을 설정합니다. 0~1 사이의 값을 가지며, 1에 가까울수록 소리가 큽니다. currentTime 음악의 재생 지점입니다. 초 단위이며. 0 값인 경우에 처음부터 음악을 재생합니다. loop 음악의 반복 여부를 결정하며 boolean 값을 갖습니다. Audio 객체 는 다음과 같은 메소드를 가집니다. play..

웹프로그래밍/javascript 2019. 7. 23. 04:12
[javascript] 회원가입 시, 아이디 중복 확인하기 - ajax

회원가입을 조금 더 완벽하게 하기 위해서 아이디 중복 확인을 구현해보았습니다. 중복 검사 버튼을 눌렸을 경우, 동일한 아이디가 있는지 확인하고 없다면 절차를 진행하도록 합니다. html 코드는 다음과 같습니다. 중복검사 아이디를 입력하는 input, 중복 검사를 실시하는 button, 중복 검사가 완료되었을 때 표시 해주는 img 가 있다. 중복 검사전과 후 모습은 아래 이미지와 같습니다. 이제 중복검사 버튼을 클릭할 시, id_overlap_check 라는 함수가 실행되는데 이 함수를 살펴보도록 하겠습니다. $('.username_input').change(function () { $('#id_check_sucess').hide(); $('.id_overlap_button').show(); $('.us..

웹프로그래밍/javascript 2019. 6. 30. 03:32
[javascript]삭제 시 경고창 띄워주기

삭제 시 경고창 띄워주기 현재 post 한 글과 댓글이 삭제 버튼을 누르게 되면 망설임없이 바로 삭제 된다. 삭제 시에는 복원이 불가능하고 실수할 가능성이 있기 떄문에 경고창을 띄워서 이를 해결하자. post한 글과 댓글 경고창을 처리한 방식의 약간의 차이가 있어서 따로 다뤄주겠다. post 글 삭제 경고창 우선 기존의 삭제는 a 태그를 통해서 글을 삭제하는 기능을 수행하도록 url을 넘겨주었다. Delete 이제 바로 url을 넘겨주지 않고 modal 을 띄워준 후 modal 에서 삭제하기 를 누를 시 이 url로 넘어가도록 하겠다. 기존의a 태그를 수정해주자. Delete data-toggle="modal": 모달 창을 여는 역할 data-target="#CatModal": 모달의 id로 연결해주는 ..

웹프로그래밍/javascript 2019. 4. 3. 10:33