Front-End/Javascript22 [React]내 멋대로 만드는 Todolist-2(feat.Parcel) JSX로 마크업을 하고 props와 state를 활용하기 1.JSX로 마크업하기(app.js) import React from "react"; import ReactDOM from "react-dom"; import './scss/App.scss'; class ReactTodo extends React.Component { render() { return ( React To do list 추가 할일 목록1 삭제편집 할일 목록2 삭제편집 할일 목록3 삭제편집 할일 목록4 삭제편집 ) } } var app = document.getElementById("app"); ReactDOM.render(, app); 이전 포스트에서 작성했던 app.js의 내용을 위와같이 수정했습니다. JSX는 Javascript 내.. 2019. 4. 25. [React]내 멋대로 만드는 Todolist-1(feat.Parcel) React로 만드는 Todo-list 개발환경설정 *creact-react-app을 통해 Todo-list를 만드는 포스트는 이미 벨로퍼트님이나 다른분들이 다루셨기때문에, 저는 좀 다르게 npm설치와 번들러 설정부터 시작하겠습니다. 또한, 입문자분들에게 Webpack이라는 번들러 자체가 진입장벽이 높기때문에,(사실 필자도 잘 다루지못함) webpack.json처럼 따로 번들러의 환결설정을 해주지 않고도 자동으로 처리해주는 Parcel이라는 번들러를 사용합니다. 1.폴더 생성 : react-todo 2.터미널로 해당폴더 이동 후 npm init -y입력 (npm init시에 모든 문항에 y로 대답한다는 명령어) 3. npm 설치 npm install --save react react-dom npm inst.. 2019. 4. 18. [mac] npm 설치시 권한 오류 해결방법 nodejs를 설치하고 사용자계정을 수정한 후 새로 프로젝트를 시작하려는데 사용자권한을 만진것 떄문인지 node-sass가 설치가 되질 않는 문제가 발생했다. 에러메세지를 읽어보니 폴더생성 권한이 없다고 뜨길래 맥의 sudo명령어로 설치해보았으나 여전히 권한문제로 설치되지않았다. (npm global 설치가 아닐때는 sudo로 설치하는걸 권장하진않는다.) 프로젝트에는 급하게 투입되야하는 상황이라 이것저것 만질시간이 없어서 가장 빠르게 해결할 방법을 찾아본결과 sudo npm install --unsafe-perm "설치할 npm 모듈"로 작성하면 권한문제나 그런건 무시하고 설치가 완료되었다. 이름부터 unsafe라 불안하긴하지만 급하게 npm을 설치하는 사람에겐 도움이 될듯하다. 완벽한 해결법은 http.. 2018. 8. 16. 화살표 함수 (arrow function) // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 경우 x => { ... } // 매개변수가 한 개인 경우, 소괄호를 생략할 수 있다. (x, y) => { ... } // 매개변수가 여러 개인 경우, 소괄호를 생략할 수 없다. // 함수 몸체 지정 방법 x => { return x * x } // single line block x => x * x // 함수 몸체가 한줄의 구문이라면 중괄호를 생략할 수 있으며 암묵적으로 return된다. //위 표현과 동일하다. () => { return { a: 1 }; } () => ({ a: 1 }) // 위 표현과 동일하다. 객체 반환시 소괄호를 사용한다. () => { // multi line block. const x = 10; ret.. 2018. 5. 25. 이전 1 2 3 4 5 6 다음
