xtring.dev

회사에서 관리하는 Remote Repository는 이전에 GitLab에서 관리되어지고 있다가 서버 개발자 분께서 자동 배포기능을 만들기 위해 GitHub로 프로젝트를 이관하면 어떻겠냐는 제한을 했습니다. 그런데 이전 commit log를 모두 날려버린다면 너무 아깝기도 하고 작성했던 코드도 모두 날리게 되어 쉽게 실행하지 못하던 와중에 좋은 방법을 찾게 되었습니다. Repository 미러링 1. open terminal 2. 복사하고자 하는 저장소(GitLab)의 bare clone을 생성 git clone --bare https://gitlab.com/user_id/old-repo.git 3. 새로운 저장소(GitHub)를 만들고 mirror-push를 진행합니다. cd old-repo.git gi..

Git을 왜 사용해야하지? 개발자라면 어느 누구나 'Git'에 대해서 들어 보셨을 거에요! 'Git을 통해 협업을 한다.', '버전 관리를 하기 위해서 Git을 사용한다.' 이런 말을 흘려들어서 라도 들어봤을거에요. 맞습니다. Git은 다수의 사람들과 협업하고 공유하고 관리하기 위해 사용하는 분산 버전관리 시스템입니다. 두 명의 개발자가 하나의 서비스를 효율적으로 합치고 비교하고 관리하기 위해서는 필수적으로 필요한 것이 Git입니다! 지금부터 Git에 대해서 알아 보겠습니다. Git에 대해 더 이해해봅시다. 코딩을 할 때 단순히 Command + z(ctrl + z)를 눌러 이전 상태로 되돌린다면 어떤 시점에 어떤 것들이 바뀌었는지 모두 기억하기 어렵습니다. Git은 이 시점들을 원하는 시점마다 버전을 ..

Git, Github, branch 자주 사용하는 커맨드 정리 Git, Github, branch 자주 사용하는 커맨드 정리 : 네이버 블로그 13 Git Commands Every Developer Should Know Git을 처음 알게 되면 '버전관리가 왜 필요하지?', '너무 복잡해...'와 같은 생각을 하시는 분들이 많을 거에요. 저도 마찬가지로 Git을 처음 사용하기 시작했을 때는 정확히 어떻게 사용하고 왜 사용해야하는지 몰랐어요. 오히려 프로젝트를 진행하는데 관리차원에서 복잡해서 힘들다는 생각을 했었죠. 그땐 너무 모르고 있었죠...⭐️ Git을 사용했을 때 장점은 코드에 대한 히스토리를 남겨 버전을 관리하고 다수의 인원이 협업하는 코드를 관리할 수 있게 해줍니다..

React Native 프로젝트에서 .jsx 사용하기 최근 React 프로젝트를 진행하면서 파일 형식을 .jsx로 하다 보니 새 React Native 프로젝트에서 .jsx으로 파일을 생성하니 Error가 터져나왔습니다. 파일 자체를 인식하지 못한다는 메세지를 보고 혹시 jsx 형식 자체가 인식이 되지 않을까 하는 생각에 구글링을 하던 중 찾게 된 jsx 설정 방법입니다. RN > 0.59 일 경우 프로젝트의 Root level에 metro.config.js에서 설정합니다. * 제가 세팅한 RN version은 0.62.2여서 위와 같은 세팅을 진행했습니다. RN 0.57 프로젝트의 Ro..

https://ko.reactjs.org/docs/code-splitting.html 코드 분할 – React A JavaScript library for building user interfaces ko.reactjs.org Code Splitting은 왜 필요할까? 최근 높은 인터넷 속도와 좋은 프로세서가 일반화 되면서 웹서비스를 이용하는데 발생하는 불편한 점들을 잘 인식 못 할 수 있습니다. 그리고 웹 서비스가 배포되어질 때 모든 코드들은 하나의 번들로 묶여(번들링) 집니다. 서비스가 비교적 가벼운 편이라면 큰 문제가 없겠지만 프로젝트가 덩치가 커지고 전달해야하는 데이터의 양이 커지게 되면 성능적 문제가 발생하게 됩니다. 그래서 개발자는 사용자가 위와 같은 불편함을 느끼지 못하도록 하는 것이 큰 문..

React Hooks는 Functional Component에서 Class-type Component의 LifeCycle의 동작 방식을 가능하게 해줍니다. Hooks는 React 16.8에서 새롭게 추가되었습니다. 그리고 Class 작성 없이 state와 React의 특성을 사용하게 해주었습니다. Hooks를 사용하기 위해서는 반드시 지켜줘야하는 몇가지 규칙이 존재합니다. 그리고 자동으로 이 규칙을 강요하게 해주는 linter plugin이 존재합니다. Rules of Hooks Only Call Hooks at the Top Level Hooks를 사용할 때는 꼭 맨 위에서 호출하라! Hooks는 loops, conditions, nested functions 안에서 호출하면 안됩니다. 대신 React..

탐욕 알고리즘. 그리디 알고리즘(Greedy Algorithm)이라고도 불리는 알고리즘에 대해서 알아보겠습니다.(이하 그리디 알고리즘이라고 부름) 그리디 알고리즘은 동적 프로그래밍(Dynamic Programming) 사용 시 지나치게 많은 처리를 한다는 것에 착안하여 고안된 알고리즘입니다. 동적 프로그래밍과 함께 상호보완하는 개념입니다. 그리디(탐욕) 알고리즘이라는 이름이 붙게 된 이유는 '미래를 생각하지 않고 각 단계에서 가장 최선의 선택을 하는 기법'이기 때문에 지어졌다고 합니다. 각 단계에서 최선의 선택을 하는 것이 결국 전체의 최선이길 바라는 알고리즘이죠. 모든 경우에서 그리디 알고리즘이 최대 효율을 만들어주지는 못합니다. 쉬운 예로 마시멜로 이야기와 함께 해보겠습니다. 지금 마시멜로우를 앞에 ..

새 프로젝트를 만들고 앱을 실행하니 React Native version mismatch. JavaScript version: 0.61.5 Native version: 0.62.2 ... 와 같은 에러가 발생했다. 나의 경우엔 기존에 설치되어있는 React Native CLI이 Global로 설치 되어있고 또 다른 프로젝트를 실행한 경우였다. 그런데 여기서 중요한 점은 이제는 React Native가 CLI를 직접 설치하는 것을 권장하지 않으며 npx를 통해 프로젝트를 생성하고 실행하는 것을 밀고 있다. 최근 npx를 통해 프로젝트를 생성하기 때문에 이 문제는 다시는 발생하지 않을 것 같다. 그래도 만약 에러에 허덕이신 분들이 있다면 Global로 설치된 React Native를 제거하고 npx를 통해 ..