본문 바로가기

전체 글26

React - React App 만들기&비우기 이번 글은 React 프로젝트를 처음으로 만들고 프로젝트를 시작하기 좋게 백지화시키는 작업을 해보겠습니다. 먼저 cmd를 켜고 원하는 디렉터리 경로에서 다음의 코드를 입력해서 프로젝트를 생성하겠습니다. npx create-react-app [AppName] 위의 코드를 입력하면 npm을 통해 필요한 패키지들을 설치하며 프로젝트를 생성합니다. 텍스트 편집기로 VisualStudio Code를 사용하고 있어 다음의 코드를 입력해 VSCode를 실행시키겠습니다. code my_day 생성된 React app을 실행시켜 보겠습니다. VSCode내에서 터미널을 사용할 수 있기때문에 그걸 이용하겠습니다. 프로젝트의 경로에서 다음의 코드를 입력합니다. npm start 터미널에서 성공적으로 컴파일을 진행한 뒤, 2개.. 2020. 3. 4.
GitHub - Branch 생성 및 관리 이번 글에서는 "Branch"라는 것에 대해서 알아보겠습니다. # Branch 구경하기 일단 브랜치라는 것을 github 어디서 볼 수 있는지 확인해 보도록 하겠습니다. branch라는 것은 첫 번째로 저희가 만든 원격 저장소에서 위의 사진과 같이 Commit 아래 Select Box에서 확인할 수 있습니다. 일단 저희는 기본 branch인 master라는 이름의 branch만이 존재하는 걸 알 수 있습니다. 다음으로 gitbash 또는 cmd 창을 이용해서 확인 해보겠습니다. 로컬 저장소의 경로로 이동해서 다음의 코드를 입력해주시면 됩니다. git branch git bash에서 branch 확인 git branch를 입력하시면 현재 존재하고 있는 branch들의 목록이 결과로 보입니다. 현재 위의 사.. 2020. 3. 3.
React - 사전 준비 React React – A JavaScript library for building user interfaces A JavaScript library for building user interfaces reactjs.org 리액트에 관한 글 작성을 시작하겠습니다. https://academy.nomadcoders.co/ Academy % Complete academy.nomadcoders.co 위의 NomadCoders에서 제가 수강한 'ReactJS로 웹 서비스 만들기'를 바탕으로 React글을 작성할 계획입니다. 무료 강의임에도 불구하고 배워가는 것이 많았습니다. 해당 카테고리의 글들은 배운 내용의 단순 정리가 아닌 To Do List 서비스를 만들어보며 정리해나갈 생각입니다. 이번 글은 React.. 2020. 2. 28.
GitHub - GitHub Desktop 설치 및 알아보기 GitHub에 대해서 공부해보고자 살펴보는 중 GitHub에서 제공하는 GitHub Desktop이라는 것이 있어 설치해봤습니다. 로그인 후 생성한 저장소들을 볼 수 있으며 클론이 가능합니다. Git GUI 서비스로 화면으로 쉽게 정보들을 파악하고 조작할 수 있게 돕는 것 같습니다. 처음 실행할 때 제가 빈 폴더가 아닌 폴더를 선택해봤습니다. 다음은 그때의 모습입니다. 그래서 기존의 파일을 지우고 진행해보았습니다. 잠깐의 파일 다운로드 시간이 지난 뒤 다음 화면이 나타났습니다. 해당 창에서 History를 눌러보니 Commit 내역들이 나왔고, 탭들을 눌러 살펴보니 저장소와 branch 등을 관리함에 있어 편리한 도구라는 걸 느끼게 됐습니다. git bash, cmd를 이용하면 깃 명령어들을 통해 관리하.. 2020. 2. 27.

티스토리툴바