프론트엔드 정복하기

참고 사이트 minjung-jeon.github.io/eslint-prettier-intellij/ [ECMAScript] Eslint & Prettier(저장시 자동 reformat) Setting(IntelliJ) | MINJUNG Eslint & Prettier(저장시 자동 reformat) minjung-jeon.github.io 통상적으로 많이 사용하는 { "semi": true, "singleQuote": true, "tabWidth": 2, "printWidth": 80 }

0. onSelect함수에서 console 0. 에서 switcherIcon 에서 (nodeAttribute) => console.log(...)

※ 용어 정리 Mine = Client / Their = Resource Server / User = Resource Owner 엑세스 토큰을 주고받는 과정 Resource Server(=Their)가 가지고 있는 기능이 A,B,C,D 4가지가 있다고 하자. 우리는 그중에서 B, C 2가지 기능만을 사용하고 싶다. 1 단계 | 사용자 - scope과 redirect_uri와 client_id 정보를 담은 URL 접속 그렇다면 Client(=Mine)는 사용자에게 다음의 URL 링크를 전달한다. (button 또는 a태그 등을 통해) https://resource.server ?client_id=1 &scope=B,C &redirect_uri=https://client/callback (위 코드에서 sco..

[ SDK 설정 단계 ] 먼저 JavaScript용 Facebook SDK를 설정한다. body태그 안에 다음을 입력한다. {your-app-id}를 앱 ID로 바꾸고 {api-version}을 타게팅하는 API 버전으로 바꿉니다. 현재 버전은v9.0 입니다. [ 로그인 확인 단계 ] 웹 페이지를 읽어들일 때 사용자가 이미 Facebook 로그인을 했는지 확인한다. 예를 들어 '페이스북 로그인' 버튼을 클릭하면 => 다음 함수를 실행하여 로그인 상태를 체크하고 => 로그인 상태에 따라 다음 액션을 취한다. 이 함수는 보통 로그인버튼의 onlogin 속성에 입력해서 사용한다. (그 예제는 아래의 [ 로그인버튼 삽입 ] 단계에서 확인할 수 있다.) 다음은 해당 함수다. FB.getLoginStatus(fun..

*공공데이터 포털 https://www.data.go.kr/data/15056971/openapi.do : 우정사업본부에서 제공한 새우편번호 정보를 조회하는 기능의 오픈API 서비스 *카카오(다음) 우편번호 서비스 http://postcode.map.daum.net/guide *리액트 컴포넌트로 만든 카카오(다음) 우편번호 검색 서비스 https://github.com/bernard-kms/react-daum-postcode

참고 영상 https://www.youtube.com/watch?v=QPEUU89AOg8 API란?) Application Programming Interface 프론트엔드는 백엔드에게 어떤 데이터를 달라고 요청해야 한다. 이때, 알맞은 형식으로 요청해야 하는데 이 형식을 api라고 한다. 오픈 API란?) 누군가 Back-end를 만들어 놓고, 주소와 사용 규칙을 공개한 것을 말한다.