#스코프

JavaScript 코드인데 제가 정확하게 이해한 건지 잘 모르겠습니다.

``` let a = 10; const func = () => { for (; a > 0; a -= 1){ console.log("a > ", a); } }; func(); func(); /* 실행 결과: a > 10 a > 9 a > 8 a > 7 a > 6 a > 5 a > 4 a > 3 a > 2 a > 1 */ ``` for문의 로직을 콘솔에 출력시키는 func 함수를 두 번 호출했는데 실행 결과는 for 반복문이 한 회분만 출력이 됐습니다. ``` const func = () => { for (let a = 10; a > 0; a -= 1) { console.log('a > ', a); } }; func(); func(); /* 실행 결과: a > 10 a > 9 a > 8 a > 7 a > 6 a > 5 a > 4 a > 3 a > 2 a > 1 a > 10 a > 9 a > 8 a > 7 a > 6 a > 5 a > 4 a > 3 a > 2 a > 1 */ ``` 그래서 최상단에 있는 a 변수를 지우고 for문에 'let a = 10'을 집어넣었더니 이렇게 for문 로직이 두 번 출력되었습니다. 왜 이런 차이가 날까 곰곰이 생각해봤는데 func 함수 바깥에 생성했던 변수 a는 let 키워드로 생성이 되어 블록 레벨 스코프가 적용되서 해당 반복문이 한 번만 실행된 것으로 이해했는데 이게 맞나요?

파이썬 변수 스코프에 대한 질문

안녕하세요 자바,JS만 다루다 파이썬을 처음 공부하고 있는데 이상한 점이 있어서 질문드리게 되었습니다. 아래 코드의 함수 선언부 안에서, try문에서 선언한 변수를 어떻게 접근할 수 있는건가요..? 다른 언어라면 매개변수로 넘겨줘야만 하지 않나요..? 스코프에 대해 검색을 해봐도 함수 내부에서 선언한 변수를 밖에서 쓸수 없다는 내용은 많은데 이거에 대한 내용은 찾기가 힘드네요..

this 공부하고 있는데 스코프, 상속 개념이 너무 헷갈리네요. 다음 코드에서 결과가 제 예상과 다르게 나오는 이유가 궁금합니다.

화살표 함수 내부의 this는 상위 스코프의 this를 상속받는 걸로 알고 있는데 document.body.addEventListener('click', () => { console.log(this); }) 의 출력 결과가 document 객체가 아닌 window객체가 나오는 이유가 있나요? 자바스크립트에서의 객체와 브라우저가 렌더링하는 DOM 객체를 다르게 봐야하는 건지 궁금합니다 this 공부하는데 많이 헷갈리네요 ㅠ

OAuth 관련해서 질문드립니다!

보통 현업에서 Oauth 를 사용하는경우, 예를들어 google 에게 요청을 했을때, 로그인 과정을 거친 후에는 google에 발급받은 토큰은 언제 사용될까요? 보통 처음 Oauth 로그인 할때 user 의 정보들 (스코프) 를 정해서 가져오면 (프로필사진 핸드폰번호 정도 라고 가정) 본 서버 디비에 저장 하고, 어떤 시점에 revalite 를 해주나요? 매번 로그인할때 정보를 가져와서 변경사항이 있는 경우 update 를 할까요? 이외에 google 에 받은 토큰을 사용할 일이 있나요?

웹사이트에서 소셜로그인과 채팅기능

안녕하세요 현재 부트캠프를 진행중이고 일주일동안 어느 한 사이트를 클론코딩하는 프로젝트를 진행하고 있습니다. 그리고 주제를 정해서 진행하던도중 저희가 하기로 한 부분이 소셜로그인 기능과 채팅 기능을 도전해보자고 얘기가 나와서 현재는 두개 다 진행하기로 했습니다 그런데 여러 자료를 참고하고 작업하는 도중 채팅기능이 많이 어렵기도 하고 현재 프론트인원이 백엔드에 비해 인원이 부족해 채팅기능을 제외하고 프론트에서 역할분담을 했고 서로 맡은 부분이 끝나면 모여서 같이 채팅기능을 구현하자 라고 했는데 사실 제가 보기엔 7일동안 그걸 해내기는 쉽지않기도 하고 스코프가 넓다는 말씀도 하시는 거 같더라고요 그래서 채팅기능과 소셜로그인중 하나를 포기하고 하나만 하려고 할 생각인데 어느게 괜찮을지 의견을 물어보고 싶고 만약 채팅기능을 하고 싶으면 참고하면 좋은 키워드나 사이트같은 거 있을까요??

nextjs에서 글로벌 스코프에 객체를 만들어야하는 상황인데 질문이 있습니다.

Next.js에서 글로벌 스코프에 객체를 만들어야 하는 상황에서, 다음과 같은 스크립트 태그를 _document.tsx의 head에 삽입했지만, IMP(아임포트) 객체가 window에 생성되지 않는 문제가 있습니다. 이 문제를 해결하기 위해서는 어떻게 해야 할까요? IMP 객체 생성에 jQuery가 의존성을 가지고 있습니다.