목록Programming (564)

비전공자 개발일기

Bell Animation

HTML _CSS 2022. 4. 13. 00:51
Loading Animation

Loading Animation .loader-wrapper { width: 60px; height:60px; } .loader { box-sizing: border-box; width: 100%; height: 100%; border: 10px solid #162534; border-top-color: #4bc8eb; border-bottom-color: #f13a8f; border-radius: 50%; animation: rotate 5s linear infinite; } .loader-inner { border-top-color: #36f372; border-bottom-color: #fff; animation-duration: 2.5s; } @keyframes rotate { 0%{ transf..
HTML _CSS 2022. 4. 12. 00:27
three.js

* npm i three @react-three/fiber * box.js import { useFrame } from "@react-three/fiber"; import { useState, useRef } from "react"; export default function Box({ color, ...props }) { const [isHovered, setIsHovered] = useState(false); const ref = useRef(); useFrame(() => { ref.current.rotation.x += 0.01; ref.current.rotation.y += 0.01; }); return ( { setIsHovered(true); }} onPointerOut={() => { se..
React & React Native 2022. 4. 11. 00:20
IPhone Toggle Switch

.toggle-switch, .toggle-switch .toggle-knob { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .toggle-switch { height: 30px; width: 55px; display: inline-block; background-color: #ffffff; margin: 2px; margin-bottom: 5px; border-radius: 30px; cursor: pointer; border: solid 1px #d2d6de; box-shadow: inset 1px ..
기타 2022. 4. 10. 18:19
PWA Install Ready

PWA를 설치할 수 있음을 표시하고 사용자 지정 인앱 설치 흐름을 제공하는 방법 beforeinstallprompt 이벤트 실행 // Initialize deferredPrompt for use later to show browser install prompt. let deferredPrompt; window.addEventListener('beforeinstallprompt', (e) => { // Prevent the mini-infobar from appearing on mobile e.preventDefault(); // Stash the event so it can be triggered later. deferredPrompt = e; // Update UI notify the user they..
기타 2022. 4. 7. 23:43
모바일 웹 페이지 바로가기 아이콘 등록

1. ios 기본 아이폰이 제공하는 UI 처리 사용시 기본 아이폰이 제공하는 UI 처리 미사용시 2. Android * 사진 사이즈 아이폰 - 57 * 57 아이패드 - 72 * 72 아이폰4 - 114 * 114 안드로이드 - 72 * 72
기타 2022. 4. 6. 21:07
React Native Login & Basic Page

import * as React from 'react'; import {NavigationContainer} from '@react-navigation/native'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import Settings from './src/pages/Settings'; import Orders from './src/pages/Orders'; import Delivery from './src/pages/Delivery'; import {useState} from 're..
React & React Native 2022. 2. 27. 22:57
PHP curl (post)

1. 보내는 곳 API TEST NAME NUMBER Submit 2. 보내는 곳 (2)
PHP 2022. 2. 23. 00:31
이전 Prev 1 ··· 47 48 49 50 51 52 53 ··· 71 Next 다음