본문 바로가기

I can do it on my own!/리액트3

[React] 현재 날짜 값 받아오기 ; 리액트에서 현재 날짜 값 나타내기 현재 날짜를 'YY.MM.DD' 포맷으로 나타내려고 했는데 애를 꽤 먹었다. 나와 같은 사람이 있다면 참고하라고 남기는 소소한 글. 1. 현재 날짜를 받아온다. let now = new Date(); //현재 날짜 및 시간 2. 연도, 월, 일을 받아온다. //연도 let year = now.getFullYear(); //월 let month = now.getMonth() + 1; //일 let date = now.getDate(); getMonth()는 현재 달에 -1을 한 값, 즉 0부터 리턴하기 때문에 +1을 해줘야 원하는 달의 값을 가져올 수 있다. 3. 현재 날짜 출력하기 (YYYY.MM.DD) const todayDate = () => { let now =.. 2022. 1. 29.
[React] Toggle Button 구현하기 ; 리액트에서 토글버튼 구현하기 1. CustomSwitch.js : 토글버튼을 디자인할 js를 생성한다. import React, { useState } from 'react'; import { StyleSheet, Text, View, TouchableOpacity } from 'react-native' const CustomSwitch = ({ navigation, selectionMode, roundCorner, option1, //토글버튼에 쓰여질 text1 option2, //토글버튼에 쓰여질 text2 onSelectSwitch, selectionColor }) => { const [getSelectionMode, setSelectionMode] = useState(selectionMode).. 2022. 1. 29.
Ch1. 리액트 시작 1.1 왜 리액트인가? 문제점 -> 애플리케이션 규모가 크면 복잡해지고, 제대로 관리하지 않으면 성능 저하 Facebook 개발팀 : 데이터가 변할 때마다 어떤 변화를 줄지 고민하지말고 기존 뷰를 날려버리고 처음부터 새로 렌더링하자! 그렇게 된다면 애플리케이션 구조가 간단해지고, 작성해야 할 코드양도 많이 줄어든다. ↘ '리액트(React)' : 최대한 성능을 아끼고 편안한 사용자 경험을 제공하면서 구현하고자 개발한 것 1.1.1 리액트 이해 '리액트(React)' : 자바스크립트 라이브러리로 사용자 인터페이스를 만드는 데 사용함 ~> MVC, MVW 구조의 프레임워크와 달리, 오직 View만 신경 쓰는 라이브러리 ~> 컴포넌트 : 리액트 프로젝트에서 특정 부분이 어떻게 생길지 정하는 선언체 => 재사용.. 2022. 1. 21.

티스토리툴바