최신수정일 22.02.14 왜 명령어를 다시 정리하냐면. 실무와 팀프로젝트에서 본격적으로 깃을 통한 협업이 들어가는데 개인 레포지토리를 관리할 때랑은 알아야 할-자주 쓸 명령어가 따로있다. 따라서 경험상 필수적인 명령어 위주로 나 좋으라고 다시 정리한다. 지속적으로 추가 예정 진짜 완전 기본 명령어 명령어 설명 $ git clone [원격/로컬 경로] 작업할 레포지토리 이리와라, (origin이란 리모트 저장소 자동 등록) $ git add [파일경로] - [파일경로]에 해당하는 [변경파일]만 스테이징 $ git add . - 모든 [변경파일]을 스테이징 $ git commit -m "[메시지내용]" 커밋 생성, 커밋내용 확정 $ git push 커밋 전송 더 디테일한 기본 명령어 명령어 설명 $ git..
React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 ✔ 리액트 스타일링 ✔ 컴포넌트 복잡하게 다루기 ✔ 속성 전달 ✔ JSX 복잡하게 다루기 ✔ 상태 다루기, 카운터 설정 ✔ 데이터를 UI로 불러오기 ✔ 이벤트 다루기 ✔ 컴포넌트 생명주기 (생명주기 메소드) ✔ DOM 엘리먼트 접근하기 ✔ 라우터를 통한 싱글 페이지 앱 구축 ✔ Todo list 앱 제작 ✔ 리액트 개발 환경 구성 13. 싱글페이지 앱 제작하기 SPA에선 완전히 새로운 페이지가 로딩될 일이 없다. 동일한 페이지 안에서 인라인으로 뷰가 로딩된다 13.1. SPA(Single page app)의 기대사항 주소 표시줄에 보이는 URL은 항상 현재 보고..
React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 ✔ 리액트 스타일링 ✔ 컴포넌트 복잡하게 다루기 ✔ 속성 전달 ✔ JSX 복잡하게 다루기 ✔ 상태 다루기, 카운터 설정 ✔ 데이터를 UI로 불러오기 ✔ 이벤트 다루기 ✔ 컴포넌트 생명주기 (생명주기 메소드) ✔ DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 10. 이벤트 : 모든 제스처나 상호작용 촉발을 가능하게 하는 접합체 10.1. 예제시작하기 10.1.1 시작 파일 10.2. 이벤트 속성 이벤트는 이벤트 핸들러의 인자로 전달됨 이벤트 인자에는 종류에 따른 한 뭉탱이 속성들이 존재 일반적 DOM..
React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 ✔ 리액트 스타일링 ✔ 컴포넌트 복잡하게 다루기 ✔ 속성 전달 ✔ JSX 복잡하게 다루기 ✔ 상태 다루기, 카운터 설정 ✔ 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 6. 속성다루기 6.1. 나쁜, 짜증나는 방법 하나 목적지로 향하는 경로에 있는 모든 컴포넌트들기 각 속성에 접근하고 재정의 해 전달하는 것. 6.2. 해결책: 스프레드 연산자 var items = ["1", "2", "3"]; // 배열 선언 및 초기화 ..
React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 ✔ 리액트 스타일링 ✔ 컴포넌트 복잡하게 다루기 속성 전달 JSX 복잡하게 다루기 상태 다루기, 카운터 설정 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 4. Rreact 스타일링 4.1. 개요 4.1.1. CSS(cascading Style Sheets)에 대하여 콘텐츠와 프레젠테이션 사이를 잘 분리할 수 있음 셀렉터(selector)문법을 통해 스타일 적용과 건너뛸 엘리먼트를 유연하게 선택하도록함 4.1.2. 리액트가..
React에 대한 개인학습을 기록합니다. 체크리스트 ☑ TITLE ✔ 연습용 레포 생성 ✔ 리액트 개요 확인 ✔ JSX다루기 ✔ 리액트 컴포넌트 리액트 스타일링 컴포넌트 복잡하게 다루기 속성 전달 JSX 복잡하게 다루기 상태 다루기, 카운터 설정 데이터를 UI로 불러오기 이벤트 다루기 컴포넌트 생명주기 (생명주기 메소드) DOM 엘리먼트 접근하기 라우터를 통한 싱글 페이지 앱 구축 Todo list 앱 제작 리액트 개발 환경 구성 1. 리액트 개요 1.1. React 등장 이전, UI 제작 경향 1.1.1. 기존의 멀티 페이지 앱- 여러 개의 개별 페이지로 구성됨 앱의 상태관리에 매우 좋음 쿠키를 통한 사용자 데이터 저장과 서버 측 매커니즘(그것도 약간)을 제외하면 신경 쓸 게 없음 1.1.2. 최근 싱..