목록백엔드 (156)

비전공자 개발일기

Stopwatch

00 : 00 : 00 : 00 Your time starts now Stop * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Roboto; font-weight: 300; background: linear-gradient(to left, #635bfc, #8ffcf0); display: flex; justify-content: center; align-items: center; height: 100vh; } .container { width: 800px; margin: 150px auto; color: #ffffff; text-align: centre; } .wrap { display: inline-block; min-w..
Javascript 2022. 9. 27. 00:22
Text Animation & BG

Wish u a happy T okyo D aeg u * { margin: 0; padding: 0; box-sizing: border-box; font-family: "poppins", sans-serif; } h3 { font-size: 1.5em; text-transform: uppercase; letter-spacing: 3px; font-weight: 300; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); } h1 { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: ..
HTML _CSS 2022. 9. 25. 09:34
Slide Sign In & Up

Sign Up Sign Up Sign In Forgot your password? Sign In Sign In Sign Up :root { /* COLORS */ --white: #e9e9e9; --gray: #333; --blue: #0367a6; --lightblue: #008997; /* RADII */ --button-radius: 0.7rem; /* SIZES */ --max-width: 758px; --max-height: 420px; font-size: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", san..
HTML _CSS 2022. 9. 20. 22:38
PHP curl (post)

1. 보내는 곳 API TEST NAME NUMBER Submit 2. 보내는 곳 (2)
PHP 2022. 2. 23. 00:31
React Native Webview2

import React, { useEffect } from "react"; import { StatusBar } from "expo-status-bar"; import { Text, View, StyleSheet, BackHandler, Alert } from "react-native"; import { WebView } from "react-native-webview"; import Constants from "expo-constants"; const MYLINK = "https://relaxed-turing-e7ea57.netlify.app"; // android 뒤로가기 버튼 클릭 시, 종료 확인 안내 문구 표시 const App = () => { useEffect(() => { const back..
React & React Native 2022. 2. 14. 21:46
React Native Pressable

정의된 자식에 대한 다양한 Press 상호 작용 단계를 감지할 수 있는 핵심 구성 요소 import React from 'react'; import {View, Text, Pressable} from 'react-native'; const Button = props => { return ( { console.log('Press In'); }} onPressOut={() => { console.log('Press Out'); }} onPress={() => { console.log('Press'); }} onLongPress={() => { console.log('Long Press'); }} delayLongPress={3000} pressRetentionOffset={{button: 50, left: ..
React & React Native 2022. 2. 6. 17:39
New HTML5 Tags with no CSS & JS

Only HTML tag 1. progress 어느 작업의 완료 정도를 나내, 주로 진행 표시줄의 형태 File progess 70% 2. details & summary details태그: 사용자가 직접 조작하여 보이거나 숨길 수 있는 부가적인 세부사항을 명시할 때 사용 summary태그: details 요소에서 화면에 보일 제목 오늘의 환율 달러: 1,135.90 유로: 1,284.08 엔화: 1014.88 3. input type="week" 날짜를 입력할 수 있는 입력 필드 정의 4. picture img요소의 다중 이미지 리소스를 위한 컨테이너를 정의할 떄 사용 5. datalist input요소에서 사용하기 위한 옵션들의 리스트를 미리 정의할 때 사용
HTML _CSS 2022. 1. 17. 00:35
React & React Native Component

컴포넌트(Component) 재사용이 가능한 조립 블록, 화면에 나타나는 UI 요소 부모로부터 받은 속성(Props)나 자신의 상태(State)에 따라 표현이 달라지고 다양한 기능을 수행 (내장 컴포넌트) https://reactnative.dev/docs/components-and-apis (View, Text 등) Core Components and APIs · React Native React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or menu above, if you are on a narrow scree..
React & React Native 2022. 1. 11. 21:49
이전 Prev 1 2 3 4 ··· 20 Next 다음