코딩소년 - 기술블로그

안녕하세요.
오늘은 Github 내용을
다뤄보겠습니다.
사실 GUI방식으로
화면 보면서 Github하는 거는
어려운 것이 없습니다.
그냥 pull 버튼 누르고
push버튼 누르고
Upload 버튼 누르고...
저도 이런 식의 그래픽 명령이
익숙한 사람이지만
사람이 또 살다보면
CLI방식 명령어로 작성하여
github를 운영해야할 때도 있지요..
그래서 아는 내용을 정리해보겠습니다.

Github 명령어 모음 및 개념

Github Repository 만든 후
VS Code의 Terminal에서 순서대로 작성.

1. git init --> git을 초기화한다.
2. git remote add origin 깃주소 -->
3. git add . -->
4. git commit -m "message"
5. git push origin master

** 만약 Readme 파일을 Repository 만들 때 추가 했다면

1. git remote add origin 깃주소
2. git pull origin main
2번 명령어를 치면 VS code Editor에 readme 파일을 불러온다.

--> 이렇게하면 왜 git master 브랜치로만...?

main 브랜치 디폴트로 설정하고 어떻게하는지 알아보기...

처음에 commit 하여 push한 후에 파일 및 폴더가 추가 된 경우

보통은 그냥 commit 하고 Push 하면 VS code에서 작성한 것이 업데이트 되어 깃허브에 적용 될 것이다. 하지만 파일 및 폴더가 추가된 경우라면...?? 이런 경우에는 pull 한 다음 병합하여 다시 commit 하고 Push 해줘야한다.

1. git clone {원격 저장소 주소}
- github 원격 저장소 주소와 연결
2. git push origin HEAD
- 원격으로 내용을 업로드 하는 것을 PUSH 라고 한다.
3. git fetch
- 협업하다 보면 다른 사용자가 먼저 PUSH 했을 수도 있다. 이럴 땐 저장소의 최신 버전을 가져와야 한다. fetch를 사용하자!
4. git pull origin master
- 최신 업데이트 된 내용을 가져오고 병합하려면 PULL을 이용한다!

5. git add .

gid add . 이후의 내용을 추가하라 
6. git commit -m "finish"
- finish라는 메세지와 함께 commit 전송한다!
7. git push --set-upstream origin master
- 새로운 set으로 origin master에 업로드하라 !
8. git push
- PUSH 업로드가 완료된다!!

** 폴더 및 파일이 추가 되어서, 오류가 계속 떴는데... 오류 내용이 이전에 Push한 파일이 있어서 안 된다.
PULL 충돌인가? 약간 개념이 약해서.. 헷갈렸는데 지금 어느정도 해결이 되었다..!!
CLI 방식이 아직 익숙하지 않아서 그렇지... 이제 곧 적응이 되어 갈 것이다.

https://jeonghwan-kim.github.io/dev/2020/02/10/git-usage.html

위의 링크가 정말 git 관련 하여 정리가 잘 되어 있는 것 같다.
공식홈페이지 이런 곳 보다도... 내가 보기엔 여기가 젤 편하다!

리눅스 git허브 push해보자.

vscode에서 push하기 

1. 옆에 GUI로도 가능하다. 

git clone 주소
한 다음에 
해당 폴더(ex. AWS2)를 연다.
수정 한 다음에 
stage 하고 
commit하고 push한다. 

좌측 메뉴 브랜치 동그라미

여러 개 메뉴 누르고

change 누르고 stage 한다.

그담 commit 누른다.

그담 push 누른다. 

2. 명령어로 하기 

git clone 주소
한 다음에 
해당 폴더(ex. AWS2)를 연다.
수정 한 다음에 
stage 하고 
commit하고
push한다. 

안녕하세요..!!

오늘은 VisualStudioCode

VS Code 단축키 모음 및

플러그인 모음입니다.

코딩할 때 VS Code 쓰는데

와...이런 신세계가 

있나 싶어서 

정리를 해놔야겠다는 생각이 들었습니다.

맥북 유저여서 맥북 기준으로 단축키 적겠습니다.

** 윈도우는 cmd 를 ctrl로,

optiond을 alt로

생각하시면 되겠습니다.

단축키 모음

1. cmd + /    -->   한번에 주석처리

2. cmd + d --> 같은 단어 드래그

- 예를들면 <div> </div> 있으면 div 한 번에 드래그 되어서 수정 가능.

3. option + click --> 동시 다발적으로 클릭 가능, 여러 줄 클릭 가능.

4. option + ↑↓ --> 드래그 되어 있는 줄의 코드를 위 아래로 옮김.(여러 줄 가능)

5. option + shift + ↑↓  --> 드래그 되어 있는 줄을 위,아래로 복사 

6. option + shift + i --> 드래그한 모든 줄을 cursor 클릭 처리함.

7. option + shift + drag --> cursor가 있는 곳으로 모두 드래그함.

8. cmd + ↑↓ --> 코드 맨 위로, 코드 맨 아래로!

9. cmd + b --> 사이드바 가리고 싶을 때! 

10. cmd + shift + p --> Command Pallet 

