리액트의 모듈화 아이디어 React는 무엇이고, 사람들은 왜 쓸까? React가 어떤 문제를 해결해주는지 이해해 보자. 지금까지 웹사이트를 만들기 위해 배웠던 방식들 1.index.html에서 style.css와 script.js 파일을 불러오기 2. index.html에 태그와 태그로 css, javascript 코드를 바로 작성하기 하지만 우리가 실제로 만들어야 하는 웹사이트는 이렇게 간단하지 않다. 구현해야 하는 기능이 많아져서 JavaScript가 복잡해지면 하나의 script.js파일 안에 모든 코드를 넣기가 힘들어 진다. ex) 이 script 코드가 어떤 element를 제어하고 있는지 잘 파악하기 힘들고, 가독성도 안 좋아짐 ex) 변수 선언 시 겹치지 않도록 계속 신경써줘야 함 ➡ 여러 ..

Repository란? 저장소 (Repository)? 파일이나 폴더를 저장하는 곳 Git 저장소는 파일 변경 이력 별로 구분되어 저장 Local Repository 내 PC에 파일이 저장되는 개인 전용 저장 공간 Local Repository 생성 1. 원하는 폴더 생성 2. 해당 폴더에서 git init 명령어 입력 3. .git 폴더 생성 확인 * 원격 저장소(Remote Repository)에서 복사해 Local Repository를 생성할 수도 있다. Remote Repository 파일이 전용 서버(Github)에서 관리되며 여러 사람이 함께 공유 Remote Repository 생성: Github를 통해 생성한다.

기본 동작 원리 Working Directory : 작업하는 파일이 있는 디렉토리 Staging Area : Git에 등록할 (커밋) 파일들이 올라가는 영역 Local Repository : 로컬 Git 프로젝트의 메타데이터와 데이터 정보가 저장되는 영역 Remote Repository : Github 등의 서비스를 통한 온라인 상의 저장소 기본 용어 origin : 원격 (Github 등의 온라인 저장소)에 있는 코드 head : 내가 지금 작업하고 있는 로컬 브랜치 (소스의 시점) add : Working Directory에서 Staging Area로 등록하다 commit : Staging Area에 등록된 파일을 Local Storage로 등록 Commit Message : commit시 함께 작성..

사용자 설정 및 세팅 Git 사용자 설정 로컬에서 사용할 Git 사용자 이메일과 이름을 설정 git config : Git에 관한 설정을 추가/변경/삭제하는 명령어 설정 파일 - System 설정 파일 / Global 설정 파일 / 로컬 설정 파일 Global Git 사용자 설졍 git config --global user.email "abc@abc.com" git config --global user.name "HongGil-dong" 변경하는 방법 git config --unset --global user.name git config --unset --global user.email 설정 확인 git config --list Github 계정에 ssh key 등록하기 1. ssh key 만들기 htt..

1. Github 가입 Github란? Git 저장소 호스팅을 지원하는 웹 서비스 https://github.com/ GitHub: Where the world builds software GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2. SourceTree 설치 SourceTree란? Git을 더 쉽게 활용하게 하기 위한 GUI 툴!

Git 설치 (Window) 1. Git SCM 접속해 설치파일 다운로드 https://git-scm.com/ Git git-scm.com 2. 설치파일 클릭해 설치 3. 시작 프로그램에서 Git Bash 실행 Git Bash에서 git --version을 입력하여 잘 설치가 됐는지 확인할 수 있다. 4. Config 설정 (User Name / User Email 설정) 5. 설치 완료

Git이란? 형상관리도구(Configuration Management Tool) 중 하나이다. 형상관리도구는 다른 말로 버전 관리 시스템이라고도 한다. Git은 프로젝트 소스코드를 효과적으로 관리할 수 있는 시스템이다! 효과적 관리란? 여러 명이 동시에 작업하더라도 문제 없도록 한다. 소프트웨어의 여러 버전을 동시에 관리할 수 있다. 프로젝트 진행의 모든 로그를 볼 수 있으며 해당 시점으로 되돌리는 것도 가능하다. Git을 사용하다 모르는 것이 생겼을 때, Git 공식 사이트의 documentation - Reference를 참고하자. Git을 사용하는 이유 프로젝트 시 어떤 기능을 빼고 더하고 고치고 수정하는 과정은 필수! 기능을 되돌리게 될 수도 있고, 서로 다른 기능의 버전을 유지해야 하는 경우도 ..

리팩터링 정의 리팩터링 : 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법 왜(why) : 이해하고 수정하기 쉬운 코드 무엇을 (what) : 내부 구조를 변경 어떻게 (how) : 겉보기 동작은 그대로 유지한 채 겉보기 동작의 유지란? 예시 : 함수 매개변수화 하기 function tenPercentRaise(aPerson){ aPerson.salary = aPerson.salary.multiply(1.1); } function fivePercentRaise(aPerson){ aPerson.salary = aPerson.salary.multiply(1.05); } ↓ function raise(aPerson, factor){ aPerson.sal..