일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 스프레드 문법
- 모듈
- 개발 환경 구축
- async
- 코어JS
- 에러 처리
- 제너레이터
- 싸피
- 클로저
- 이터러블
- 배열
- Deep Dive
- 프로미스
- Ref로 값 참조하기
- 비동기 프로그래밍
- DEEPDIVE
- REACT
- Set과 Map
- Escape Hatches
- js
- Ref로 DOM 다루기
- 브라우저의 렌더링 과정
- await
- 디스트럭처링 할당
- BETA
- 데이터 타입
- rest api
- ES6 함수의 추가 기능
- Strict Mode
- 표현식과 문
- Today
- Total
목록전체 글 (60)
코딩을 쉽게 해보자
this란 말 그대로 "이것"이라고 말할 수 있다. 대부분의 경우, this의 값은 함수를 호출하는 방법에 의해 결정된다. 브라우저에서는 window, 서버 Node.js에서는 global이라는 전역 객체를 가지고 있다. 함수가 어떻게 호출되었는지를 신경쓰지 않고 설정할 수 있는 bind 메소드가 있다. 일반 함수의 this는 window를 가르키고 화살표 함수의 this는 상위 스코프의 this를 가르킵니다. 함수의 호출하는 방식은 여러 가지가 있다. 1. 함수 호출 함수호출에서 기본적으로 this는 전역객체에 바인딩된다. 바인딩 : 메서드와 객체를 묶어놓은 것, 특정 객체에서 실행되게끔한 것 내부함수는 일반 함수, 메소드, 콜백함수 어디에서 선언되었든지 관계없이 this는 전역객체를 바인딩한다. 내부..
Virtual DOM MDN과 React 공식 문서에서는 각각 Virtual DOM을 이렇게 정의하고 있다. MDN The Virtual DOM is an approach whereby information about your browser's DOM is stored in JavaScript memory. Your application updates this copy of the DOM, then compares it to the "real" DOM — the DOM that is actually rendered for your users — in order to decide what to render. The application builds a "diff" to compare the differen..
https://reactnavigation.org/ React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org React에서는 다른 컴포넌트로 화면 전환하는 방법으로 Router가 있었다. URL을 설정하고, 거기에 맞는 컴포넌트를 설정한 뒤, 자기가 원하는 곳에 버튼을 만들어 두면 쉽게 화면전환을 할 수 있었다. React Native의 다른 컴포넌트의 화면 전환 방법으로는 크게 Stack, Tab, Slide가 존재한다. 여기서 사용할 것은 Stack Navigation과 Tab Navigation이다. Stack Navigation Stack Navigator provi..
SSAFY 특화 프로젝트를 진행하면서, 네이버 소셜 로그인을 구현하고자 한다. 프로젝트를 진행할 때, 소셜 로그인을 이용하면 간편한 점이 많다. 소셜 로그인 중 카카오, 네이버, 구글, Apple 등이 많지만 그 중에서도, 네이버 소셜 로그인을 React Native로 구현하고자 했다. 네이버 소셜로그인은 WEB, Android, iOS를 공식 지원하지만, 다들 알다시피 Android 그리고 iOS의 중간인 React Native는 어중간한 위치에 있다(공식 지원을 안해준다!). 이를 해결하기 위해, React Native 네이버 소셜 로그인 라이브러리를 만들어 주신 고마운 분들이 계신다. 공식 문서는 다음과 같다. https://github.com/react-native-seoul/react-nativ..