일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 프론트엔드
- iPhone
- jQuery
- effect
- hover
- php
- 풀스택
- IOS
- image
- react
- 자바스크립트
- 비전공 개발자
- xcode
- ipad
- iOS 개발자
- Animation
- 비전공자
- CSS
- HTML
- SWIFT
- 백엔드
- html5
- front-end
- javascript
- 애니메이션
- 개발자
- button
- css3
- keyframes
- MAC
- Today
- Total
목록javascript (248)
비전공자 개발일기
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..
Props: Properties의 줄임말, 부모 컴포넌트로부터 전달된 속성값 또는 상속받은 속성값 - 부모 컴포넌트가 자식 컴포넌트의 props를 설정하면 자식 컴포넌트에서는 해당 props를 사용할 순 있지만 수정은 불가능 (수정을 원하면 부모 컴포넌트에서 수정) import React from 'react'; import { Text, View } from 'react-native'; import MyButton from './components/MyButton'; const App = () => { return ( Props alert('props')} /> alert('children')}> Children Props alert('default')} /> ); }; export default Ap..
환경 설정 1. node js 설치 - LTS(안정화) 버전 - 설치시 , npm도 같이 설치됨 2. Expo 설치 - npm install -g expo-cli https://expo.io/ Expo Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. expo.dev 3. 파일 생성 - expo init 파일명 - 3가지 선택사항이 나오는데 상황에 맞게 선택(글쓴이의 경우 blank로 선택) 4. Hello World import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Te..
특정 클래스 존재 유무에 따른 jQuery 실행문 예시 BOX1 BOX2 BOX3
React(React.js): 사용자 인터페이스 및 웹 애플리케이션 구축을 위해 만든 프론트엔드 웹과 서버에서 실행되는 것을 지원하는 JS ReactDOM.render( Hello, world!, document.getElementById('root') ); Component 뛰어난 Garbage Collection, 메모리 관리, 성능 서버 사이드 렌더링과 클라이언트 렌더링 둘 다 지원 간편한 UI 수정과 재사용이 용이 다른 프레임워크나 라이브러리와 혼용해서 사용가능 데이터 모델링, Routing, Ajax 등의 기능 제공 x IE 8 버전 이하에서 사용 불가 React - Native: 기본 앱 구성 요소로 컴파일되는 모바일 프레임워크, 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크 im..
Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7
/*eslint-disable*/ import {useState} from 'react'; import './App.css'; function App() { let [title, setTitle] = useState(["React", "Javascript", "SCSS"]); let [like, setLike] = useState([0, 0, 0]); let [modal, setModal] = useState(false); let [pushTitle, setPushTitle] = useState(0); // function changeTitle() { // let subject = [... title]; // subject[0] = "여자 코트 추천"; // setTitle(subject); // } f..