전체 글41 [React] React 로 To-Do List 만들기 (2) - yarn 설치 및 CRA로 react 환경 만들기 NVM으로 node와 npm을 설치해주었으니, yarn을 설치해보자. yarn이나 npm이나 똑같이 패키지 관리 툴인데, 듣기로는 yarn이 좀 더 안정적이라고 하는 것 같다. (나는 npm이 더 익숙하고 차이가 잘 느껴지진 않는다..) vs code에서 git bash를 열어 yarn을 설치한다. $ npm install -g yarn 그리고 CRA를 설치해주자 (create-react-app) $ yarn global add create-react-app 설치가 잘 된 것을 확인할 수 있다. 이제 react 환경을 만들어보자. git bash에 아래와 같이 치면 알아서 만들어진다. $ npx create-react-app todo-list create-react-app은 리액트 환경을 만들어주는 거고.. 2020. 10. 3. [React] React 로 To-Do List 만들기 (1) - window NVM 설치 velopert 님의 블로그 포스팅을 보고 따라서 만들었다. 먼저, 기존에 있던 node의 버전이 12.~으로 최신 버전이었는데, 포스팅에선 LTS 버전을 깔라고 하셔서 컴퓨터에 있는 node.js를 삭제했다. 버전 관리를 위해 nvm을 설치해주도록 하자. nvm은 원래 리눅스나 os에서만 사용이 가능하지만 window를 위해 만들어진 것이 있다. github.com/coreybutler/nvm-windows coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com 설치하기 이전에 기존 컴퓨터에 있는 node랑 npm을.. 2020. 10. 3. [Git] 깃허브 레포지토리 생성 / 로컬에 연동시키기 / git clone / 깃 클론 깃허브에 있는 레포지토리를 받는 방법은 크게 두 개로 나눌 수 있다. 1. CLI 환경에서 직접 git 명령어를 쳐서 내려받기 2. 소스트리, 깃허브 데스크탑과 같은 GUI 툴을 이용하여 내려받기 물론 멋쟁이 개발자라면 자고로 깃 명령어 쯤이야 뚝딱뚝딱 쳐서 커밋, 푸쉬는 기본으로 하고 브랜치도 따고 여러가지를 하겠지만.. 안타깝게도 나는 CLI가 익숙지 않아 1번 방법으로 하다가 몇 번 파일을 통째로 날려 먹었다. 시간이 날 때마다 조금씩 공부할 계획이지만 일단은 자주 사용해본 Source Tree를 이용하여 클론해오고자 한다. Source Tree 는 깃 저장소의 상태를 예쁜 화면으로 보여주는 프로그램이다. 예쁜 색깔들로 레포지토리의 상태를 보여주기 때문에 협업할 때 굉장히 유용하다. 소스트리 이용하.. 2020. 9. 28. [대학 생활] 보고서 작성 / 보고서 양식 / word 보고서 / 대학교 보고서 / 대학교 과제 컴퓨터공학과는 코딩만 할 줄 알면 된다고 생각했는데 큰 오산이었다. 멋대로 만들다가 선배들이 제출한 보고서를 보니까 말도 안 되게 멋있었다.. 앞으로도 보고서를 만들 일이 많을 거라 나만의 양식을 만들었다. 아직은 부족하지만 나와 같은 사람이 더 있을 것 같아서 만든 보고서 양식을 나누려고 한다. 스타일을 사용하여 문단을 나눌 수 있으며, 자동으로 목차 생성이 가능하다. 옆에 있는 점은 스타일 때문에 나타나는 것이며, pdf로 만들 때 사라지기 때문에 상관없다. 만약 없애고 싶으면 스타일을 수정하면 된다. 지금은 제목1, 제목2 로 설정되어 있는데 본문 대제목 과 같은 걸로 바꿔주면 된다. 이런 식으로 만들면 된다. -------------------------------------------------.. 2020. 9. 21. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
