Frontend

브랜치란? 브랜치는 버전을 여러개의 흐름으로 나누어 관리하는 방법이다. ⚠️주의사항 Github에서는 master 브랜치가 main브랜치로 불린다. 그렇다면 브랜치의 작명은 어떻게? 최초의 브랜치인 master/main 브랜치가 아닌, 파생되는 브랜치의 작명은 어떻게 해야할까? 정해진 법칙은 없지만, 개발자들의 컨벤션은 있다. feature/ '컴포넌트이름' 브랜치: 기능추가하는 브랜치작명 컨벤션 release/ '컴포넌트이름' 브랜치: 버전 배포를 위한 브랜치 작명 컨벤션 hotfix/ '컴포넌트이름' 브랜치: 급하게 수정하기위한 브랜치 작명 컨벤션 특정 브랜치에서 작업하기: HIEAD와 체크아웃 HEAD 현재 작업 중인 브랜치의 커밋을 가리킨다 일반적으로 현재 작업 중인 브랜치의 최신 커밋을 가리킨다..

알게 된 것 React와 React Native의 차이점에 대해 알게되었다. 비슷하지만 조금씩 다른 부분들이 있어, 혼란스러웠지만 그래도 튜터님에게 질문도 자주 하고나니 수업을 나간곳 까지는 코드의 이해가 잘 된 것 같다. 알아야 할 것 React native의 컴포넌트를 분리해서 작성하는 부분 연습 React native에 파이어베이스 연동하는 연습 깃허브 공부

버전 비교하기 바로직전버전과 비교하기 기본적으로 직전버전과 비교를 할 수 있다. 새롭게 추가된 것은 초록색, 지워진 것은 빨간색으로 표시된다. 지정해준 버전끼리 비교하기 커맨드를 누른 상태에서 버전을 클릭하면 클릭한버전들끼리의 비교만 할 수도 있다. 클릭한버전의 당시파일상태 열기 버전을 선택해서 커밋한당시의 파일상태를 확인해볼 수 있다. 버전 되돌리는 두가지 방법 버전을 되돌리는 방법에는 크게 revert와 reset이 있다. revert revert는 버전을 되돌린 새로운 버전을 만드는 방법이다. 만약 10개의 버전이 존재하고, 그중 revert하고싶은 버전이 4번째에 존재한다면 11번째의 버전은 4번째의 버전과 완벽히 동일한 상태로 새롭게 만들어진다. reset 버전을 완전히 되돌리기(시간을 되돌리듯..

git이 관리하는 세개의 공간 작업 디렉토리(or 워킹 디렉토리 or 워킹트리) 버전 관리의 대상이 위치하는 공간(.git이 있는 디렉토리) 스테이지(or Index) 다음 버전이 될 후보가 올라가는 공간(모든 수정사항중 다음 버전에 반영하고싶은 변경사항만 추려서 스테이지에 올린다.) 저장소(repository) 버전이 만들어지고 관리되는 공간 git이 공간을 넘나들때의 용어 add(or stage한다.) 작업디렉토리의 변경사항중 반영하고싶은 내용을 추려 스테이지에 올리는 과정 commit 스테이지에 추가된 파일을 선별해 저장소에 추가하는 과정 최종정리(하나의 버전이 만들어지는 과정) 작업 디렉토리 내에서 변경사항이 만들어진다. 변경사항중 반영하고싶은 것을 추려서 스테이지로 add한다. 스테이지에 있는 ..

TextInput, 단축문법 위의 두 코드는 정확히 같은 기능을 하는 코드이다. TextInput태그는 입력된 값을 콜백함수의 인자로 전달한다. 자바스크립트에서 고차함수의 인자(t)와 콜백함수의 인자(t)가 같다면 함수명만 적어줄 수 있는 단축문법 ; Expo vector아이콘은 기본적으로 버튼의 성질이 들어있지 않으므로 태그로 감싸 클릭이 가능한 버튼의 성질을 부여해줘야한다. 위의 두 코드는 정확히 같은 기능을 하는 코드이다. TextInput태그는 입력된 값을 콜백함수의 인자로 전달한다. 자바스크립트에서 고차함수의 인자(t)와 콜백함수의 인자(t)가 같다면 함수명만 적어줄 수 있는 단축문법 ; Expo vector아이콘은 기본적으로 버튼의 성질이 들어있지 않으므로 태그로 감싸 클릭이 가능한 버튼의 성..

Expo Setup npm install --global eas-cli 오류시 sudo npm install --global eas-cli 로 설치 eas init --id a2901174-6e56-470e-8f2c-2c95235f301f 은 cd를 통해 해당프로젝트경로로 접속한 후 해주기 여기까지 npm으로 설치가 되었더라도 yarn start를 사용할 수 있음 배포할때는 eas update를 통해 배포하면됨 React Native 주요 UI 컴포넌트 태그는 태그임 View 는 기본적으로 flexBox 이며 default flex-direction은 column 이다. 글자는 반드시 로 감싸준 뒤 글자를 입력해야함html의 태그와 비슷함 이미지는 가 아니라 아래의 코드와 같은 방식으로 작성함 imag..

react-router을 복습하면서 외부문서를 찾아보는데, 문득 CSR과 SSR란 단어가 등장했다. 많이 들어봤는데 정확한 개념을 모르기도 하고 면접의 CS지식으로 중요할 것 같아서 공부하는 시간을 가져봤다. 1. SSR Server Side Rendering의 약자이다. 즉, 서버쪽에서 렌저링 준비를 끝마친 상태로 클라이언트(브라우저)에 전달하는 방식이다. 다음과 같은 프로세스를 거친다. user가 Website에 요청을 보냄 -> Server가 'Ready to Render' 즉, 즉시 렌더링 가능한 html 파일을 만든다. -> 클라이언트에 전달되는 순간, 이미 렌더링 준비가 되어있기 때문에 HTML은 즉시 렌더링 된다. 그러나 사이트 자체는 조작 불가능하다. -> 클라이언트가 자바스크립트를 다운받..

라우터에 경로설정을 잘못해서 왼쪽에 메인페이지, 디테일페이지가 출력되었다. 내일중으로 수정해서 커밋할예정이다.