일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 자바
- db
- git
- java
- ES6
- 배포
- LeetCode
- 자바스크립트
- Algorithm
- react
- 기억장치
- Javascript
- 애플
- 데이터베이스
- 반응형 웹
- 아이폰
- c++
- 식물키우기
- 리액트
- 컴퓨터
- codewars
- string
- 운영체제
- ECMAScript6
- binary
- 맛집
- 알고리즘
- ECMAScript2015
- 정규표현식
- styled-components
- Today
- Total
목록리액트 (2)
에브리 저장소

리액트 스터디에 참석하며 간단하게 타자연습 앱을 개발했다. https://fed-gren.github.io/Typing-app/ 아직 완전하게 끝낸 건 아니지만 1차 목표까지 기능 구현을 한 시점에서 후기를 작성해본다. 내가 만든 타자연습의 (나름의) 특징이라면 사용자가 직접 연습할 텍스트를 입력한다는 점인데, 평소 다른 타자연습 사이트에서 내가 연습하고자 하는 글을 연습할 수 없는 점이 약간 아쉬웠기 때문에 이 같은 기능을 넣었다. 리액트 공부를 하며 중간중간 무언가를 만들어보고 싶었고 JavaScript30에서 실습한 내용 또한 활용하고 싶었는데 짧은 기간이지만 내가 원하는 걸 만들어보며 복습도 하고 재밌었다. 아직 문제점 및 구현이 안된 기능은 많다. (한글 미지원, 타자 속도 미측정, 탭 불가 등..
[React] create-react-app github pages를 통해 배포하는 방법 오늘 포스팅 내용은 Create-React-App으로 개발한 앱을 github pages를 활용해 배포하는 방법입니다. 프로젝트 개발을 완료한 상태라는 가정 하에 터미널에서 React앱 root폴더로 이동해 yarn build를 입력합니다. 프로젝트 폴더 내부에 build 폴더가 생성됩니다. 완료 후 메시지를 보면 package.json에 아래와 같이 작성하라고 되어있습니다. "homepage" : "http://myname.github.io/myapp", 여기서 myname은 github 닉네임을 작성하면 되고, myapp에는 저장소명을 입력하시면 됩니다.저는 테스트를 위해 아래와 같이 github 저장소를 생성했..