새로고침을 막는 preventDefault HTML <form id="login-form"> <input required maxlength="15" type="text" placeholder="what is your name? " /> <input type="submit" value...

state와 useReducer의 차이 state의 경우 const [state, setState] = useState(0); setState(state + 1); useReducer의 경우 function reducer(oldState, action) { if (action == "up") { return oldState + 1;...

라우팅이란? 라우팅이란 유저가 요청한 URL 에 따라 원하는 페이지를 보여주는것을 의미한다. 리액트에서 라우팅은 페이지별로 나눠져 있는 컴포넌트를 관리하기 위한 시스템이다. 리액트에서 라우팅시스템을 구현하는 방법은 두가지가 있는데 리액트 라우터(React Router) : 리액트 라우터는 기존의 시스템에서 가장 많이 사용되는 시스템이다. ...

package.json 설치 cra 없이 react를 시작하기 위해 프로젝트에 node를 설치해줘야된다. 터미널에 아래와 같은 명령어 입력 npm init -y -y는 npm 설치를 default 값으로 해주는경우 써준다. 디테일한 세부 설정을 하려면 npm init 만 써주도록 하자 React 설치 react를 사용하기위해...

깃헙 블로그는 쉽게 jekyll로 사용하기로 결정 1. 블로그 테마 결정하기 jamstackthemes.dev jekyllthemes.org jekyllthemes.io jekyll-themes.com 테마 사이트 가서 테마 설정하기 현재 내 블로그는 아래로 결정 Chirpy 2. 테마 파일 받아서 내 repository와...

github 블로그 생성하는 법 1. github 에서 repository 생성 {username}.github.io 로 repository 생성 2. index.html 과 README.md 생성 README.md 는 repository 생성할 때 체크해서 생성하면 편하다. index.html 에는 일단 hello world ...

각 항목 분석하기 layout : 어떤 html 파일을 적용시킬것인지 확인할 수 있다. _layouts 디렉터리 밑에 있는 post.html 을 사용하여 글을 포스팅 title : 제목 쓰여지는 부분 date : 날짜 기록하는 방법 파일 이름을 YYYY-MM-DD-POST_TITLE.md 로 하면 자...

블로그 처음으로 시작하기 블로그 처음으로 시작 글 테스트 기본적인 양식 title: 블로그 첫 포스트 author: name: 이름 link: 링크 date: 2022-03-04 18:40:00 +0900 categories: [Blogging, Tutorial] tags: [writing]