728x90 반응형 Front-End23 [VSCode] 유용한 확장프로그램 ESLint Reactjs code snippets 리액트 컴포넌트 및 라이프사이클 함수를 작성할 때 단축 단어를 사용하기 간편하게 하는 기능 Prettier - Code formatter 코드 스타일 자동을 정리해주는 도구 Auto Close Tag Auto Rename Tag Color Highlight Material Icon Theme 2022. 12. 5. [REACT] CMD를 이용해 REACT 개발환경을 설치하는 2가지 방법 - npm과 yarn PC에 리액트 앱을 생성하기 위한 방법은 크게 2가지 이다. npm과 yarn NPM NPM은 node.js 에서 제공하는 패키지 매니저(Package manager)이다. 패키지를 다루는 작업을 편리하고 안전하게 수행하기 위해 수행되는 툴 패키지를 안전하게 배포받기 위해 사용된다. YARN Javascript 패키지 매니저이다. NPM과 마찬가지로 프로젝트 패키지 의존성을 관리하는 툴이라 할 수 있다. [ NPM을 사용한 REACT 설치 ] 1. Node.js NPM은 node.js 에서 제공하는 패키지 매니저(Package manager)이므로 npm을 사용하기 위해서는 node.js를 먼저 설치해야한다. Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. Ins.. 2022. 12. 5. [HTML] Form에 사용되는 태그들 로그인 정보 아이디 : 이 름 : 패스워드 : 읽기만 : 가입자 정보 주소 : 원하는 색상 : 조회기간 : ~ 수업 시작 시간 : ~ 파일 : 단체주문 : 라디오버튼 영어회화(초급) 영어회화(중급) 영어회화(고급) 체크 박스 문법 어휘 사과 배 데이터 나열 건축공학과 컴퓨터공학과 미술학과 화학공학과 경영과 건축공학과 컴퓨터공학과 미술학과 화학공학과 경영과 건축공학과 컴퓨터공학과 미술학과 화학공학과 경영과 건축공학과 컴퓨터공학과 미술학과 화학공학과 경영과 건축공학과 컴퓨터공학과 미술학과 화학공학과 경영과 창작무용학과 현대무용학과 고전무용학과 데이터 리스트 사과 배 복숭아 데이터 리스트 textarea 2022. 11. 16. NAV에 HOVER시 애니메이션 넣기 예시 방법01_태그이용 메일 메일 카페 카페 블로그 블로그 지식IN 지식IN 쇼핑 쇼핑 Pay Pay 사전 사전 뉴스 뉴스 css @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap'); .container{ height: 100vh; background: yellowgreen; position: relative; } nav{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; border-radius: 10px; padding: 15px; box-shadow: 10px 10p.. 2022. 9. 28. [REACT] VSCode 코드 자동 완성 기능 추가 코드를 작성하려는데 Tab을 눌러도 변경이 되지 않는다? File - Preferences - Settings 로 들어가서 Extensions - Emmet 탭의 Trigger Expansion On Tab에 체크표시를 해주면 해결할 수 있다. 2022. 8. 3. 이전 1 2 다음 728x90 반응형
