Script/Javascript6 배열앞에 +기호 (+배열[0]) 배열앞에 +기호를 붙이면 배열값을 숫자형으로 바꿔줌. const h = ['1', '2', '3'] typeof +h[0] 는 number타입 typeof h[0]는 string타입 인것을 알 수 있다. 2023. 11. 20. API의 json 응답 처리 API로 부터 넘어온 json데이터를 파싱할때, 데이터가 객체 배열 형태로 넘어올때와, 객체 형태로 넘어올때를 구분하여 활용한다. 1. 객체 형태로 넘어올때 -. API URL : https:// dummyjson.com/quotes quotes.quotes 로 객체 안의 배열을 가져옴 API로 부터 객체를 받고 그안에 quotes배열의 quote, author값을 활용 console.log(quotes.quotes[0].quote); console.log(quotes.quotes[0].author); 2. 객체 배열 형태로 넘어올때 -. API URL : https://jsonplaceholder.typicode.com/users API로 부터 배열을 받고 배열을 forEach로 돌면서 username.. 2022. 12. 27. 동적으로 생성한 태그에 이벤트 걸때 주의점 동적으로 생성한 태그에 그냥 $('#id').on('click', function(){ });으로는 이벤트가 제대로 걸리지 않음(ex>클릭 안됨) 왜냐하면 위 이벤트가 걸리는 시점에 동적인 태그가 생성되어 있지 않을 수 있기때문. 이때는 $(document).on('click','#id',function(){ }); 으로 걸면 됨! 2022. 12. 22. jsonp로 호출시 OOOO의 자원이 MIME타입 (text/html)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다. 해결 jsonp로 호출시 브라우저 개발자도구 콘솔에 "https://OOOO의 자원이 MIME타입 (text/html)이 일치하지 않아서 (X-Content-Type-Options: nosniff) 차단되었습니다." 라고뜨며 스크립트 호출이 제대로 되지 않는 경우가 있다. X-Content-Type-Options: nosniff 는 MIME타입을 조작하여(ex> .jpg 확장자인 파일을 로드하지만 실제로는 악성 스크립트 파일인 경우) 공격 시도하는것을 막기위해 서버단에서 헤더에 추가하여 보안을 강화하는용도로 쓰이는데 에러메세지에 이 내용이 찍혀있어 헷깔리는 경우가 있다. 사실 jsonp로 호출하려는 API 주소를 잘못(오타 등)적어서 jsonp 타입의 응답대신 에러페이지가 리턴되는 경우 MIME타입이 text.. 2020. 4. 24. 이전 1 2 다음