목록IT (70)

나의 기록

[Git] - 파일 삭제와 이동, 커밋하지 않은 파일 원복(reset), 리셋 되돌리기(reflog)

Github 체크아웃 방법, fetch 와 pull, 병합시 사용하는 merge 와 rebase, 브랜치 다루는 방법은 아래 포스팅을 참고하세요. 👉https://gosasac.tistory.com/72 [Git] - Github 체크아웃, fetch 와 pull, merge 와 rebase, 브랜치 다루기 git - 프로젝트 관리시작, commit, push, 프로젝트 원격지로 올리는 법, 원격지 연결 해제 방법은 아래 포스팅을 참고하세요 👉https://gosasac.tistory.com/71 git - 프로젝트 관리시작, 브랜치명 변경, 커밋, gosasac.tistory.com 🟥 파일의 삭제와 이동 * 삭제 파일은 그냥 삭제하면 Working directory에 남아있습니다. git rm 파일명..
IT/Git 2023. 9. 26. 19:00
[Git] - Github 체크아웃, fetch 와 pull, merge 와 rebase, 브랜치 다루기

git - 프로젝트 관리시작, commit, push, 프로젝트 원격지로 올리는 법, 원격지 연결 해제 방법은 아래 포스팅을 참고하세요 👉https://gosasac.tistory.com/71 git - 프로젝트 관리시작, 브랜치명 변경, 커밋, 푸쉬, 원격저장소 올리는법 git - 설치 방법은 아래 링크 참고 👉https://gosasac.tistory.com/69 git - 설치(CLI와 GUI[sourcetree])와 최초 설정 방법 🟥 윈도우 Git 설치 https://git-scm.com/ 에서 Git을 다운로드 합니다. ⭐설치과정에서 Git Bash gosasac.tistory.com 🟥 GItHub에서 프로젝트 다운받기 github 페이지에서 checkout 받고자하는 프로젝트의 [ C..
IT/Git 2023. 9. 26. 00:05
[Git] - 프로젝트 관리시작, 브랜치명 변경, 커밋, 푸쉬, github으로 올리는법, 원격지 연결해제

git - 설치 방법은 아래 링크 참고 👉https://gosasac.tistory.com/69 git - 설치(CLI와 GUI[sourcetree])와 최초 설정 방법 🟥 윈도우 Git 설치 https://git-scm.com/ 에서 Git을 다운로드 합니다. ⭐설치과정에서 Git Bash 를 포함하는 것이 좋습니다. 그 이유는 Git Bash가 Git사용에 적합한 터미널 이기 때문입니다. 또, Git Bash는 gosasac.tistory.com 🟥 프로젝트의 default 브랜치명 변경 방법 1. default 브랜치명 확인 git config init.defaultBranch 2. default 브랜치명 변경 (main으로 변경) git config init.defaultBranch main 3...
IT/Git 2023. 9. 22. 01:47
[Git] - 설치(CLI와 GUI[sourcetree])와 최초 설정 방법

🟥 윈도우 Git 설치 https://git-scm.com/ 에서 Git을 다운로드 합니다. ⭐설치과정에서 Git Bash 를 포함하는 것이 좋습니다. 그 이유는 Git Bash가 Git사용에 적합한 터미널 이기 때문입니다. 또, Git Bash는 리눅스/맥(유닉스)에서 사용되는 CLI명령어들을 윈도우에서 사용 가능하게 해줍니다. ❗ 윈도우용 터미널은 명령어 체계가 리눅스와 다르기 때문입니다. 나머지 기본 설정은 그대로 설치 진행하면 됩니다. 🟥 SourceTree설치 (Git용 GUI) https://www.sourcetreeapp.com - Git을 GUI로 다룰 수 있도록 해주는 툴 입니다. 기타다른 툴 [ GitHub Desktop(비추 : 기능이 많이없음), GitKraken (유료) ] 도 있..
IT/Git 2023. 9. 10. 19:57
[리액트] - 훅(Hooks) : [useState, useEffect, useReducer, useMemo, useCallback]

