목록프로그래밍 언어/JQuery (4)
IT 일기장
JSON으로 뽑아온 데이터 중 해당하는 key값이 존재하는지 찾아보는 함수다 내가 했던 프로젝트에서 페이스북 SNS의 토큰 값을 적용시켜도 SNS가 뜨지 않는 경우가 발생했었는데 이유는 페이스북에서 갖고오는 데이터 중 첨부파일이 없던 애들이 있어서 key값을 갖고오지 못하고 메인화면이 제대로 뜨지않은 적이 있었다 아래 스샷을 보면 5개의 JSON 데이터 리스트중 3: 번의 attachments의 속성이 없다 그래서 첨부파일 외에는 JSON 데이터들은 모두 필수값임을 확인하고 hasOwnProperty 함수를 이용해서 분기 처리를 했었다
실무할 때 설문조사 문항번호를 갖고오고 싶었는데 DB에 저장돼있지 않아서 문서에서 직접 글자를 갖고왔던 기억이 있었다.. 개념정리 겸 글 끄적여본다. 문자열 "뽕슈입니다!" 하나 선언해놓고 첫번째 글자를 갖고오고 싶을 때는 charAt(0) 을 써주면된다 1번째 글자는 charAt에서 0번째부터 시작한다 자연스럽게 3번째 글자는 2번째, 마지막 글자는 문자열의 길이에서 1을 빼면 되고.. 간단한 개념이다
HTML에서 id나 class 등 다양한 속성을 지정했을때 JQuery로 속성값을 가져올 수 있다. Java에서 갖고온 값을 id나 class에 모두 지정했었는데 "내가 아는 속성값들은 이미 사용하고 있는데.. 내가 속성을 직접 만들어서 값을 집어넣을수도 있나?" 착안해서 테스트 해본거다. index.html 선택 1 option tag에 data-test라는 속성을 만들어서 값을 집어넣어봤다. 설마 되겠어~ 했는데 돼버렸다.. select box를 선택하고 1을 선택했을때 data-test 속성값을 읽어서 "1번"이라는 값이 나왔다 쓸 일은 있었지만 그렇게 흔하게 쓰진않겠지 그래도 기억에 남아 적어둔다
// select box ID로 접근하여 선택된 값 읽기 $("#id option:selected").val(); // select box Name로 접근하여 선택된 값 읽기 $("select[name=select box name]").val(); // 같은 방식으로 span과 같은 다른 태그도 접근 가능. $("span[name=select box name]").text(); // 선택된 값의 index를 불러오기 var index = $("#id option").index($("#id option:selected")); // 셀렉트 박스에 option값 추가하기 $("#id").append("1번"); // 셀렉트 박스 option의 맨앞에 추가 할 경우 $("#id").prepend("0번"); /..