728x90 Javascript9 javascript - 화살표 함수 nuxt.js 코드를 작성하다가 화살표 함수를 자주 사용하긴 하는데 일반 함수와 차이점을 크게 두지 않고 사용하는 것 같아 정리 해보려고한다. 사실 nuxt 3 composition api 에서는 this를 사용하지 않기 때문에 더욱더 신경을 안쓰고 작업을 하게 되는데 기본 자바스크립트를 항상 잊어버리면 안된다…프레임워크에 빠지지 말 것 화살표 함수 화살표 함수란 기존의 함수 표현방식인 function을 생략하여 화살표로만 표현이 가능한 함수로 보다 간략하게 작성이 가능하다. 하지만 가장 큰 차이점은 this의 유무이다. 일반함수는 함수가 호출될 때 this에 바인딩할 객체가 동적으로 결정된다 화살표함수는 함수를 선언할 때 this에 바인딩 되는 객체가 정적으로 결정된다 ⇒ 즉, 일반함수는 동적으로 th.. 2022. 11. 1. 파이어베이스 onIdTokenChanged vs onAuthStateChanged firebase version9 기준으로 작성되었습니다. 파이어베이스 로그인을 사용할 때 토큰 감시가 필요한대 파이어베이스에서는 2가지를 제공하고 있다. onIdTokenChanged onAuthStateChanged 구글 공식문서에 따르면 Auth.onAuthStateChanged() 사용자의 로그인 상태 변경에 대한 관찰자를 추가합니다. Auth.onIdTokenChanged() 로그인한 사용자의 ID 토큰 변경 사항에 대한 관찰자를 추가합니다. 여기에는 로그인, 로그아웃 및 토큰 새로 고침 이벤트가 포함됩니다. 즉, onAuthStateChanged 는 로그인, 로그아웃만 감시하고 refresh token 을 호출하는 경우는 감시하지 않는다. 로그인, 로그아웃시에만 파이어베이스 토큰을 쓴다면 해당 .. 2022. 10. 18. Google translate api 사용하기 - node.js 최근 회사에서 기존의 웹페이지 로컬라이징을 제외하고 유저들이 작성하는 글도 번역이 되게 해달라는 요청을 받았다. 인스타그램이 이 기능을 매우 잘 구현하고 있었기에 해당 기능을 레퍼런스 삼아 기능을 구현했다. 기존의 google cloud console을 프로젝트에서 사용하고 있었기에 translate api를 추가하여 사용하였다. 다만 해당 api는 사용량만큼 결제가 청구되는 api라 결제 방식을 등록해야했다. 해당 부분까지 진행을 했다면 api 사용을 위한 key값을 발급받으면 된다. auth2.0이 필요하지만 해당 key로는 사용이 불가능 하고 서비스계정을 따로 만들어야 사용이 가능하다. 해당 서비스계정을 생성하면 key값을 생성하여 json 파일을 다운받을 수 있다. 키 추가 후 새키 만들기를 클릭.. 2022. 9. 8. 이전 1 2 다음 728x90 반응형
