profile
new blog! https://citron031.tistory.com/
태그 목록
전체보기 (182)자바스크립트(43)리액트(42)블록체인(17)운영체제(11)OS(11)네트워크(9)CSS(8)서버(8)알고리즘(8)이더리움(7)API(6)React(6)클레이튼(6)hook(6)데이터베이스(6)비동기(5)토이 프로젝트(5)NFT(5)리액트 네이티브(5)토큰(4)html(4)redux(4)http(4)useEffect(4)배열(4)express(3)node.js(3)sql(3)함수(3)보안(3)타입스크립트(3)인증(3)ip(3)git(3)프로젝트(3)cli(3)클라이언트(3)aws(3)스마트 컨트랙트(3)c언어(3)리눅스(3)브라우저(3)axios(2)DOM(2)useHistory(2)상태관리(2)Fetch(2)타이머(2)react-query(2)리덕스(2)async(2)프록시 서버(2)react router dom(2)ERC-20(2)await(2)JavaScript(2)컴포넌트(2)프로세스(2)Props(2)다크 모드(2)State(2)라우터(2)mac(2)파이썬(2)styled component(2)노드(2)redux thunk(2)솔리디티(2)스프링부트(2)도메인(2)배포(2)KIP-17(2)정렬(2)웹서버(2)styled components(2)우분투(2)DNS(1)상태(1)createAsyncThunk(1)Flatlist(1)동기화(1)queue(1)호이스팅(1)S3(1)DPoS(1)process(1)createSlice(1)navlink(1)promises(1)세션(1)쿠키(1)낙관적 업데이트(1)slider(1)코딩테스트(1)Packet switching(1)객체(1)nat(1)Index(1)시간복잡도(1)MBTI(1)callback(1)pow(1)정적 웹사이트(1)arguments(1)라우팅(1)Picker(1)MVC(1)프론트엔드(1)input(1)클린 코드(1)Interrupt(1)HashRouter(1)클라우드(1)null(1)react-native-elements(1)모바일 앱(1)정규 표현식(1)dotenv(1)Recoil(1)PBFT(1)useState(1)ajax(1)조합(1)ux(1)EVM(1)환경변수(1)oauth2(1)IPFS(1)gradle(1)js(1)kip7(1)package.json(1)class(1)branch(1)객체 비교(1)포인터(1)model(1)Flex(1)VDOM(1)DApp(1)pagination(1)숫자(1)고차함수(1)비트코인(1)ESLint(1)오픈씨(1)tcp(1)KAS(1)ide(1)eval(1)SFT(1)keyframes(1)문자열(1)classList(1)ec2(1)UDP(1)https(1)Node(1)REST API(1)JWT(1)json(1)redux-toolkit(1)docker(1)클로저(1)fragment(1)알고리즘 문제(1)캐시(1)Cloud Computing(1)프로세스 스케쥴링(1)open API(1)brew(1)foreach(1)빌드(1)circuit switching(1)KIP-7(1)커링(1)소셜로그인(1)eslintConfig(1)BFS(1)socket.io(1)암호화폐(1)미디어 쿼리(1)useMemo(1)useRef(1)ReactDOM.render(1)사용권한(1)setInterval(1)가비지 컬렉션(1)pseudo class(1)메서드(1)history(1)S-dot(1)nvm(1)Sass(1)GC(1)무한 스크롤(1)useCallback(1)shift(1)Context API(1)렌더링(1)storage(1)코딩 테스트(1)cpu(1)PoS(1)뒤로가기(1)split()(1)did(1)지갑(1)CSS3(1)proptypes(1)react native(1)실행 컨텍스트(1)Layered(1)spa(1)백앤드(1)nosql(1)useLocation(1)프록시 캐시(1)글로벌 스타일(1)Java(1)http 헤더(1)JSX(1)createRoot(1)@escaping(1)Caver(1)라액트 네이티브(1)next.js(1)CSSOM(1)KIP17(1)일급객체(1)Map(1)DFS(1)setData(1)CRUD(1)SSI(1)currying(1)메소드(1)시스템콜(1)ERC-721(1)DHCP(1)clean-up(1)useMutation(1)카이카스 지갑(1)탐색(1)ACID(1)ES6(1)이벤트 루프(1)원시타입(1)참조타입(1)차트(1)grid(1)closure(1)폭포수 방법론(1)websocket(1)index.js(1)set(1)해싱(1)월렛(1)카카오 API(1)Controller(1)STRICT_MODE(1)Microkernel(1)배열 비교(1)AsyncStorage(1)코인(1)contextAPI(1)cdd(1)VC(1)백틱(1)for loop(1)채굴(1)finality(1)메모리(1)function(1)정규표현식(1)개발 방법론(1)undefined(1)@Deprecated(1)애자일 방법론(1)virtual DOM(1)usequery(1)scss(1)cors(1)transport layer(1)mui(1)깊은 복사(1)web3.js(1)hooks(1)Kaikas(1)promise(1)커스텀 훅(1)configureStore(1)공유기(1)동기(1)오라클 문제(1)truffle(1)ORM(1)link(1)osi 7 layers(1)웹페이지(1)npm(1)vi(1)querySelector(1)enter(1)FT(1)합의 알고리즘(1)프레임워크(1)스코프(1)rds(1)

