목록프로그래밍 언어/React (4)
IT 일기장
Java나 Javascript의 for , forEach와 유사한 기능을 가진 반복문 함수다. React 실무 개발환경에서 return 구문에 for , forEach문을 사용해봤는데.. 아니나 다를까 안된다. 그래서 React에 설치돼있던 TypeScript를 이용해서 for문을 돌리려다가 "이럴거면 React를 왜쓰지.." 라는 의문심이 들어 React 개발자에게 물어봤더니 역시나 map을 사용한다더라. 아래 예제 소스코드처럼 사용하면 됐었다. import React, { Component } from 'react'; import './MyComponent.css'; class MyComponent extends Component { render(){ const menus = ["Menu1", "Me..
Marketplace에서 ES7 React/Redux를 검색해보면 클래스를 자동완성 시켜주는 설치형 라이브러리가 보인다 클래스를 자동으로 만들 파일(tsx, jsx 등)에 rce 명령어를 입력하면 자동으로 클래스를 만들어주는데.. 이클립스는 java 파일 만들때 자동으로 클래스를 생성해주는것 과는 차이를 보인다 솔직히 뭔가 다른 환경이라 많이 낯설었다...
1. Visual Studio Code > Terminal 창에서 npm -v 명령어가 잘 먹히는지 테스트 2. 찾을 수 없다면 Node.js 부터 설치 3. Node.js 설치가 끝나면 npm -v 명령어 재확인 후 잘 뜨면 npm install -g create-react-app 명령어 입력 4. 현재 프로젝트 경로에서 cd my-app -> npm start OR npm run dev 명령어 입력
코레일 프로젝트를 진행하면서 React에 대한 업무도 맡게됐는데.. 맨땅에 헤딩중이다. 월을 선택할때마다 일 수가 바뀌는 기능을 만들었는데 내 코드는 다음과 같았다. const changeMonth = (e) => { setDayList([]); let month = e.target.value; setSelctedMonth(month); let lastday = new Date(SelectedYear, month, 0).getDate(); let array = []; for(let i=1 ; i { setDayList([]); let month = e.target.value; setSelctedMonth(month); let lastday = new Date(SelectedYear, month, 0).g..