전체 글

참고사이트 • Inpa Dev님의 티스토리 git 명령어를 통하여 원격 저장소에 프로젝트를 관리해보자. 앞 게시글에서 git clone을 통해 받은 폴더를 들어가 폴더의 내용을 변경해보자. 🔍 git status 폴더의 변경된 내용을 트래킹하여 사용자에게 보여준다. 이때, 빨간색으로 표시된 파일은 내용이 변경되었으나, 저장소에 등록하지 않을 파일들이고 녹색으로 표시되는 파일들은 내용이 변경되었고, 저장소에 등록할 파일들이다. $ git status # 저장소의 상태를 체크한다. # 어떤 파일이 저장소 안에 있는지, 커밋이 필요한 변경사항이 있는지, 현재 저장소의 어떤 브랜치에서 # 작업하고 있는지 등을 볼 수 있다. $ git status -s # git status와 유사하나 워킹 트리의 상태를 요약해..

참고사이트 ∙ Git - Git 서버 - SSH 공개키 만들기 🔑 SSH 공개키 로컬에서 본인만의 개발을 위해서라면 앞 게시글 처럼 SSH Key가 없이도 Git을 이용할 수 있다. 그러나 외부 Git 서버의 코드를 사용하려면 SSH 프로토콜을 사용해야한다. 많은 Git 서버들은 SSH 공개키로 인증한다. 내 컴퓨터가 아닌 네트워크로 다른 컴퓨터에 전달해주고 결과를 받아볼 수 있게 해주는게 바로 SSH이다. 공개키를 만드는 방법은 모든 운영체제가 비슷하다. 🔑 공개키 생성 사용자의 SSH 키들은 기본적으로 ~/.ssh 디렉토리에 저장한다. $cd ~/.ssh $ls id_dsa또는 id_rsa라는 파일의 이름이 보일 것이고 같은 파일명으로 .pub이라는 확장자가 붙은 파일이 있을 것이다. 그 중, .pu..

GitHub를 사용하기 위해 GitHub에 접속한다. https://github.com/ GitHub: Let’s build from here GitHub is where over 100 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 fea... github.com 💾 Repository 생성 좌측 상단에 New를 클릭하여 Repository 생성 페이지로 이동한다. Owner *: 저장소의 소유자를 지정한다. 개인이 될 수도 Organization 값..

🛠️ Flutter Flutter는 Google에서 개발하고 지원하는 오픈 소스 모바일 애플리케이션 개발 프레임워크입니다. 이 섹션에서는 Flutter 개발환경 설정에 대해 설명합니다. 🍺 Homebrew 설치 Homebrew는 macOS의 패키지 관리자입니다. 해당 패키지 관리자를 Terminal에서 명령어를 이용하여 패키지를 설치하고, 대부분 별도의 Path 설정 없이 환경변수 설정을 도와줍니다. 🔧 Dart 설치 Dart는 Flutter에 사용되는 개발 언어입니다. # Dart의 설치 여부를 확인합니다. $ brew -v # 설치 안 되어 있을 시, $ brew install dart 🔨 Xcode 설치 App Store에서 Xcode를 설치하여 에뮬레이터에 사용될 소프트웨어를 설치합니다. 해당 기..

참고 사이트 ∙ Dart 공식 문서 - 변수 변수 Dart의 변수에 대해 학습합니다. dart-ko.dev 🎯 Null safety 프로그램을 개발하다보면 런타임에 Null Pointer Exception을 만나는 경험은 흔하다. 배포 전 해당 에러를 잡아내면 좋지만, Dart는 null이 프로그램에서 나타나는 것을 막고있다. 덕분에 개발 과정에서 더 완벽한 프로젝트를 해낼 수 있다. 📦 변수 변수를 생성하고 초기화하는 방법은 다음과 같다. var name = 'Bob'; name이라는 변수는 'Bob'이라는 값을 가지고 있는 String 객체의 레퍼런스를 포함한다. 타입추론을 통해 name의 타입은 String으로 추론된다. 만약 객체가 단일 타입으로 제한되지 않는다면, Object 타입으로 명시하면 ..

참고사이트 • 리액트 공식 문서 - useContext 🌐 useContext useContext는 컴포넌트의 Context를 읽고 구독하게 해주는 리액트 Hook이다. 리액트에서 데이터값을 하위 컴포넌트로 전달하기 위해 컴포넌트 호출 시, 데이터 prop을 담고, 해당 props를 이용하여 데이터를 사용한다. useContext는 해당 과정에 상관없이 useContext로 감싼 컴포넌트들을 해당 데이터를 접근할 수 있도록 도와준다. 비슷한 기능의 외부 라이브러리로는 recoil이 있다. 📦 Parameter useContext 컨텍스트를 읽고 구독하려면 컴포넌트 최상위에서 호출해야한다. const value = useContext(SomeContext); • SomeContext: 해당 컨텍스트는 cr..

참고 사이트 • 리액트 공식 문서 - useCallback • 별코딩님의 youtube - useCallback 강의 🪣 useCallback useCallback은 재렌더링 사이에 함수 정의를 캐시할 수 있는 React Hook이다. 📢 참조 useCallback 재렌더링 사이에 함수 정의를 캐시하려면 구성 요소의 최상위 수준에서 호출하면 된다. const cachedFn = useCallback(fn, [dependencies]); 📦 Parameters • fn: 캐시하려는 함수이다. 모든 인수를 취하고 모든 값을 반환할 수 있다. React는 초기 렌더링 중에 함수를 다시 반환한다(호출X). 다음 렌더링에서 dependencies가 변경되지 않은 경우 동일한 기능을 다시 제공하며, 그렇지 않다면 ..

참고 사이트 • 리액트 공식 문서 - useMemo 📝 useMemo useMemo는 재렌더링 간 계산 결과를 *캐시(Cache)할 수 있는 React Hook이다. 비용이 많이 드는 재계산을 건너뛰기 위하여 사용한다. *캐시(Cache): 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소로 데이터 접근하는 시간이 오래걸리거나 다시 계산하는 시간을 절약하고 싶은 경우에 사용 출처: Wikipedia 반환값을 캐싱하는 것을 메모이제이션(memoization)이라고도 하며, 이것이 이 Hook이 불리는 이유이다. 📢 참조 useMemo 재렌더링 간의 계산을 캐시하려면 구성 요소의 최상위 수준에서 호출한다. const cachedValue = useMemo(calculateValue, [depende..