React native 선택 컴포넌트 - Picker

Picker는 여러 선택지에서 하나를 사용자가 선택할 수 있도록 돕는 UI이다. 라이브러리를 사용하여 리액트 네이티브에서 손쉽게 이를 구현할 수 있다.

2022년 10월 24일
·
0개의 댓글
·

React native 슬라이더

Slider는 흔히 볼 수 있는 UI로, 사용자가 좌우로 슬라이드하여 값을 설정할 수 있는 컴포넌트이다. 리액트 네이티브에서는 라이브러리를 사용하여 손쉽게 이를 구현할 수 있다.

2022년 10월 22일
·
0개의 댓글
·

HashRouter에 대해서

HashRouter는 BrowserRouter가 있기 이전에 많이 사용되었다. HashRouter를 사용하면, 주소에 #이 붙게 되고 이로인해 SEO에 대응되지 않는다. 또한 HashRouter는 History location을 지원하지 않는다.

2022년 10월 19일
·
0개의 댓글
·

useHistory, useNavigate로 페이지 이동 후 값 전달 하기

페이지를 이동시키면서 state를 전달하는 방법에 대해서 알아보았다.

2022년 10월 15일
·
0개의 댓글
·

React Native에서 AsyncStorage 사용하기

앱을 종료 후 다시 실행하였을 때, 데이터가 남아있지 않는 문제가 있을 수 있다. 이때, 브라우저의 localStorage처럼 key-value기반으로 로컬에 데이터를 저장할 수 있게 해주는 라이브러리를 사용한다.

2022년 10월 11일
·
0개의 댓글
·

React Native Elements에 대해서

React Native Elements는 React Native의 UI toolkit으로 화면을 구성하는데 도움을 주는 라이브러리이다.

2022년 10월 8일
·
0개의 댓글
·

javascript undefined와 null

undefined는 변수에 값이 할당되지 않은 상태이다. null은 변수에 값이 할당된 상태이다.

2022년 10월 4일
·
0개의 댓글
·

React input태그에서 Enter키로 이벤트 활성화하기

UX 향상을 위해서 여러가지 고려할 요소가 많다. 예를 들면, input 태그에서 입력 후 사용자들은 자연스럽게 엔터키를 누르게 된다. input태그에서 enter키를 눌렀을 때 이벤트가 발생하게 하기 위해서는 onKeyDown과 onChange를 활용해야 한다.

2022년 10월 1일
·
0개의 댓글
·

react-navigation (react native routing)

리액트 네이티브에서 라우팅을 하기 위해서 다음과 같은 라이브러리를 사용할 수 있다. @react-navigation/native @react-navigation/drawer @react-navigation/stack 등

2022년 9월 27일
·
0개의 댓글
·

React native 무한스크롤 (FlatList)

FlatList는 ScrollView처럼 많은 양의 데이터를 처리할 수 있게 해준다.

2022년 9월 25일
·
0개의 댓글
·

forEach와 async await

forEach는 promises를 기다리지 않기에 async await 구문 역시 동작하지 않는다.

2022년 9월 21일
·
0개의 댓글
·

@keyframes 사용하기

웹사이트에 다양한 애니메이션 효과를 부여하고 싶다면, keyframes을 사용할 수 있다.

2022년 9월 19일
·
0개의 댓글
·

자바스크립트 index 추출 메서드 Array(number).keys()

자바스크립트를 사용하며 때때로 1이나 0부터 시작하여 값이 1씩 증가하는 배열을 사용해야할 필요가 있었다.

2022년 9월 15일
·
0개의 댓글
·

useEffect의 Clean-up 함수

useEffect를 사용할 때 메모리 누수가 발생할 수 있다. 이때 어떻게 해야할까?

2022년 9월 12일
·
0개의 댓글
·

useEffect와 비동기 호출

useEffect 함수를 사용하면서 내부에서 비동기 호출이 필요한 경우가 있다. 이때, async 함수를 사용하는 법을 알아보자

2022년 9월 9일
·
0개의 댓글
·

React의 PropTypes

PropTypes를 통해서 react 개발환경에서 타입을 체크할 수 있다.

2022년 9월 6일
·
0개의 댓글
·

SCSS 사용하기

SCSS는 CSS를 편하게 사용하고 코딩하듯이 사용하기 위해서 만들어졌다. Sass 버전 3에 추가된 것이 Scss이다.

2022년 9월 4일
·
0개의 댓글
·

React에서 timer 만들기

useEffect와 setInterval을 사용하여 timer를 만들 수 있다.

2022년 8월 31일
·
0개의 댓글
·

React 컴포넌트 props.children

리액트의 컴포넌트 props는 children이라는 값을 가진다.

2022년 8월 28일
·
0개의 댓글
·

Recoil 사용하기

Recoil은 상태 관리 라이브러리로 facebook에서 react 전용으로 만들어졌다.

2022년 8월 25일
·
0개의 댓글
·