본문 바로가기

전체 글

(207)
내 프로젝트 폴더에 깃헙 저장소 주소 알려주고 만든 커밋 푸시 - git remote add, git push origin master 미리 말씀드립니다. 이 포스팅은 이고잉님의 '지옥에서 온 문서 관리자 깃 & 깃허브 입문' 책을 보고 정리한 내용입니다. (이고잉 최고!) http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com 내 로컬 저장소만으로도 버전 관리는 이미 되고 있지만 다른 사람과의 협업은 어렵다. 거기다가 내 컴퓨터가 고장나면 내가 관리한 버전들이 다 한꺼번에 사라져버리게 된다. 이런 문제점들을 해결해주는 게 바로 깃헙과 같은 원격..
변경 사항 확인하기 - git diff 미리 말씀드립니다. 이 포스팅은 이고잉님의 '지옥에서 온 문서 관리자 깃 & 깃허브 입문' 책을 보고 정리한 내용입니다. (이고잉 최고!) http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com git diff 작업 트리(working tree)에 있는 파일과 스테이지(stage)에 있는 파일을 비교하거나 스테이지에 있는 파일과 저장소(repository)에 있는 최신 커밋을 비교하고 싶을 때 -> git dif..
커밋 기록 살펴보기 - git log 미리 말씀드립니다. 이 포스팅은 이고잉님의 '지옥에서 온 문서 관리자 깃 & 깃허브 입문' 책을 보고 정리한 내용입니다. (이고잉 최고!) http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com git log git log 명령을 입력하면 지금까지 커밋한 내용이 자세히 나타난다. 가장 첫 줄의 노란색 메시지부터 살펴보자. commit이라는 단어 뒤에 영문과 숫자가 조합된 긴 문자열이 있다. 이 것을 '커밋 해시(..
버전 만들기 (작업트리, 스테이지, 저장소) - git add, git commit 미리 말씀드립니다. 이 포스팅은 이고잉님의 '지옥에서 온 문서 관리자 깃 & 깃허브 입문' 책을 보고 정리한 내용입니다. (이고잉 최고!) http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com 기본 용어 정리 * 작업트리(working tree) - 혹은 작업 디렉터리(working directory) - 실제로 파일의 수정, 저장 등의 작업을 하는 디렉터리(폴더) * 스테이지(stage) - 혹은 스테이징 영..
깃 환경 설정하기 (사용자 정보 입력) 미리 말씀드립니다. 이 포스팅은 이고잉님의 '지옥에서 온 문서 관리자 깃 & 깃허브 입문' 책을 보고 정리한 내용입니다. (이고잉 최고!) http://www.yes24.com/Product/Goods/84803146 Do it! 지옥에서 온 문서 관리자 깃&깃허브 입문 생활코딩 강의에서 52개를 엄선, 한 권 안에 자주 쓰는 기능은 모두 담았다.문서 지옥, 깃&깃허브로 하루 안에 탈출한다!본서는 대학생, 개발자, 일반 사무직까지. 문서 지옥에 빠진 모두를 위한 www.yes24.com 깃을 사용하기 전에 사용자 정보를 입력해야 한다. 그래야 누가, 언제 그 버전을 작성했는지 알 수 있으니까! 윈도우라면 깃 배시를 맥이라면 터미널창을 연다. 그리고 명령어를 입력한다 (매우 간단) git config --..
Tours (useEffect를 사용해서 데이터 fetch 해보기) 이번 프로젝트는 간단했지만 기본적인 리액트 기능을 다시 복습하기에 좋았다. 가령, useEffect를 사용해서 컴포넌트를 마운트 할 때 데이터를 받아온다든가, props를 destructure해서 자식의 자식 컴포넌트에게까지 전달한다든가, 손주(;) 컴포넌트에서 할부지 컴포넌트까지😋 상태를 전달한다든가 하는 것들 그리고 filter나 substring 메소드도 오랜만에 본 듯! 우선 전체 코드 👇 App.js import { useState, useEffect } from "react"; import Loading from "./Loading"; import Tours from "./Tours"; const url = "https://course-api.com/react-tours-project"; fu..
간단하게 showMore/showLess 토글 만들기 const Tour = ({ info }) => { const [readMore, setReadMore] = useState(false); return ( {readMore ? info : `${info.substring(0, 200)}...`} setReadMore(!readMore)}> {readMore ? "show less" : "show more"} ); }; 1. readMore이라는 state를 만든다. 2. readMore가 true일 때는 info 내용 전부를 보여주고 false일 때는 0부터 199번째까지 부분 문자열을 보여준다. 참고) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String..
원하는 폴더에 git init해보기 미리 말씀드립니다. 이 포스팅은 인프런에 올라온 진유림님의 '팀 개발을 위한 Git, GitHub 입문' 강의의 'Git 초기화와 로컬 저장소'편을 듣고 정리한 것입니다. https://www.inflearn.com/course/%ED%8C%80%EA%B0%9C%EB%B0%9C-%EA%B9%83-%EA%B9%83%ED%97%88%EB%B8%8C/dashboard 팀 개발을 위한 Git, GitHub 입문 - 인프런 | 강의 개인 프로젝트부터 현업 개발까지, 팀 개발에 필수적인 기술인 Git과 GitHub을 그림을 통해 쉽게 익힙니다. 아예 처음 익히는 분부터 실무 사례가 궁금한 분까지 모두 들으실 수 있습니다. CLI, GUI를 www.inflearn.com 그리고 추가적인 내용은 이고잉님의 '지옥에서 ..