옆집오빠

지난 포스팅에서는 Netlify와 Github의 연동을 하였습니다.

이번 포스팅은 연동된 Github의 repository에 웹사이트 폴더를 commit 하는 방법에 대한 내용입니다.

1. Github repository 선택

본인의 Github에서 Netlify와 연결한 repository를 선택해 줍니다.

2. Git Setup후 Commit

업로드 할 폴더를 선택한 후, 마우스 우클릭을 하면 "Git Bash here" 가 보입니다.

선택해주세요.

Git init

Git Add . 
# Git Add . 은 폴더내 전체 파일을 업로드합니다. (폴더 전체 업로드)

Git commit -m "first"

Git branch -M master


git remote add origin https://github.com/dongchanhong/cupangshop.git
(가이드에 나와있는 본인의 Github 주소를 입력하세요)

끝났습니다.

3. Github연동 후 Netlfiy 접속

연결이 잘 끝난걸 볼 수 있습니다.

연동의 장점은?

폴더내 data 변경 후 commit만 하면 사이트가 업데이트 된답니다.^^

그럼 오늘도 즐거운 블로그 & 프로그래밍 생활되세요.

Netlify라는 정적 웹사이트를 업로드 하면 서비스 해 주는 사이트가 있습니다.

정적 웹사이트라서 업데이트가 불편하다라고 생각할 수 있는데,

Github를 이용하면 그 불편함이 사라질 수 있지 않을까요?

새로운 내용이 추가될때마다 Commit을 하면 자동으로 사이트가 업데이트 된다? 

이게 실제로 가능합니다.

1. Netlify의 Setting에서 Link site to Git 선택

2. Link your site to a Git repository - Github, GitLab, Bitbucket 

3개 중 연결이 가능하네요.

전 Github와 연결할거에요.

3. Github선택후 --> 승인 유무 선택

승인 유무를 선택해주세요.

4. Github의 특정 repository 선택, Install 

전체 repository를 선택할 수도 있고, 특정 repository를 선택할 수 있습니다.

전 특정 repository를 선택하여 install을 진행했습니다.

여기까지 

Netlify와 Github의 연동은 끝이 났습니다.

다음 포스팅에서는 Github에 웹사이트를 업로드 해 보도록 하겠습니다.

그럼 즐거운 블로그 생활 & 프로그래밍 생활 되세요.

요즘 인싸게임으로 떠오르는 게임이 있죠.

바로! 메이플스토리입니다.

초딩게임이라는 인식이 강했는데, 유튜버 분들이 하는걸 보다 보니 꽤나 흥미가 가더라구요.

무엇보다 용돈벌이도 가능하다는??? ㅋㅋ

그래서 저도 시작을 했답니다.

메이플 스토리는, 블로그를 새로 만들어서 거기다가 내용 업데이트를 할 생각이에요.

https://maplestory-diary.tistory.com/2?category=1146994

그럼 모두들 행메하세요.

1. Vmware를 실행해주세요.

2. 가상 머신 만들기 - 우분투 이미지 로드

3. VMware 실행

사진의 압박이 좀 있긴 한데, 과정과정 모두 캡쳐해둬서 설치 과정은 그대로 따라 오시면 문제 없게 설치완료가 될거에요. 

그럼 이만^^ 즐거운 블로그 & 프로그래밍 생활 되세요.

지난 시간에 설치할 프로그램은 모두 준비했습니다. 

1. VMware
2. 우분투 OS

그럼 이제 설치를 시작하겠습니다.

첫번째 VMware 부터~

: Next 신공이 필요합니다.

끝.

중간에 Uesr Experience settings에서 하나는 check 해제 했답니다. 참고하세요. 

이미지 압박이 있어서

우분투 설치는 다음포스팅에 할게요.

VMware에서 우분투 OS 이미지를 로드하여 설치하는 형태입니다.

리눅스를 사용할 일이 생겨서 윈도우 환경에서 리눅스를 어떻게 설치하는지 직접 설치하면서 하나하나

과정을 포스팅 해 볼게요.

(기억이 안날 때 참고할 생각입니다... 은근히 검색하다가 제가 제 블로그에 들어올 때 깜짝 놀란답니다.)

VMWARE 설치
(가상머신)

https://www.vmware.com/kr/products/workstation-player/workstation-player-evaluation.html

위 사이트에서 운영체제에 맞는 vmware workstation을 다운로드 받아주세요.

저는 윈도우 환경이어서 윈도우용을 다운로드 받고 설치했습니다.

OS 준비
우분투 OS 

https://ubuntu.com/download/desktop

자신에게 맞는 OS 버전을 다운로드 해 주세요. 

저는 Desktop 용 우분투 20.04.1 LTS를 다운로드 했습니다. (LTS는 Long-term support에요)

준비는 모두 마쳤습니다.

다음 포스팅에서는 설치 과정 및 완료 모습을 포스팅하도록 할게요.

그럼 다들 즐거운 블로그&프로그래밍 생활 되세요.

최근 자바스크립트로 웹사이트를 만들던 중 문득 문득 든 생각인데, 어렵게 코딩을 해서 기능을 구현했는데

너무 쉽게 오픈되어 다른 사람들이 쓸 수 있게 되면 어떻게 될까? 라는 생각을 해보았습니다.

사실 공부할땐 저도 많이 베끼는데... ㅎㅎ 제껀 부끄러워서 보여주고 싶지 않은 마음이 큰거 같네요.

약간의 고민과 검색을 통해 난독화에 대한 내용을 보게 되었답니다.

자바스크립트 난독화란?

자바스크립트는 클라이언트에서 실행되는 언어라서 웹사이트에 접근하게 되면 크롬의 경우 "F12" 버튼을 

누르는 것만으로 코드를 볼 수 있게 된답니다.

이렇게 쉽게 코드에 접근 할 수 있다보니, 해석에 어려움을 가하고자 난독화라는 기법이 적용되었답니다.

난독화는 쉽게 볼 수 있는 자바스크립의 코드를 해석하기 어렵게 해주는 기법이며, 다른 여타 언어에서도 난독화 기법은 사용될 수 있어요.

... 이렇다네요.

난독화해주는 기법들이 다양하게 있는 듯 한데... 굳이 필요한가 하는 생각도 들기도 하고

관련 내용에 대해서는 다음번 포스팅에(진짜 필요하다고 생각되어 내용을 정리해 놓았다면) 언급해 봐야겠네요.

그럼 오늘도 즐거운 프로그래밍 생활 되세요.