JS

[JavaScript] fetch() 함수란?

fetch() 함수를 알아보자 fetch() 함수가 뭔데? 클라이언트단에서 비동기로 네트워크를 통해 api를 호출해 리소스를 요청하고 응답받을 수 있다. 예전엔 request,axios,jQuery같은 라이브러리를 이용해서 http를 요청하고 응답받았지만 요즘은 브라우저에서 기본으로 fetch()함수를 지원하기 때문에 상대적으로 더 좋은 대체제인 fetch()함수를 사용한다고 합니다. 참고로 fetch는 브라우저에서 제공하는 window객체의 내장객체 이기 때문에 당연하게 node.js같은 환경에서는 사용이 불가하다. 또 익스플로워 같은 구식 브라우저에서 동작하지않을 수 있다. 기본 문법 fetch ('api주소', {옵션 객체}) //기본동작은 get방식으로 동작한다. fetch()의 리..

js) 메서드 call,apply,bind 를 알아보자!

자바스크립트에서 this는 일반적으로 객체에 속한메서드인경우는 그 객체를 가르킨다, 하지만 js의 특징으로 this를 함수를 통해서 따로 지정해줄 수도 있는데 이 (call,apply, bind)함수들을 알아보자. call 이 메서드는 모든 함수에서 사용가능하며, this를 지정해 줄 수있다.const bin = { money : 200, } const jisu = { money:100, } function UpDateSalary(salary){ this.money += +salary; this.salary = salary; } UpDateSalary.call(bin,1000); console.log(bin); /* { money: 1200, salary: '1000' } */ UpDate..

[JS] 백준 4344번 평균은 넘겠지

출처 백준 문제 1차원배열_4344_평균은 넘겠지 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작거나 같은 정수이다. 풀이 resuce()함수를 이용해서 score에있는 값을 다 더해준다음 snum(각 줄 학생수)만큼 나눠 평균(avg)를 구한다. for문으로 score의 크기(각줄의 학생 수)만큼 반복해 if문으로 평균값(avg)보다 높으면 카운트 해 준다. 카운트된 수와 각줄의 학생수를 나눠 서 평균을 구한다음 소수점3번째 자리까지 구하기위해 toFixed(3); 이용한다. 코드 사용 메서드 Number.prototyp..

JS)함수선언문, 함수 표현식 차이

함수 선언식 - Function Declearations function 함수명(){ 로직 } 함수 표현식 - Function Expressions let 함수명 = function (){ 로직 } 함수 선언식 vs 함수 표현식 함수 표현식은 호이스팅에 영향을 받지 않지만, 함수 선언식은 호이스팅에 영향을 받는다. 그 이유는 자바스크립트는 초기화전 자바의 모든 함수선언문을 찾아서 생성해 둔다. 따라서 함수가 함수 선언문보다 위에 있어도 실행이 된다. 호이스팅(hoisting) : 함수를 사용할 수 있는 범위 함수 선언식 testFunction(); function testFunction(){ console.log("함수 선언문") } // output : 함수 선언문 함수 표현식 testFunction(..