- VS Code 내에서 실행 가능한 파일을 찾아서 실행 시킴.

플러그인 모음

음 이건 ... 이용하는 언어에 따라 extension을 맞춰서 다운로드 하면 됩니다.

그 외에 좋은 플러그인을 소개하자면

1. Beauty - 자동 줄맞춤 플러그인 

- 단축키 : cmd + shift + b = 자동 줄 맞춤

key={dish.id} Food="Food" name={dish.name} picture={dish.image} rating={dish.rating}

key={dish.id}
Food="Food"
name={dish.name}
picture={dish.image}
rating={dish.rating}

위의 코드가 아래의 코드처럼 정렬 시킬 수 있습니다. 

개꿀... 사실 이 기능이 너무 맘에 들어서, 지금 글 적고 있는 거임..ㅎㅎ

2. Material Theme - 인터페이스 색상

- 가장 중요한 플러그인이라고 생각한다. 개인의 취향에 맞게

이쁜 인터페이스 색상을 골라서 사용하도록 하자!!

* 참고로 나는 darker 색상이다..!!

3. Material ICON Theme - 아이콘 커스터마이징

- 아이콘이 기존의 아이콘이 아닌 더 이쁜? 아이콘으로 설정할 수 있다.

4. Bracket Pair Colorizer

- () {} 이런 것들을 색상별로 구분해줌.

5. indent-rainbow

- 들여쓰기에 색상을 넣어줘서 구분이 쉽게 해줌.

6. AutoRenameTag

- <h1> </h1> 이렇게 있으면 앞에 h1만 바꾸면

자동으로 뒤에 것도 바꿔준다.

7. Markdown-All-in-One 

- 깃허브 readme.md 파일 작성시 마크다운 미리보기 등 다양한 기능 지원!

꿀팁 모음

위에 다 작성한 것들이 꿀팁!!

vs code는 정말 섹시하고 사용자를 위한 다양한 편의성을 제공한다.

다양한 extension 다운로드 및 단축키 설정으로 본인의 취향에 맞게 

Customizing 하여 더욱 더 즐겁게 코딩을 하도록 하자 !!

딥 페이크(Deep Fake) 기술이란?

- 인공지능(AI)을 기반으로 한 이미지 합성 기술이다.

기존에 있던 인물을 학습시켜서 입모양을 따라만들 수 있고, 

예를 들어서 일론머스크(Elon Musk)를 딥페이크 하면 일론머스크 얼굴에

다른 사람이 노래부르거나 말하는 것을 합성할 수 있다.

(예전에는 다매다매가 유행했고 요즘은 일론머스크 딥페이크가 유행 중..!)

딥 페이크(Deep Fake) 기술 적용 과정

대분류

1단계 - 코드 불러오기

2단계 - 인공지능 신경망 파일 가져오기

3단계 - 입력영상과 사진을 불러오기

4단계 - 영상만들기

5단계 - 얼굴을 추출해서 딥페이크 영상만들기 (Optional)

1. 공개 딥페이크 제작 링크로 이동한다.

(구글 코랩을 이용한다.)

https://colab.research.google.com/drive/1IVHPy1fY7MKHQWVbx9VLYKIbMHJnwmRJ?usp=sharing

2. 상단 메뉴에 런타임 -> 런타임유형변경 -> GPU로 바꾼다.

3. 첫 코드창을 클릭 후 shift + enter 를 누른 후 무시하고 진행하기를 누른다.

4. 영상제작에 필요한 사진 및 동영상이 아래의 첫 링크에 있습니다. 본인의 구글드라이브에 연결하세요.

그리고 두 번째에 위치한 링크를 눌러서 나온 값을 Enter your authorization code : 값을 붙여넣기 해주세요

5. 좌측에 deepfake 폴더가 추가 된 것을 확인할 수 있습니다.

6. deepfake폴더가 추가 되었으면 이제 3단계인 입력영상과 사진불러오기 차례다..!!

긴 코드들에 연연하지말고 우리는 그냥 #입력영상과 #입력사진의 경로만 바꿔주면 된다.

나의 경우 오바마 전 대통령과 트럼프 전 대통령을 딥페이크 인물로 사용하였다.

입력사진을 오바마로 쓰고 입력영상을 트럼프로 쓰고난 뒤 

이제 4단계인 영상만들기 를 실행시키면...

오바마 사진에 딥페이크 기술 접목 완료..!!!!

** 영상이 3배 느리게 재생되서 3배속으로 재생해야 일반속도로 재생된다.

5단계 - 얼굴을 추출해서 딥페이크 만들기는 아이돌 단체그룹 사진을 업로드하면

얼굴을 따로따로 분별해서 해주는 기능인데 필요한 사람만 사용하면 된다!

https://webcamera.io/ko/

본인을 촬영해서 딥페이크에 적용하고 싶다면 위의 링크로 들어가서

녹화를 한 뒤 videol Tool을 이용하여 1:1로 Crop한 다음 저장하여

똑같이 구글코랩에 적용시키면 된다.

이상으로 딥페이크 기술을 활용해보자편 이었습니다.