리액트

[React.js] Router 라이브러리에 대해서

❓ Router 사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것 간단한 라이브러리이니 바로 셋팅법과 사용법 등등에 대해서 알아보자 npm install react-router-dom@6 터미널에서 해당 명령을 통해 Router를 설치하자. 그리고 src파일 안에 있는 index.js 내부의 코드에 import { BrowserRouter } from 'react-router-dom'; // add const root = ReactDOM.createRoot(document.getElementById('root')); root.render( // add // add ); add라고 주석 처리한 세 곳에 저 코드 그대로 복붙 ! 끝. ❗ Route 기본 사용법 Router 사용법은 간단..

React.js 학습을 위한 준비 (~ing)

https://react.vlpt.us/ 벨로퍼트와 함께하는 모던 리액트 · GitBook 벨로퍼트와 함께하는 모던 리액트 본 강의자료는 패스트캠퍼스 온라인 강의에서 제공하는 리액트 강의에서 사용되는 강의 문서입니다. 이 튜토리얼은 여러분들이 JavaScript 의 기초를 잘 알고있 react.vlpt.us 리액트를 학습중인 지인에게 추천받은 곳이다 벨로퍼트님이 운영하시는 곳이고 리액트 기초를 잡아가는 과정에서 참고 할 곳이다. 서적 1. 생활코딩! React 리액트 프로그래밍:처음 프로그래밍을 시작하는 입문자의 눈높이에 맞춘 나는 다른 언어의 기초를 잡을 때 생활코딩을 보는 편이다. 이 또한 리액트에 대해 기초를 알아가는데에 작은 도움이라도 되지 않을까 하여 구매한 서적이다. 2. 리액트를 다루는 기술..

실무에서 바로 쓰는 Frontend Clean Code

https://toss.im/slash-21/sessions/3-3 실무에서 바로 쓰는 Frontend Clean Code 실무에서 클린 코드의 의의는 유지보수 시간의 단축입니다. 동료 혹은 과거의 스스로 짠 코드를 빠르게 이해할 수 있다면 유지보수할 때 드는 개발 시간이 짧아집니다. 실제 예시와 함께 1. 응집 toss.im 해당 영상은 Frontend의 Clean Code 작성에 대해 이해하기 쉽게 설명하는 영상이다 해당 영상에서 말하기를 클린코드는 짧은 코드가 아닌 로직을 빠르게 찾을 수 있는 코드라고 명시한다. 크게 보면 아래에 대한 내용에 대해 얘기하고자 한다. - 응집도: 동일한 목적을 가진 코드는 한 곳에 뭉쳐두자. - 단일책임: 함수는 한가지 기능을 하도록 하자. - 추상화: 함수의 세부구..