728x90 반응형 개발일지/자바스크립트5 javascript 배열 맨 앞 , 맨 뒤 추가 하기 var list = ["b", "c"]; list.unshift("a"); console.log(list); 결과 : ["a", "b", "c"] javascript 사용을 할 때 배열을 종종 이용하게 된다. 이 때 주로 push()를 이용해서 javascript의 맨 뒤에 요소를 추가하곤 하는데, 맨 뒤 뿐 아니라 맨 앞에도 추가해야 하는 경우가 생긴다. 이럴 땐 unshift()를 사용하면 된다. 예제는 위와 같다. 2021. 11. 9. javascript 콜백이 아닌 함수 콜백으로 만들기 콜백 API를 엄청나게 사용하고 있는 요즘, 아래와 같은 구조의 javascript가 있다고 가정했을 때 문제가 생긴다. function play(){ var result = A('a'); console.log(result); } function A(str){ str = B(str); return str; } function B(str){ str.callbackFunc(function(data){ str = data; }); return str; } 버튼을 누르면 play()를 동작하게 하는 함수를 짰다고 쳤을 때, play()는 A에 'a'를 인자로 하여 실행하여 result에 담은 뒤, result를 출력한다. A(str)은 단순히 B(str)을 실행해 다시 str에 넣어주고, 그 값을 리턴한다. B.. 2021. 6. 17. [JAVASCRIPT] 유효성 체크 하는 방법 생각보다 개발을 하면서 유효성 체크를 해야하는 경우가 많습니다. 가령 jsp를 사용하는 환경에서 사용자에게 input에 입력을 받은 뒤 전송 버튼을 눌렀을 때 input값이 유효한지 검사하는 것인데요. 이럴 때는 굳이 java코드를 jsp에 넣을 필요 없이 script처리를 하면 좋습니다. 아이디 패스워드 로그인 취소 위와같은 소스가 있다고 치겠습니다. 이번에 해보려는 것은 로그인 버튼을 눌렀을 때 pwd1의 값을 확인해서 해당 값이 맞는지 틀린지 확인해서 틀렸다면 alert을 띄우는 소스를 만들려고 합니다. 이 때 스크립트에서 어떻게 처리해주면 될까요? 아이디 패스워드 로그인 취소 우선 로그인 버튼 타입을 변경합니다. 일반 버튼으로 만든 뒤 onclick 시 sbm()을 실행하도록 만들어주었습니다. v.. 2021. 6. 2. [jQuery] 버튼을 눌렀을 때 같은 줄에 있는 데이터 가져오기 원하는 개발 방향 1. 테이블에 모든 줄에 저장 버튼이 있음 2. 저장 버튼을 눌렀을 때 해당 줄에 있는 값을 jQuery 상에서 불러와야 함 우선 해당 개발 방향대로 개발을 진행하기 위해 아래와같은 테이블을 작성하였습니다. 주소 설명 저장버튼 저장 저장 저장 이제 각 줄에 있는 저장 버튼을 눌렀을 때 해당 줄의 주소와 설명을 불러오는 jQuery를 작성해보도록 하겠습니다. $('.saveBtn').on('click', function() { //현재 row의 정보 가져오기 var thisRow = $(this).closest('tr'); //주소 input 값 가져오기 var addr = thisRow.find('td:eq(0)').find('input').val(); //섦졍 input 값 가져오기 .. 2021. 5. 17. Javascript 브라우저 종류 확인하는 방법(Check Browser Type) ■ Javascript 브라우저 종류 확인하는 방법(Check Browser Type) Javascript에서 브라우저에 따라 동작을 다르게 하는 소스가 종종 있기 때문에 크롬에서는 되는데 IE에서 되지 않는다는 오류를 종종 접수하게 된다. 이런 오류를 접수하면 어떻게 처리해야하나 고민하게 되는데, 브라우저 종류를 확인하는 script를 사용해서 서로 다른 script로 작동하게 만들면 보다 간편하게 해결할 수 있다. 기본적으로 navigator의 userAgent 값을 이용해서 구분을 하게 된다. ■ 사용 방법 //agent에 브라우저 종류 삽입 var agent = navigator.userAgent.toLowerCase(); if( (navigator.appName == 'Netscape' && n.. 2021. 1. 14. 이전 1 다음 728x90 반응형
