Binary Journey

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com 게시글 저장 구현에 본격적으로 들어가기 전에 임시 서버를 띄워보도록 하겠다. 그나마 과정이 간단한 json-se..

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com 시간이 부족한 관계로 서버 연동 + 저장 기능은 가능하면 저녁 이후 혹은 내일에 해야 할 것 같다. 남은 시간 ..

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com 3편에서 RegisterPage.js 를 글 수정할 때도 재사용할 것이라고 언급한 적이 있었는데 Register..

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com * (11/6) useState보다 useSelector 사용을 더 추천합니다. 이번에는 게시글 저장을 구현해보..

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com VSCode extension 중 open native terminal 을 설치하면 root folder 와 현..

목차 돌아가기: binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial [React][CRUD] create-board-tutorial code: github.com/jwlee-lnd/react-create-board jwlee-lnd/react-create-board Description(korean) : https://binaryjourney.tistory.com/pages/ReactCRUD-create-board-tutorial - jwlee-lnd/react-create-boar.. binaryjourney.tistory.com 빛과 소금 John Ahn 선생님의 online shop clone 강의를 다 들은 후 혼자서 온라인 쇼핑몰까진..

리액트 공식 홈페이지에 예제(MarkdownEditor) 따라하다 발생한 에러 ko.reactjs.org/ React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 공식홈페이지 첫 장 맨 아래에 있는 예제이다. 나한테 발생하는 리액트 에러는 거의 typo 아니면 import error 같다. 참고로 위 예제를 정상적으로 실행하려면 Remarkable 모듈을 terminal에서 install 해야 한다. npm install remarkable --save 내가 사용하려는 Remarkable 의 Type Definition은 이렇게 생겼다. Remarkable import..

거창한 건 없고 주말에 (리액트 교과서, 아자트 마르단 지음)에서 읽은 부분 잊지 않기 위해 필기한 부분만 저장하려고 한다. react-quickly에서는 대략 3단계로 코드가 진행된다. 1. 일단 개념 소개용 코드 2. 1차 코드 리팩토링 3. 2차 코드 리팩토링 let helloWorldReactElement = Hello world!; class HelloWorld extends React.Component { // 싱태비저장 컴포넌트 render() { // return ( // // {helloWorldReactElement} // {helloWorldReactElement} // // ); // return React.createElement( // "h1", // this.props, // ..

계산기에 이어 다른 실습 예제인 Emoji Search도 실행시켜 보았다. ko.reactjs.org/community/examples.html Example Projects – React A JavaScript library for building user interfaces ko.reactjs.org github.com/ahfarmer/emoji-search ahfarmer/emoji-search Simple React app for searching emoji. Contribute to ahfarmer/emoji-search development by creating an account on GitHub. github.com npm 같은 경우 디렉토리명을 camelCase로 쓰면 오류가 난다. 그래..

new project 만드기엔 실력이 너무 부족해서 실습 예제 소스를 뜯어 보며 공부 중이다. 리액트 공식 홈페이지에 실습 예제가 매우 잘 나와있다. ko.reactjs.org/community/examples.html Example Projects – React A JavaScript library for building user interfaces ko.reactjs.org 그 중 일단 계산기부터 봐보았다. github.com/ahfarmer/calculator ahfarmer/calculator Simple calculator built with React. Contribute to ahfarmer/calculator development by creating an account on GitHub...