VScode 설정
1. "trigger suggest" 자동완성 설정 상단 메뉴바, [Code] - [기본설정] - [바로 가기 키] "trigger suggest" 검색 2. ESLint, Prettier 적용 VS마켓플레이스에서 설치 ESLint : 문법검사도구 Prettier : 코드스타일 자동 정리 Prettier 설정 { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 2, "trailingComma": "all", "printWidth": 80 } 문서 정렬 필요시, [fn] + f1 -> format 입력 후, 엔터 서버 사이드 적용 시, yarn add --dev eslint yarn run eslint --init //INSTALL 후 {..
2020. 9. 5.
JSX
Javascript + XML, ECMA Script 6 표준 사용, JSX내에 스타일시트를 포함함, 웹의 CSS와 많은 개념을 공유하지만 독자적인 포맷, CSS파일로 작성 불가 JSX 사용 시 주의 점 1. 컴포넌트에서 여러 Element를 렌더링 할때 꼭 Container element안에 포함시켜야 한다. " Container element : , , , , , , and more. " 예를들어 reder 함수안에 를 사용하지 않고 코드 사용시 에러가 발생한다. 이유는, Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 ㅅ ㅜ있도록 컴포넌트 내부는 하나의 DOM 트리 구조로 이뤄져야 한다는 규칙 때문 2. jsx안에서 javaSript를 표현 할때, {} 로 wrapping ..
2020. 6. 30.