본문 바로가기

프로그래밍245

React Native Elements 기본과 다크 테마 컬러 값 React Native Elements의 각 테마별 기본 컬러 값입니다. 컬러 값을 볼 수 있는 파일 위치는 "/node_modules/react-native-elements/dist/config/colors.js"입니다. Default Theme Color const colors = { primary: '#2089dc', secondary: '#ca71eb', white: '#ffffff', black: '#242424', grey0: '#393e42', grey1: '#43484d', grey2: '#5e6977', grey3: '#86939e', grey4: '#bdc6cf', grey5: '#e1e8ee', greyOutline: '#bbb', searchBg: '#303337', success:.. 2022. 7. 11.
JavaScript 문자열에서 url 추출하기 자바스크립트로 특정 문자열에서 url을 추출하는 방법입니다. let urlRegex = /(https?:\/\/[^ ]*)/ let input = "https://ccusean.com/barcode Barcode Generator" let url = input.match(urlRegex)[1] console.log(url) // https://ccusean.com/barcode 추출한 url로 "a"태그 만들기 let goUrl = `${url}` 2022. 7. 11.
JavaScript 색상값 변경 (hex -> rgb, rgba) 색상값을 표현하는 다양한 방법 중 hex(16진수)로 된 값을 rgb(x, x, x) 혹은 rgba(x, x, x, a)형태로 변경해주는 함수입니다. function hexToRgb(hex, alpha) { let r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16); if (0 2022. 7. 10.
GitHub 무료 개인 홈페이지 만들기 GitHub를 사용하고 계시다면 무료로 개인 홈페이지를 만들 수 있습니다. 생성 방법은 "계정명.github.io"라는 이름으로 repository만 만들어 주면 됩니다. GitHub 무료 개인 홈페이지 만드는 방법 1. GitHub에 로그인합니다. 2. 오른쪽 상단 "+"메뉴를 클릭 후 "New repository"를 클릭합니다. 3. Repository name에 "계정명.github.io"를 입력합니다. 속성은 반드시 "Public"이여야 합니다. "Add a README file"과 "Add .gitignore"은 자유롭게 선택합니다. 4. "Create repository"를 클릭해서 생성합니다. 5. 생성된 repository에 "html"파일 혹은 "md"파일을 업로드합니다. 6. "http.. 2022. 7. 10.
HTML 이벤트 처리하는 3가지 방식 HTML 태그에 달리는 이벤트를 처리하는 3가지 방법에 대해서 설명드립니다. HTML DOM element addEventListener함수 이용 HTML DOM element 속성 이용 HTML 속성 이용 아래의 예제는 HTML button의 onclick 이벤트를 예제로 설명드립니다. HTML DOM element addEventListener함수 이용 가장 권장되는 방식입니다. 기존 이벤트를 유지하고, 이벤트를 추가하는 방식으로 진행됩니다. 실행이 될 때 기존에 추가된 이벤트들이 실행되고, 여기서 추가된 이벤트가 실행 됩니다. 이벤트 선언하는 방식은 이벤트를 연결해줄 DOM객체를 얻어온 후 addEventListener함수를 이용해서 해당 이벤트명과 함수를 연결해 줍니다. ※ 이벤트명은 보통 "on.. 2022. 7. 10.
CSS 아이폰 스위치 버튼(체크박스) CSS를 이용해서 아이폰에서 사용되는 스위치 버튼을 구현하는 방법입니다. 2022. 7. 10.
반응형

티스토리툴바