본문 바로가기

개발(Development)/Etc(기타)21

[Github] 터미널에서 GitHub Repository 연동 사용 방법: git remote, push 요즘은 IDE 자체에서 Git 을 사용할 수 있도록 지원해주는 경우가 많다. 하지만 개인적으로는 터미널에서 git을 사용하면 개발환경과 무관하게 모든 곳에서 공통적으로 사용할 수 있어서 가급적 터미널에서 git 명령어을 사용하고 GitHub에 연동한다 그런데 add, commit, push 는 자주하지만, git 초기화 설정 및 git hub 연동은 처음에만 하고 다시 할일이 별로 없어서 헷갈릴 때가 많다. 그래서 GitHub에 연동하는 걸 기준으로 정리해둔다. 컴퓨터에 git이 설치되어 있는지는 터미널에서 git --version 명령어를 입력해보면 확인할 수 있다. 설치가 안 되어 있다면 https://git-scm.com/ 에 접속해서 다운받아 설치 한다. # 터미널 GitHub 연동 사용 방법 1.. 2021. 8. 28.
맥 OS: git push에서 The requested URL returned error: 403 해결 방법 Git Hub에서 액세스 토큰 방식으로 바뀌면서 인증에 어려움을 겪을 수 있다. 일단 액세스 토큰 생성 방법은 아래 글을 참고하기 바란다. GitHub 토큰 인증 로그인: Personal Access Token 생성 및 사용 방법 혹시 MAC OS환경에서 git push 실행시, 아래와 같은 로그가 뜨며 잘 안 되는 경우가 발생할 수 있다. remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead. ... The requested URL returned error: 403 아마도 git push에 설정된 git hub의 ID/PW가 키체인에 등록되어 .. 2021. 8. 14.
주석 총정리: HTML/CSS/JavaScript, Python, Java/Kotlin, Swift, C계열 언어 프로그래밍 언어마다 주석 사용법이 달라서, 자주 사용하는 언어별 주석 사용법을 총정리해둔다. 참고로 대부분의 IDE에서 주석 설정/해제 단축키는 다음과 같다. 1. 윈도우: Ctrl + / 2. 맥: Command + / # HTML 주석 사용법 : HTML은 한 가지 방법으로 한줄/여러줄 주석을 표현한다. # XML 주석 사용법 : XML은 HTML과 주석 사용 방법이 동일하다. # CSS 주석 사용법 : CSS는 한 가지 방법으로 한줄/여러줄 주석을 표현한다. (특이하게 // 는 주석으로 작동하지 않는다.) /* CSS 한줄 주석 */ /* CSS 여러줄 주석 CSS 여러줄 주석 */ # JavaScript(자바스크립트) 주석 사용법 1. 한줄 주석: // 2. 여러줄 주석: /* */ * 참고로 한.. 2021. 7. 10.
[개발 용어] 라이브러리 vs. 프레임워크 개념과 차이 # 라이브러리(Library)란? 현실세계에서의 라이브러리(도서관)란 필요할 때마다 꺼내볼 수 있는 책(지식)들이 모여있는 곳이다. 프로그래밍에서의 라이브러리란 필요한 기능들이 모여있는 코드의 묶음이라고 생각할 수 있다. 자주 사용되는 기능들을 라이브러리(객체나 함수등의 형태)로 만들어두면, 필요할 때마다 직접 호출하여 사용할 수 있다. 물론 남들이 만들어둔 외부 라이브러리도 가져다 사용할 수 있다. 1) Browser환경에서 script src 로 불러들이는 js파일(JQuery, React 등) 2) node.js 환경에서 npm으로 설치한 모듈 3) Python 환경에서 pip로 설치한 패키지/모듈 4) Java 환경에서 설치한 jar # 프레임워크(Framework)란? 프레임워크는 작업(work.. 2021. 7. 10.
Lorem Ipsum: 샘플 더미 텍스트 생성 방법(+ VSCode HTML) 개발자들이나 디자이너들이 작업을 할 때, 다양한 이유로 샘플 더미 텍스트(dummy text)를 입력해야 할 때가 있다. 직접 타이핑을 하기도 번거롭고 귀찮을 때, 로렘 입숨(Lorem Ipsum)을 사용한다. IT 업계 실무에서는 - 기획자나 디자이너들의 경우, : 디자인/레이아웃/구성에만 집중하길 바랄 때, 의미 파악이 전혀 안 되는 더미 텍스트로 내용을 채운다. (의외로 그냥 막 써놓은 샘플 텍스트의 내용을 문제 삼는 분들이 종종 계신다.) - 개발자들의 경우, : 미리 텍스트 영역을 잡아놓고자 할 때 더미 텍스트를 사용하곤 한다. 1. 웹사이트: 한글, 영어, 일본어, 중국어 1) http://dogumaster.com/work/dummy 접속 2) 언어, 단락수/단어수 체크후, "생성하기" 버튼.. 2021. 7. 7.
웹소켓(Web Socket) 온라인 테스트 사이트 # 웹소켓 연결 및 데이터(메세지) 전송 테스트 사이트 - 주소 : https://www.websocket.org/echo.html # 온라인 웹소켓 테스트 방법 1. 접속 - https://www.websocket.org/echo.html 주소로 접속한다. 2. 연결 1) Location에 연결할 WebSocket 서버의 주소를 입력 2) Connect 클릭시 연결, Disconnect 클릭시 연결 종료 3) Log 항목에 연결(Connected) 로그와 서버로 부터 받은(RECEIVED) 메시지가 출력 된다. 3. 데이터 전송 1) Message에 전송할 메시지 입력 2) Send 버튼 클릭시 데이터 전송 3) Log 항목에 보낸(Send) 메시지와 서버로 부터 받은(RECEIVED) 메시지가 출력 .. 2021. 7. 3.
GitHub 토큰 인증 로그인: Personal Access Token 생성 및 사용 방법 Git Hub에서 ID/PW기반의 Basic Authentication 인증을 금지하고, ID/Personal Access Token 방식의 Token Authentication 인증을 요구하고 있다. 앞으로는 소스코드를 push/clone하려고 하면, 아래와 같은 문구가 뜨면서 잘 되지 않는 상황이 발생할 수 있다. Password authentication is temporarily disabled as part of a brownout. Please use a personal access token instead. Please see https://github.blog/2020-07-30-token-authentication-requirements-for-api-and-git-operations/ .. 2021. 6. 30.
[GCP] node.js 웹 서버 배포 방법(Compute Engine VM인스턴스/구글클라우드플랫폼) # GCP Compute Engine에 node.js 서버 배포 방법 정리 Google Cloud Platform(GCP)의 Compute Engine - VM인스턴스 상에서 node.js 웹 서버를 배포하고 기동하는 방법을 정리합니다. 간단하게 웹 콘솔로 접근하는 방식을 사용합니다. GCP가입 및 Compute Engine-VM인스턴스를 생성 방법은 아래 글 참고. [GCP] Compute Engine에 VM인스턴스 생성하는 방법(구글클라우드플랫폼) 1. SSH 접속 1) GCP > Compute Engine > VM인스턴스 접속 > SSH 클릭 브라우저 웹 콘솔에 연결되면, 아래과 같은 화면이 뜬다. 2. 루트 계정으로 변경 명령어: sudo su 원활한 서버 배포 및 구동을 위해 루트 계정으로 변경.. 2021. 4. 25.
[GCP] Compute Engine에 VM인스턴스 생성하는 방법(구글클라우드플랫폼) # GCP Compute Engine의 VM 인스턴스 생성 방법 정리 Google Cloud Platform(GCP)에 가입하고 VM인스턴스를 만드는 법을 정리해봅니다. (환경에 따라 구글클라우드플랫폼의 화면은 조금씩 다를 수 있음.) 1. GCP 접속, 가입/로그인, 각종 정보 입력 (가입 및 정보 입력 과정은 캡처 화면 생략) 접속 URL: console.cloud.google.com 중간에 아래의 과정이 나오면 착실히 진행해준다. 1) 휴대폰 인증 화면 2) 결제수단(신용 카드 정보) 입력 3) 프로젝트 만들기: 원하는 이름으로 만들어주면 된다. 처음 가입 시에는 $300달러의 무료 크레딧이 제공되어, 3개월 정도 300달러 한도 내에서 GCP의 서비스를 무료로 이용해볼 수 있다.(21년 4월 기준.. 2021. 4. 25.