전체 글 썸네일형 리스트형 [TIL-183] MyView 프로젝트 - 소셜로그인(카카오 로그인) Blocker .env 환경변수 접근 문제 undefined로 나옴. REACT_APP_KAKAO_KEY라고 이름 잘 지었음. dotenv 필요?? 코드는 변한 게 없는데 갑자기 됨;;;; KOE006 에러 https://developers.kakao.com/docs/latest/ko/kakaologin/trouble-shooting 등록되지 않은 Redirect URI라고 함. /oauth/kakao 일 때 됐는데 localhost:3000 으로 바꾸니까 안 됨. 근데 사이트에서 등록한 거 바꿔서 등록된 URI 맞음. 앗… Redirect URI 말고 사이트 도메인을 바꿨음….ㅎ Question REST API KEY 백엔드에서도 테스트하면서 만들었을테니 통일해야 함. redirect URI 등록된 것.. 더보기 [TIL-182] 모던 자바스크립트 24장 클로저 24장 클로저 : 함수와 함수가 선언된 렉시컬 환경의 조합 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 특성. 24.1 렉시컬 스코프 실행 컨텍스트 관점에서 렉시컬 스코프(정적 스코프) : 함수를 정의한 위치에 따라 상위 스코프(외부 렉시컬 환경에 대한 참조를 통해 연결)를 결정하는 것. 호출 위치가 아니라 정의 위치에 의해 정적으로 결정되며 변하지 않는다. (렉시컬 스코프가 그 자체로 특정한 스코프인 것은 아니고, 스코프를 결정하는 방식(동적/정적) 중 하나.) 24.2 함수 객체의 내부 슬롯 [[Environment]] : 상위 스코프(자신이 정의된 환경)의 참조를 저장하는 슬롯 함수 객체를 생성할 때 [[Environment]]에 저장하므로, 상위 스코프의 참조는 현재 실행 중인.. 더보기 노마드코더 React Native 챌린지 - 2주차(DAY 8~DAY12) 보호되어 있는 글입니다. 더보기 [TIL-181] 모던 자바스크립트 20~22장 20장 strict mode 20.1 strict mode란? 암묵적 전역 function foo() { x = 10; } foo(); console.log(x);// 참조에러가 일어나지 않고 10이 출력된다. 선언하지 않은 변수 x에 10이라는 값을 할당하면? 스코프 체인에서 변수 x를 검색한다. 그러나 스코프 체인의 최상위인 전역 스코프에서도 x를 찾을 수 없으므로 값을 할당하지 못하고 ReferenceError가 발생할 것이다. 그런데 자바스크립트 엔진이 x를 전역 객체에 프로퍼티로 동적 생성한다. 이 현상이 '암묵적으로 전역 변수를 만든다'고 해서 암묵적 전역이다. 암묵적 전역은 오류를 일으킬 수 있으므로 반드시 키워드로 변수를 선언한 뒤 할당해야 한다. strict mode(엄격 모드) 오타나 .. 더보기 노마드코더 유튜브 클론코딩 챌린지(2회차) - 4주차(DAY22~DAY26) 보호되어 있는 글입니다. 더보기 [TIL-180] MyView 프로젝트 - MUI Card 컴포넌트 CardMedia Card 컴포넌트 안에 쉽게 이미지 등 미디어를 넣을 수 있게 해주는 컴포넌트다. 이미지를 사용하려면, props로 component="img(element 종류)"와 image="url"을 반드시 써야 한다. 필수 props임을 알지 못해, 태그처럼 이미지 주소를 알려주는 image나 src만 써서 이미지가 뜨지 않았다. https://mui.com/material-ui/api/card-media/ https://smartdevpreneur.com/four-examples-of-material-ui-cardmedia/ 더보기 [TIL-179] MyView 프로젝트 - CRA 초기세팅 yarn & CRA git flow 라이브러리로 git flow에 따른 브랜치 구성을 초기에 해놓을 수도 있다. git-flow를 깔고 git flow init 하면 된다. [Git] git-flow 소개, 설치 및 사용법 : https://hbase.tistory.com/60 Git Flow 개념 이해하기 : https://uxgjs.tistory.com/183 eslint & prettier config MUI & styled-components with Emotion https://mui.com/material-ui/api/grid/ recoil https://recoiljs.org/ko/docs/basic-tutorial/intro CNA Next.js 앱 시작하기 https://nextjs.or.. 더보기 [TIL-178] 노마드코더 React Native #2.0~# 보호되어 있는 글입니다. 더보기 이전 1 2 3 4 5 6 ··· 26 다음