profile
프론트엔드 개발자를 꿈꾸는 학생이 공부하면서 정리해보는 공간입니다!
post-thumbnail

React에서는 <a>대신 <Link>!

React에서는 a태그 대신 Link를 사용합니다!npm i react-router-domimport { BrowserRouter, Route, Switch } from 'react-router-dom';로그인을 클릭하면 /login으로 이동!

2021년 5월 26일
·
0개의 댓글
post-thumbnail

state 사용하기!

react에서 변수를 대신해서 사용할 수 있는 데이터 저장 공간으로 컴포넌트 내부에서 값을 선언하고 수정할 수 있습니다.state를 사용하는 이유는 state는 변경이 될시 html이 재렌더링이 되기 때문입니다!그렇기 때문에 자주 값이 바뀌는 데이터들은 state로 저

2021년 5월 24일
·
1개의 댓글
post-thumbnail

styled-components

JavaScript를 사용하여 구성 요소의 스타일을 지정하는 스타일링 기술 입니다.기존에 웹사이트 구성은 html,css,js 3가지 파일로 나누어서 구성을 했습니다. 하지만 React,Vue,Angular가 인기를 얻어가면서 컴포넌트 단위의 개발로 많이 바뀌었습니다.

2021년 5월 23일
·
0개의 댓글
post-thumbnail

create-react-app을 이용한 react 프로젝트 생성하기!

create-react-app를 이용한 React프로젝트 만들기!create-react-app!를 사용하면 간단하게 React 프로젝트를 생성할 수 있습니다!사용법javascript - npx create-react-app 프로젝트명typescript - npx cre

2021년 5월 22일
·
1개의 댓글