Atomic Habits

export / import ====================================== - 오라클 export import 백업 복구 exp imp | 작성자 뽀얀여우 https://blog.naver.com/sswhite74/50114234318 - [Oracle | 오라클] DB 덤프/임포트 하기(심플) https://tenlie10.tistory.com/35 - oracle exp/imp 옵션 정리 https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=crossb&logNo=117817151 - 오라클 30gb 정통 export import 테스트, 시간 측정 https://positivemh.tistory.com/449..

- 컴포넌트 리턴 방식이 아닌, 정해진 CSS효과를 클래스 네임으로 지정해서 적용한다. - https://tailwindcss.com/ - IntelliSense extension for VS Code를 이용하면 많은 클레스네임을 쉽게 확인하고 지정할 수 있다. - https://tailwindcss.com/docs/guides/create-react-app -

[MyIcon.jsx] import React from 'react' import { Icon } from "@material-ui/core"; import ICONS from '../../imgs/playbtn.svg'; // 방법1 const Logo = () => ( ); export default Logo; // 방법2 // const Logo = () => { // return ( // // // // ) // } // export default Logo; // 방법3 // export default function Logo() { // return ( // // // // ) // } [ShowIcon.jsx] import * as React from 'react'; import Loading..

Eclipse HTML 수정 즉시 반영(html, js, jsp ...) publish to the server (단축키 : Ctrl + Alt + P) VSCode 단축키 설정 - C k s 한줄 만들기- 아랫줄아래줄 끌어올리기 (Join Lines) - C f k (임의 지정) 정렬 - C k f 긴 라인 한 화면에 보기 - A z 전체 파일들 중에 찾기 - C S f 좌측 탐색창 숨김/해제 - C b 대문자 만들기 - S u p (Upper 임의 지정) 대문자 만들기 - S l o (Lower 임의 지정) 태그 변경 - S A r (updateTag 임의 지정) 들여쓰기 - tab 내어쓰기 - S tab 이전 작업부분으로 이동 - A +영역 펼치기 닫기 -C S [ / C S ] 괄호 범위 끝으로 ..

○ Exam GIthub 자료 - https://github.com/mui-org/material-ui/tree/master/examples/create-react-app How to use Download the example or clone the repo: curl https://codeload.github.com/mui-org/material-ui/tar.gz/master | tar -xz --strip=2 material-ui-master/examples/create-react-app cd create-react-app Install it and run: npm install npm start ○ https://mui.com/getting-started/usage/ - USAGE에 보면 추가할 ..

○ - https://react-spring.io/

framer-motion은 리액트를 위한 웹 애니메이션, 제스처 오픈소스 라이브러리입니다. 아래와 같은 기능을 제공하고 있습니다. https://www.framer.com/motion/

○ Semantic ? - div 만 쓰는 것이 아니라, 각 영역의 의미를 부여한 tag를 사용한다. (header, footer ... ) - https://react.semantic-ui.com/ - https://react.semantic-ui.com/usage npm install semantic-ui-react semantic-ui-css - After install, import the minified CSS file in your app's entry file: (ex: App.js) import 'semantic-ui-css/semantic.min.css'

https://ossam5.tistory.com/93

https://velog.io/@lemon-ginger/Class-Component%EC%97%90%EC%84%9C-Function-Component%EB%A1%9C-%EB%B0%94%EA%BE%B8%EA%B8%B0