c29130811

CSS를 HTML 문서에 적용하는 방법 1. head안에 link로 추가 html의 head 사이의 link를 추가하며, rel에 stylesheet와 href 속성으로 위치를 알려줌 2. @import를 sting 또는 url 형태로 추가 @import "nav.css"; @import url("nav.css"); @import는 문서 최상단에 위치해야하며, Browser Support 을 확인해야한다. 아래 내용 참고 https://www.w3schools.com/cssref/pr_import_rule.php CSS @import Rule W3Schools offers free online tutorials, references and exercises in all the major languages..

https://github.com/facebook/react-native/issues/35936 [Investigation] ANRs Using Multiline TextInput on Samsung Devices · Issue #35936 · facebook/react-native UPDATE: we have now released a patch release containing the first mitigation for all the supported versions of React Native plus 0.68 (since it's still used by a significant number of users): h... github.com 갤럭시 등인 삼성 모바일에서 Text input에 mul..

CSS (Cascading Style Sheet) 의 약자로 HTML 문서를 꾸며주는(Style) 역할을 하며, 우선 순위와 상속에 따라 스타일 규칙이 적용 됨. CSS의 작성 .content { color: black; font-style: italic; } HTML 요소에서 Style을 적용할 요소를 선택 후, {} 중괄호에 CSS Style의 속성과 값의 형태를 입력하여 지정 함. CSS Specifications 모든 웹 표준 기술(HTML, CSS, Javascript)은 표준 조직 (W3C, WHATWG, ECMA, Khronos) 에서 게시한 문서로 정의된다고 함. ECMA - MDN Web Docs Glossary: Definitions of Web-related terms | MDN Ec..

npm run start 해서 진행할 경우, iframe이 추가되며, 아래의 옵션 때문에 화면에 버튼이고 뭐고 아무것도 안눌림. position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647; https://github.com/facebook/create-react-app/issues/11773 Is this the bug of react-error-overlay? · Issue #11773 · facebook/create-react-app Describe the bug When I change the code and emit the hot-reload, there is iframe cove..

[!] /bin/bash -c set -e #!/bin/bash # Copyright (c) Meta Platforms, Inc. and affiliates. # # This source code is licensed under the MIT license found in the # LICENSE file in the root directory of this source tree. set -e PLATFORM_NAME="${PLATFORM_NAME:-iphoneos}" CURRENT_ARCH="${CURRENT_ARCH}" if [ -z "$CURRENT_ARCH" ] || [ "$CURRENT_ARCH" == "undefined_arch" ]; then # Xcode 10 beta sets CURREN..

Array 에서 사용 하는 메소드 push - 배열의 마지막에 아이템을 추가 let arr = [1,2,3,4,5] arr.push(6) //arr는 6이 추가되어 //[1,2,3,4,5,6] pop - 배열의 마지막에 아이템을 제거 let arr = [1,2,3,4,5,6] arr.pop() // arr에 마지막 아이템 6이 제거 됨에 따라 // [1,2,3,4,5] shift - 배열의 첫 번째에 아이템을 제거 let arr = [1,1,2,3,4,5] arr.shift() //앞에 1이 제거 됨에 따라 // [1,2,3,4,5] unshift - 배열의 첫 번째에 아이템을 추가 let arr = [1,2,3,4,5] arr.unshift('first') //가장 첫번째에 아이템이 추가 됨에 따라 /..

React 에서 Last Child 가 추가 될 때, Background Color를 변경한다. setTimeout을 활용하여, 3초가 지나면 다시 Color를 원복 시킨다.

React에서 useState로 있는 Array에 값을 Search 하는 코드 const searchResult = item.filter((v) => { return v.toLowerCase().includes(input); }); inputField에 입력 된 값이 포함 되면, searchResult에 추가하고, 추가된 값을 Render 한다.

만들어진 firebase database는 rest api 처럼, get, post를 이용해서 사용할 수 있다. (rest api를 모르는 사람은 검색을 해보자!) postman을 이용하여, https://firebaseproject.firebaseio.com/상위key.json 의 주소로 get을 요청을 해보자. 그렇다면 아래와 같이 데이터가 내려온다. 이 형태에서 post 를 사용 할때는 body에 내용을 입력해도 정상적으로 진행이 되며, 반한되는 것은 key의 name 이다.

이전에 만들었던 허접한 deeplink 테스트 페이지가 너무 오래 되었고, 여러가지 기능을 개편하고자 다시 만들어보려고 한다. 기능은 정말 없다. firebase realtime database에 deeplink 관련된 아래의 정보를 저장해서 꺼내와 사용한다. 웹에서는 신규 링크를 저장 또는 삭제하며, 딥링크 가기 버튼을 누르면 딥링크를 url로 이동시킨다. 단순히 deeplink 테스트 용으로 종류를 모아둔 사이트. 시작은 create-react-app으로 project를 생성한다. npx create-react-app my-app 바로 npm run start를 하면 localhost:3000으로 아래와 같은 창이 출력된다. 이제 firebase 를 추가하는 작업을 진행한다. https://fireb..