🟥 훅 (Hooks) 리액트 v16.8 부터 도입된 개념으로 원래 함수형 컴포넌트에서는 state관리가 불가능했으나, 함수형 컴포넌트에서도 상태관리를 할 수 있도록 도입된 기술입니다. useState, useEffect, useReducer, useMemo, useCallback 🔸 useState 상태를 관리하기 위한 가장 기본적인 훅 입니다. ... const [count, setCount] = useState(0); //useState의 인자로는 초기값을 넘겨줍니다. onClick = () => { setCount(count+1); } return ( {count} { console.log("마운트될 때만 실행됩니다."); }, []); 특정 값이 업데이트될 때만 실행하고 싶을 때 함수의 두 번째 ..
IT/리액트 2023. 9. 7. 18:00
[리액트] - 컴포넌트의 라이프사이클, 라이프사이클 메서드

🟥 컴포넌트의 라이프 사이클 모든 리액트 컴포넌트는 라이프사이클을 가지고 있습니다. 리액트 컴포넌트는 버튼 하나로 표현될 수도 있고, 페이지 전체로 표현될 수도 있다고 했죠. 컴포넌트는 "UI조각"이기 때문에 실제 DOM에 나타나기도 하고(생성), DOM에서 사라지기도 합니다.(소멸) 즉, 컴포넌트의 생성부터 소멸까지를 라이프 사이클이라고 합니다. 라이프 사이클은 마운트, 업데이트, 언마운트 총 세가지 카테고리로 나뉩니다. [마운트] 실제 DOM이 생성되서 화면에 그려지는 것을 마운트라고 합니다. 호출 순서는 다음과 같습니다. Constructor - 컴포넌트를 새로 만들때마다 호출되는 클래스 생성자 메서드입니다. render - UI를 렌더링하는 메서드 입니다. componentDidMount - 브라..
IT/리액트 2023. 8. 30. 19:00
[리액트] - State와 Props

🟥 Props properties를 줄인 표현으로 컴포넌트의 속성을 설정할 때 사용합니다. props값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있습니다. 컴포넌트의 필수 props를 지정하거나 props의 타입(type)을 지정할 때는 propTypes를 사용합니다. App.js ... return ; ... MyComponent.js import PropTypes from 'prop-types'; // PropTypes 사용을 위해 추가 const MyComponent = {name, age}=> { return 안녕하세요, 제 이름은 {name}입니다. 제 나이는 {age}입니다.; }; // defaultProps 설정 방법 MyComponent.defaultProps = {..
IT/리액트 2023. 8. 29. 20:00
[리액트] - 개념, 컴포넌트, JSX

🟥 리액트는 무엇이고, 왜 사용할까 ? 리액트는 자바스크립트로 UI 개발을 하기위한 라이브러리입니다. ❓ 전통적인 웹 개발에서의 JavaScript 전통적인 자바스크립트는 웹 페이지에서 동적인 처리만을 담당했습니다. 웹 화면은 HTML과 CSS로 표현되고 화면 내에서 동적인 처리가 필요한 경우에 자바스크립트를 사용했습니다. 딱딱 역할 분담이 잘 되어있었는데, 왜 굳이 자바스크립트로 UI 개발을 하려는 것일까요? 웹 어플리케이션의 규모가 점점 더 커짐에 따라, 그만큼 어플리케이션 자체의 용량도 많이 늘어나게 되었고, 이로인해 속도는 갈수록 느려지기 시작했습니다. 보다 interactive하게 동적으로 동작하는 웹 사이트를 만들기 위해서 DOM(Doucment object Mode) 제어는 필요합니다. 하지..
IT/리액트 2023. 8. 29. 16:27
이전 Prev 1 2 3 4 ··· 9 Next 다음