Frontend42 React에서 Material-UI 이용하기 1. Material-UI 소개 Material-UI이는 React UI Framework 종류 중 하나입니다. Material-UI 홈페이지에서도 Material-UI를 React components for faster and easier web development. Build your own design system, or start with Material Design. 라고 소개하고 있네요. 2. Material-UI 설치 1. React 프로젝트 생성 //npm 이용 npm init react-app material-tutorial //yarn 이용 yarn create react-app material-tutorial npm과 yarn 둘 중 편한것을 이용하여 프로젝트를 생성합니다. 2. M.. 2021. 1. 26. 리액트에서 화살표 함수 사용하기 import React from 'react'; const App = () => { return ( ); }; export default test; javascript 함수표현 function 키워드에 비해 구문이 짧고 this, argument, super, new.targer 을 바인딩 하지 않는다. 익명함수 ( 매개변수 ) => { statement } //매개변수가 없을때 () => { statement } statement의 유일한 문장이 return 이면 return과 { } 를 생략 가능하다. const { input, todos } = useSelector(({ todos }) => ({ input: todos.input, todos: todos.todos, })); { } 안에 반드시 리.. 2020. 9. 19. 'React' must be in scope when using JSX import 부분에서 React 없이 { createContext, useState}만 있었더니 'React' must be in scope when using JSX 에러 발생 2020. 9. 16. error : Expected an assignment or function call and instead saw an expression no-unused-expressions 대충 이해하자면 사용하지 않은 문법이나 기능을 불렀다고 예상한다는거 같음... 오타거나 문법이 틀렸거나.. 역시 문법이 틀렸었어.... 괄호 종류의 기능들을 아직 모르겠다...ㅋㅋ ㅜㅜㅠㅠ 2020. 9. 3. bootstrap 기본 http://bootstrapk.com/components/ [ 콤포넌트 · 부트스트랩 Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit. bootstrapk.com ](http://bootstrapk.com/components/) 기본으로 준비해놓은 상태에서 부트스트랩이 제공하는 콤퍼넌트 사용하기 cl.. 2020. 4. 14. bootstrap 시작하기 1. bootstrap 프론트 엔드 프레임 워크 및 오픈 소스 프로젝트 중 하나 http://bootstrapk.com/ 부트스트랩 · 세상에서 가장 인기있는 모바일 우선이며, 반응형인 프론트엔드 프레임워크. 프리프로세서 부트스트랩은 평범한 CSS 로 제공합니다만, 그것의 소스코드는 2개의 인기있는 CSS 프리프로세서인 Less 와 Sass 를 사용합니다. 신속하게 프리컴파일된 CSS 로 시작하거나 소스를 빌드하세요. 하나의 프레임워크, 모든 기기. 부트스트랩은 웹사이트와 어플리케이션을 단일 코드 베이스로 CSS 미디어 쿼리를 이용하여 휴대폰에서부터 태블릿, 데스크탑까지 쉽고 효과적으로 크기를 조절합니다. 많은 기능들 부트스트랩과 함께, 보통의 HTML 요소들 bootstrapk.com 2. 부트스트랩 .. 2020. 4. 8. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
