본문 바로가기

전체 글

(81)
왼쪽 고정 메뉴, 오른쪽 내용 스크롤 https://coding2ya.tistory.com/85 왼쪽 고정 메뉴, 오른쪽 내용 스크롤 See the Pen 왼쪽 고정 메뉴 - 오른쪽 내용 스크롤 by nilgi (@nilgi) on CodePen. 그동안 배운 html, css로 페이지의 기본을 만들었다. 왼쪽에는 메뉴가 있는 사이드바를 배치하고 오른쪽에는 내용을 배치한다 coding2ya.tistory.com
React Native: Flatlist 사용하기 https://velog.io/@djaxornwkd12/React-Native-FlatList%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90 React-Native FlatList에 대해 알아보자 오늘은 React-Navtive FlatList에 대해 알아보자! FlatList 컴포넌트란? FlatList는 많은 양의 스크롤이 필요한 리스트 아이템을 보여주고자 할 때 쓰이는 리액트네이티브 컴포넌트이다 JS에서의 map 함수 역 velog.io https://www.skptricks.com/2018/09/react-native-simple-custom-gridview-layout-example.html React Native Simple..
React Native: TextInput Focus시 Border 색상 변경하기 react 웹개발할땐 스타일에 :focus {}를 주면 쉽게 할 수 있었다. react native에서는 :focus가 전혀 먹히지 않아서 다른 방법으로 기능을 구현했다. onFocus, onBlur를 활용하니 문제를 해결할 수 있었다. onFocus는 포커스가 되어있을때, onBlur는 포커스가 아닐때 export default function InputBasic(props) { const [isFocus, setIsFocus] = useState(false); function onFocusInput() { setIsFocus(true); } function onBlurInput() { setIsFocus(false); } return ( )