728x90

javascript 17

[javascript] 예외 처리 방법, try, catch, finally

안녕하세요. 비스카이비전입니다. 오늘은 javascript에서 예외 처리를 어떻게 하는지에 대해 살펴보도록 하겠습니다. 예외 처리란? 이 글을 찾아오시게 된 분들은 예외 처리라는 것이 어떤 것인지 대부분 아시는 상황에서 javascript에서는 예외 처리를 어떻게 하는지 궁금해서 오신 분들일 것입니다. 예외 처리에 대해 간단히 말씀드리면, 에러가 발생했을 때 프로그램이 멈추지 않고 계속해서 진행될 수 있게 하는 일종의 기법이라고 생각하시면 됩니다. 프로그램이 에러로 인해서 작동하지 않는 것보다 큰 문제는 없기 때문에 에러가 발생하더라도 프로그램은 어떻게든 계속 작동이 되는 상태로 남겨줄 필요가 있습니다. 웹사이트나 응용 프로그램을 사용하는 사람들은 절대로 개발자가 원하는 방식대로만 움직여주지 않습니다. ..

코딩/javascript 2022.06.18 (2)

[jQuery] attr 메소드 사용법

안녕하세요. 비스카이비전입니다. 오늘은 jQuery의 attr 메소드의 사용방법에 대해 알아보도록 하겠습니다. attr 메소드가 사용되는 경우는 크게 두 가지입니다. 1) 속성(attribute)의 값을 가져오기 위해서. 2) 속성을 추가하기 위해서. 간단한 예시들을 통해 바로 사용법에 대해 알아보겠습니다. 속성의 값 가져오기 $('셀렉터').attr(속성) 다음과 같이 id가 test인 input 요소가 있다고 가정하겠습니다. 이 input 요소의 class를 알고 싶다면, 다음과 같이 코딩을 해주시면 됩니다. 콘솔에 출력된 것을 확인해보면, id가 test인 요소의 class를 잘 반환받은 것을 알 수 있습니다. 속성 추가하기 $('셀렉터').attr(속성, 속성의값) 이번에는 attr 메소드를 활용..

코딩/javascript 2022.06.17

[jquery] 아주 유용하게 쓰이는 append() 메서드 사용법

오늘은 jquery의 html() 메서드와 함께 아주 많이 사용되는 append() 메서드에 대해 살펴보도록 하겠습니다. append() 메서드는 선택한 요소 내 마지막 부분에 append 함수 내에 전달해준 요소를 생성해줍니다. 백문이 불여일견이라고 한 번 어떻게 사용되는지 보시죠. $(선택한 요소).append(새 요소) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 Document 안녕하세요. $('#test').click(function(){ $('#test').append('저는 비스카이비전입니다.'); }); Colored by Color Scripter cs 저는 test라는 아이디를 가진 요소를 클릭하면 "저는 비..

코딩/javascript 2021.05.20 (2)

[javascript] 문자열을 정수형 또는 실수형으로 변환하려면, parseInt(), parseFloat()

어느 프로그래밍 언어를 막론하고 문자형 데이터를 정수형 또는 실수형으로 변환해야하는 일은 빈번하게 찾아옵니다. "13.1" => 13.1 예를 들어, XML 문서에서 데이터를 파싱했거나, 크롤링을 했거나 등등의 상황에서는 숫자이지만 문자형으로 오곤 합니다. 자바스크립트에서 문자형 데이터를 정수형 또는 실수형으로 변환할 때는 parseInt() 함수와 parseFloat() 함수를 각각 사용할 수 있습니다. 엄밀히 따지면 parse라는 이름에서 유추해볼 수 있듯이 변환이라기 보다는 정수와 실수를 찾아준다고 보는 것이 좀 더 정확할 것 같네요. parseInt() 먼저 parseInt() 함수의 사용법부터 살펴보겠습니다. parseInt() 함수에 문자형 데이터를 파라미터로 전달해주면 정수형으로 변환해줍니다..

코딩/javascript 2021.05.19 (2)

[javascript] 문자열과 배열의 길이를 알려주는 length 속성

javascript에서 문자열의 길이 또는 배열의 길이(배열 내 요소의 수)를 알고 싶다면 length 속성을 사용할 수 있습니다. 사용법은 다음과 같습니다. 문자열.length Nice to meet you라는 문자열의 길이를 알고 싶다면, 다음과 같이 코딩하면 됩니다. 공백 포함 총 16개의 문자로 구성되어 있음을 알려줬습니다. 문자열을 변수에 담은 다음에 그 변수에 length 속성을 사용해도 됩니다. 동일한 결과가 나옵니다. 배열.length 배열 내 요소의 개수를 알고 싶을 때도 length 속성을 사용할 수 있습니다. 5개의 요소를 갖고 있는 배열 객체의 length 속성을 확인해봤더니 5가 잘 나옵니다. 관련 글 ☞ [jquery] textarea 최대 100자까지만 입력 가능하게 하기 (이..

코딩/javascript 2021.03.26

[javascript] javascript의 for in/for of 와 python의 for in 비교

파이썬의 for in 문에서는 리스트 요소를 하나씩 반복해서 전달합니다. 반면, 자바스크립트의 for in 문의 경우에는 요소의 인덱스값을 하나씩 전달합니다. 파이썬과 다르게 작동하기 때문에 주의하셔야 합니다. 따라서, 위 파이썬의 경우와 동일한 결과가 나오게 하려면, 다음과 같이 코드를 바꿔줘야 합니다. a[i]와 같이 인덱싱을 해줘야 리스트 요소인 1, 2, 3, 4 를 출력해줍니다. 자바스크립트에는 for of 문이라는 것도 있는데, 이것이 파이썬의 for in 문과 작동하는 방식이 같습니다. 이 글의 결론입니다. "python의 for in 문은 javascript의 for in 문이 아닌 javascript의 for of 문과 같다" (이 글은 2021-5-16에 마지막으로 수정되었습니다)

코딩/javascript 2020.12.15 (3)

[javascript] textarea에 기록된 내용 지우기

textarea에 기록한 것을 ajax를 통해 전송했다면, textarea에 타이핑했던 내용이 지워지지 않고 그대로 남아 있습니다. 페이지가 전환되지 않기 때문입니다. 따라서, 기록된 것을 지워줄 필요가 있습니다. textarea 요소에 textarea1이라는 아이디를 줬다고 가정하겠습니다. 그렇다면, 아래와 같이 자바스크립트를 이용해서 아이디 textarea1이 가지고 있는 값을 지워주면 됩니다. 1 2 3 4 5 Colored by Color Scripter cs 엄밀히 따지자면 값을 지워줬다기 보다는 비어있는 문자열을 넣어줬다고 표현하는 것이 좀 더 정확하겠네요. (이 글은 2021-5-18에 마지막으로 수정되었습니다)

코딩/javascript 2020.12.14 (5)

[jquery] css() 메서드로 css 속성 추가하기

jquery의 css 메서드를 사용하면 특정 요소에 css 속성을 추가할 수 있습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Document .title { color: red; font-size: 50px; } bskyvision $('.title').click(function(){ $('.title').css({"color": "blue", "font-size": "20px"}); }); Colored by Color Scripter cs 위와 같이 코딩해주면 본래 color는 red, font-size는 50px 였던 title 클래스 요소는 클릭하면 color는 blue로, font-s..

코딩/javascript 2020.12.12 (6)