일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- react
- 안드로이드
- 팝업메뉴
- Dialog
- state_checked
- 팝업메뉴 꾸미기
- 메뉴클릭
- 옵션메뉴꾸미기
- Node
- hoos
- JS
- 자바스크립트
- bottomNav
- javaSrcript
- JavaScript
- Hooks
- readAsDataURL
- framework
- redux/toolkit
- nodejs
- 리액트
- Redux
- Android
- Menu
- ContextAPI
- 커스텀옵션메뉴
- 코틀린
- custom
- itemBackground
- toolkit
- Today
- Total
목록framework (2)
대기업을 향한 디벨롭 블로그

React Context API에 대해 알아보자. Context API는 컴포넌트 구조에서 데이터를 주고받을때는 부모컴포넌트에서 자식컴포넌트에게 Props를 이용하여 데이터를 준다. 하지만 자식의 자식의 자식의 자식에게 데이터를 준다하면 props를 여러번 쓰게 되는 불편함이 있을거다. 이 불편함을 ContextAPI가 데이터를 전역적으로 뿌려줄 수 있다. 먼저 기본적인 공식문서를 올려놓겠다.https://ko.reactjs.org/docs/context.html#when-to-use-context Context – React A JavaScript library for building user interfaces ko.reactjs.org App컴포넌트에서 하위 -> 하위 컴포넌트까지 데이터를 전달해주..

일단 bootstrap이란 프레임워크이다. '디자인 도우미'라고 생각해도 무방하다. CSS를 커스텀하지않고 bootstrap을 가져다써도 완성도가 좋다. 트위터에서 만든 프레임워크이며 엄청난 사랑을 받고있다. 리액트에서 bootstrap을 사용하는 법을 알려드리겠다. 먼저 react에서 npm install을 해주어야 한다. 리액트 bootstrap공식 사이트에 들어가보자. https://react-bootstrap.github.io/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io 들어가서 Get Started를 누르면 시작할 수 있다. 이렇게 다운로드를 받으라고 나와있다. ..