본문 바로가기

UI

React {01 개념찾기} 컴포넌트 기반 JS 라이브러리 React 개념 알아보기 (feat. 까막눈) 심플하게 React = Javascript UI 라이브러리 진화된 사용자 인터페이스(UI)를 만들 수 있도록 도와주는 도구라네요. - 페이지 새로고침 없이 페이지 내 필요 부분만 데이터 변경 (비동기) - 작성한 컴포넌트의 재사용 - 클래스형, 함수형 컴포넌트 작성 - 다양한 컴포넌트 리소스 지원 퍼블리셔 또는 입문자의 입장에서 React 학습을 위해 필자와 여러분은? Javascript(JS) 또는 기타 개발언어의 변수, 연산자, 조건문, 반복문, 함수 정도의 선행 학습이 필요하고 온라인 학습 도구인 codecademy Javascript등으로 기본 학습, 또는 W3school (Javascript) 등의 튜토리얼을 반복적으로.. 더보기
iOS checkbox 스위치 UI 마크업 하이브리드앱 웹뷰 마크업 진행 중 iOS UI 형태의 Checkbox on,off 스위치가 필요해 찾아 보니 Pure CSS 형태 또는 JS 스위치 동작이 목표 디바이스에서 만족스럽지 못해 직접 마크업 해봅니다. 미리보기 마크업 방향 - 모바일 환경 최적화를 위해 가능한 모든 효과는 CSS를 사용- JS는 addClass(), removeClass() 정도만 사용- click, touch 이벤트 (접근성 저하요인 밀기 동작은 제외)- 아이폰 4,5,6 과 안드로이드 4.x 버전 이상 디바이스 지원 시작padding, margin 에 영향을 받지 않도록 box-sizing 속성을 지정합니다.-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-.. 더보기