분류 전체보기 (81) 썸네일형 리스트형 react 빌드후 배포시 image 오류 해결 react 빌드하고 배포진행중에 자꾸 오류가 나서 배포가 안되는 현상이 발생. netlify는 아주 친절하게 가르쳐준다.. image 에 alt 속성안달아서 진행이 안된거였다. next.js에서는 잘만 됬는데.. react에서는 꼭 달아줘야하나보다 json-server로 json파일 열어 db처럼 사용하기 json-server 다운로드 npm i -g json-server 설치 db.json (db처럼 사용할 json 파일필요) json-server --watch db.json(json 파일명) --port 5000 서버띄우기 react로 개발시 yarn start 켜고 데이터도 동시에 띄워서 같이 작업하려면 약간의 package.json 파일 수정이 필요하다. "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "json-server": "json-server --watch db.json --port 5000".. react(타입스크립트)에서 svg 파일 컴포넌트로 불러오기 custom.d.ts 파일 생성 declare module '*.svg' { import React = require('react') export const ReactComponent: React.FC const src: string export default src } tsconfig.json 파일 수정 "include": ["src", "src/custom.d.ts"] reactComponent로 쓰고싶은 svg파일 불러오기 import { ReactComponent as Logo } from "./CAPA.svg"; 파이어베이스 타임스탬프를 자바스크립트로 표시 https://www.everdevel.com/problem/convert-javascript-timestamp.php everdevel 웹 입문 사이트 everdevel - HTML, CSS, JavaScript, jQuery, ReactJs, MySQL, PHP www.everdevel.com React Native: 그래디언트 사용하기 https://egghead.io/lessons/react-native-create-linear-gradients-in-react-native-using-react-native-linear-gradient 리액트 네이티브에서는 그래디언트를 지원하지 않는다... 왼쪽 고정 메뉴, 오른쪽 내용 스크롤 https://coding2ya.tistory.com/85 왼쪽 고정 메뉴, 오른쪽 내용 스크롤 See the Pen 왼쪽 고정 메뉴 - 오른쪽 내용 스크롤 by nilgi (@nilgi) on CodePen. 그동안 배운 html, css로 페이지의 기본을 만들었다. 왼쪽에는 메뉴가 있는 사이드바를 배치하고 오른쪽에는 내용을 배치한다 coding2ya.tistory.com React Native: Flatlist 사용하기 https://velog.io/@djaxornwkd12/React-Native-FlatList%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EB%B3%B4%EC%9E%90 React-Native FlatList에 대해 알아보자 오늘은 React-Navtive FlatList에 대해 알아보자! FlatList 컴포넌트란? FlatList는 많은 양의 스크롤이 필요한 리스트 아이템을 보여주고자 할 때 쓰이는 리액트네이티브 컴포넌트이다 JS에서의 map 함수 역 velog.io https://www.skptricks.com/2018/09/react-native-simple-custom-gridview-layout-example.html React Native Simple.. React Native: TextInput Focus시 Border 색상 변경하기 react 웹개발할땐 스타일에 :focus {}를 주면 쉽게 할 수 있었다. react native에서는 :focus가 전혀 먹히지 않아서 다른 방법으로 기능을 구현했다. onFocus, onBlur를 활용하니 문제를 해결할 수 있었다. onFocus는 포커스가 되어있을때, onBlur는 포커스가 아닐때 export default function InputBasic(props) { const [isFocus, setIsFocus] = useState(false); function onFocusInput() { setIsFocus(true); } function onBlurInput() { setIsFocus(false); } return ( ) gitflow workflow gitflow workflow master 배포 브랜치 develop 개발 브랜치 feature branches feature-board feature-product .... feafure branches를 develop 브랜치로 합치기 release branches 배포 확정 된 상황. 버그 잡기 master 최종 배포 hotfixes 마스터 배포할때 버그 발견시 버그 수정 단계 input 안에 아이콘 넣는법 https://joogaem.com/m/entry/HTML-CSS-Input%EB%B0%95%EC%8A%A4-%EC%95%88%EC%97%90-%EC%95%84%EC%9D%B4%EC%BD%98-%EB%84%A3%EA%B8%B0-fontawesome [HTML, CSS] Input박스 안에 아이콘 넣기 (fontawesome) 안녕하세요, 주갬입니다. 얼마전 회사에서 기간 설정 ui를 구성하다가 input 박스 안에 달력 아이콘을 넣어야할 일이 생겼습니다. 인터넷을 찾아보니 input박스의 background 속성으로 이미지를 넣는 joogaem.com 이전 1 2 3 4 5 ··· 9 다음