LoGin
article thumbnail
github Default Branch 변경하는 방법 기본 브랜치 변경하기
깃허브, 노션 2023. 6. 2. 16:20

문제 GitHub에서 기본적으로 설정되어 있는 default branch는 'main'입니다. 이 default branch는 프로젝트를 생성하거나, 브랜치를 만들 때 기본적으로 사용되는 브랜치입니다. 요즘 gitflow에 맞춰 배포하는 main 브랜치 보다 협업 개발할 때는 develop를 많이 사용하죠. merge, branch 생성 등등. 그런데 기본값이 main이라서 살짝 번거롭더라고요. 그래서 main에서 다른 브랜치로 변경하는 방법을 다루겠습니다. 해결방안 먼저, 변경하고 싶은 레포지토리로 이동합니다. 레포지토리 화면의 오른쪽 상단에 있는 'Settings'를 클릭하여 레포지토리 설정 페이지로 이동합니다. 레포지 토리 설정 페이지에서 왼쪽 메뉴의 'Branches'나 첫 화면에서 'branch..

article thumbnail
React native 가운데 정렬, 정 중앙에 배치하기, 가로,세로 center

가운데 정렬하는 법은 여러 가지가 있지만 가장 많이 사용하는 방법으로 flex 설정 된 에 justifyContent와 alignItems속성을 추가로 사용해서 'center'로 지정해 주면 됩니다. 즉, 컨테이너 내부의 요소를 가로와 세로로 가운데 정렬할 수 있습니다. 예제코드를 확인해주세요 {/* 내용을 가운데로 정렬할 컴포넌트 */} 왼쪽 : 사용 전 오른쪽 : 사용 후 flex 속성이 들어가면서 버튼들이 가로로 넓게 잡지 않고 자기 자신 크기 만큼 잡아버리네요 왠지 모르게 자주 사용하는 건데 계속 검색하게 되네요.

article thumbnail
웹 사이트의 뼈대 HTML 웹 개발도구 vscode 작업공간 만들기

코딩 언어 중 html은 '웹페이지'를 만들기 위한 언어로 Hyper Text Markup Language의 줄인 말입니다. html을 공부하시면서 티스토리를 꾸미거나 사이트도 만들 수 있습니다. 물론 웹사이트가 인간이라고 한다면 뼈대 역할만 할뿐이지만요. css는 옷, javascript는 근육처럼 생각하면 되겠네요. Tag는 웹 문서를 만들기 위한 가장 기본적인 요소입니다. 이런 식으로 생겼죠. 은 태그를 열었다하고, 은 열었던 태그를 닫아주는 겁니다. HTML 대표적인 태그 제목과 본문 관련 태그 : 헤딩 제목을 표시합니다. : 본문의 내용을 표시합니다. 링크와 이미지 관련 태그 : 다른 웹 페이지로 이동하거나, 문서 내의 위치로 이동하는 링크를 생성합니다. : 이미지를 표시합니다. 목록 관련 태그..

article thumbnail
node.js reactNative Expo 개발 서버 사용해 최적의 개발하기, expo 옵션들
Back End/Node.js 2023. 5. 29. 02:25

react Native 사용하는데 npm install 많이 사용할 겁니다. react Native 애플리케이션 개발을 위해서는 Expo CLI와 함께 Expo 프로젝트를 생성하여야 합니다. Expo CLI를 이용하여 프로젝트를 생성하면, React Native 애플리케이션 개발에 필요한 다양한 라이브러리와 도구들이 자동으로 설치됩니다. 프로젝트를 생성한 이후에는 npx expo start 명령어를 이용하여 Expo 개발 서버를 실행할 수 있습니다. 이때 -c 옵션을 추가하여 개발 서버 캐시를 제거할 수 있습니다. 캐시를 제거하면 Expo 서버가 최신 변경 사항을 적용할 수 있습니다. npm expo start -c 이 캐시삭제 명령어는 웬만한 오류를 다 해결해 줬던 것 같아요. 외국에서는 실제로 신 취..

article thumbnail
node.js, react, native 모듈 정리 및 제거 편하게 하기
Back End/Node.js 2023. 5. 29. 00:52

프로젝트를 하다 보면 npm install @ ... 이런저런 npm package를 많이 설치하는데 내가 필요해서 설치한 건 뭐고 프로젝트에 필요 없는 건 뭐고, 구분할 순 있겠지만 정말 번거롭습니다. 그럴 때는 prune라는 명령어를 사용하면 프로젝트에 연관 없는 모듈을 지워줍니다. npm prune (--force) 하지만 설치할 때도 충동 문제로 설치돼지 않아 사용하지 못했던 모듈도 npm install --force 로 강제로 깔았다면 정리 또한 --force를 사용하면 정리됩니다. 자주 사용하는 이유는 필요하면 다시 깔면 되기 때문에 이렇게 하는 게 마음이 편하더라고요. ++ 추가로 --production 옵션을 사용하면, 개발용 패키지들을 제외하고 배포용 패키지만을 설치하고 사용하지 않는 패..

article thumbnail
프리미어프로 없이 컷 영상편집 및 오디오 제거 사이트 추천 좋은 영상 만들기
IT Information 2023. 5. 27. 17:09

촬영도 중요하지만 컷 편집 하나로 영상의 질 차이가 많이 납니다. 좋은 영상을 가지고 이상한 컷 편집을 한다면 좋은 영상이 될 수 없겠죠. 마찬가지로 질 떨어지는 영상을 가지고 영상편집을 아무리 잘한 들, 투자한 시간이 비교적 아깝게 느껴질 수 있습니다. 하지만 실력 있는 요리사들이 A급 재료가 아니더라도 좋은 요리 실력으로 음식 맛이 살듯이, B급 영상이라도 컷 편집만 잘한다면 좋은 미디어가 될 수 있습니다. 그래도!! 이왕이면 좋은 영상에 좋은 편집이 들어가면 즉, 좋은 재료와 요리 실력까지 좋으면 당연 최고겠죠?? 우선 영상을 촬영할 때, 편집할 때 무엇을 보여주고 싶은지 '목적'이 가장 중요합니다. 화장품의 점도를 보여주고 싶으면 시청하는 사람들이 그 액체에 집중할 수 있게 주변이 깔끔하게 가까이..

728x90