반응형

 

git commit의 제목과 본문을 쓰는데는 몇 가지 규칙이 있습니다. 
  1. 제목과 본문을 빈 행 1줄로 구분합니다.
  2. 제목은 50글자 이내로 제한됩니다.
  3. 제목은 동사 원형을 사용하며 과거형을 사용하지 않습니다.
  4. 제목의 첫 글자는 영문 대문자로 작성합니다.
  5. 제목 끝에는 마침표를 넣지 않습니다.
  6. 본문의 각 행은 72글자 내로 제한합니다.
  7. 어떻게 보다는 무엇과 왜를 설명합니다.
반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
GitHub를 사용하다 보면 진행 중인 프로젝트를 누군가와 공유하고 싶은 경우가 있습니다.
Private repository를 직접 팀원등과 직접 공유하고 싶은 경우가 있습니다.
이런 경우에는 Collaborators를 이용하면 공유한 사람만 저장소에 접속할 수 있고, 등록되지 않은 사람에게는 여전히 Private 저장소이기 때문에 볼 수가 없습니다.

한가지 주의할 점은 저장소를 공유한 사람이나 공유 받은 사람 모두 저장소의 내용을 수정할 수 있으니 사용에 주의를 기울여 주셔야 합니다.

 

[ 저장소를 공유하려는 사람 ]

 

1. 먼저 Private 저장소를 선택하고 Settings에서 Collaborators 를 선택해 줍니다.

 

Collaborators 등록 화면

 

2. 새로 나온 창에 GitHub에 등록된 상대방의 ID나 이메일을 입력합니다.

Collaborators를 아이디로 등록하는 화면

or

Collaborators를 이메일로 등록하는 화면

 

3. 등록된 ID나 이메일을 선택합니다.

 

이메일 선택 화면

or

 

ID 선택화면

 

4. 이제 등록이 완료 되었습니다. 리스트에 한명이 등록되고, 버튼이 다시 등록할 수 있도록 바뀌었습니다.

이렇게 반복하면 여러명의 collaborator를 등록할 수 있습니다.

 

Collaborators 등록 완료 화면

 

 

[ 누군가에게 저장소를 공유 받은 사람 ]

 

1. 누군가가 저장소를 공유하게 되면, 공유 받은 사람에게 다음과 같은 메일이 도착합니다.

메일에서 초대장 보기를 클릭합니다.

공유 받은 사람에게 온 메일

 

2. 초대장 보기를 클릭하면  웹 브라우저에 다음과 같은 페이지가 나타납니다.

여기서 'Accept invitation' 버튼을 클릭합니다.

초대장에 승인하는 화면

 

3. 이제 공유된 저장소를 사용할 수 있습니다.

화면에서 알 수 있듯이 공유한 사람의 ID는 왼쪽에, 공유 받은 사람의 아이콘은 왼쪽에 있는 것을 확인할 수 있습니다.

승인 후 나타나는 화면

 

4. 공유한 사람과 공유 받은 사람 모두 Private 저장소로 유지되어 있는 것을 확인할 수 있습니다.

또한 공유 받은 사람의 저장소 리스트 에도 공유 저장소의 이름을 확인할 수 있으며, 본인의 저장소 처럼 자유롭게 사용할 수 있습니다.

 

공유한 저장소 확인

 

[ 공유를 끊고 싶을 때 ]

 

- 공유 중인 저장소를 더 이상 공유하고 싶지 않을때는 Collaborators에서 해당 해당 ID를 삭제해 주면 됩니다.

Collaborator 아이콘 오른쪽의 'Remove' 버튼을 클릭해 주면 됩니다.

- 공유는 한 명만 가능한게 아닙니다. 아래 화면에 보면 'Add people' 버튼을 클릭하고 원하는 만큼 추가 할 수 있습니다.

등록된 Collaborators를 삭제하는 화면

 

[ 주의 사항 ]
Collaborator를 추가하면 주의할 점이 한가지 있습니다.
fork를 통해서 full request하는 것과는 달리, 공유한 사람에게 아무런 확인없이 공유 받은 사람이 수정할 수 있다는 점입니다. 공유받은 사람이 수정하길 원치 않는다면 사용에 주의해야 합니다.
물론 어떤 사람이 수정했는지는 commit을 보면 알 수 있습니다.

 

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
갤럭시에서 사용하는 삼성 노트를 윈도우가 설치된 PC나 노트북, 태블릿에서도 사용하고 싶은 경우가 있습니다.
윈도우10의 경우는 비교적 쉽게 설치할 수 있지만 윈도우11의 경우 설치가 조금 번거롭습니다.
오늘은 윈도우10과 11에서 삼성 노트 앱을 설치하는 방법에 대해서 알아보도록 하겠습니다.

[ windows 10에 설치하는 방법 ]

윈도우10에서는 CMD나 PowerShell에서 다음 명령어로 설치해 주면 됩니다.

SP> winget install "Samsung Notes"

* Microsoft Store에서 Samsung Notes 를 검색해서 설치해도 됩니다. 만일 설치 버튼이 없다면 위의 명령으로 설치하면 됩니다.

 

 

[ Windows 11에 설치하는 방법 ]

윈도우 11에서는 Microsoft Store에서 Samsung Notes 를 검색해도 2023년 08월 현재 설치 버튼을 찾을 수 없습니다. 앞으로 업데이트가 되어 버튼이 생긴다면 설치 버튼을 클릭하여 간단하게 설치하면 됩니다.

버튼을 찾을 수 없다면 다음과 같은 방법으로 설치하면 됩니다.

 

1. 다음 링크를 클릭해서 사이트에 접속합니다. https://store.rg-adguard.net/

 

Microsoft Store - Generation Project (v1.2.3) [by @rgadguard & mkuba50]

Online link generator for Microsoft Store. You can use it to get links to almost all apps, games, themes from the Microsoft Store.

store.rg-adguard.net

 

2. 주소 입력 창에서 다음 주소를 복사해서 입력하고 채크(✔) 버튼을 클릭합니다.

https://www.microsoft.com/store/productId/9NBLGGH43VHV

URL 입력

 

3.  채크버튼을 클릭한 후 다음과 같이 파일 리스트가 나옵니다. 2023년 08월 현재 제일 아래 있는 파일을 다운로드 하면 되지만 그 사이에 파일들이 추가될 수도 있으니 `ctrl` + `f ` 로 "SamsungNotes"를 검색해 주세요.

그 검색된 파일 중에서 ".msixbundle" 확장자를 갖는 링크를 클릭해서 파일을 다운로드해 주세요.

이제 다운로드한 파일을 실행해서 SamsungNotes를 설치해 주면 됩니다.

SamsungNotes 설치파일 다운로드

* 다운로드 과정에서 안전하지 못하는 파일이라고 오류가 나는 경우가 있습니다. 그래도 계속 진행하면 다운로드 할 수 있습니다.

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
앵커 태그는 다른 문서로 이동하거나, 같은 문서의 특정 위치로 이동하거나 혹은 다른 문서의 특정 위치로 이동하는데 사용됩니다.

 

[ 문법 ]

1. 다른 문서로 이동하려는 경우, href 속성에 이동하려는 문서의 경로 혹은 URL을 넣고 “링크 텍스트”를 클릭하면 해당 문서로 이동하게 됩니다.

01 	<a href="url">링크 텍스트</a>
02 	<!-- 예 -->
03 	<a href="https://google.com">구글로 이동</a>
04 	<a href="../test.html">test 문서 열기</a>

 

 

2. 같은 문서의 특정 위치로 이동하려는 경우(내부 링크), href에 #를 이용해서 id값을 지정하고 이동하고자 하는 태그에 같은 id값을 써주면 된다.
여기서 “Section 1로 이동”을 클릭하면 화면이 스크롤 하면서 해당 위치로 이동하게 됩니다.

01 	<a href="#section1">Section 1로 이동</a>
02 	...
03 	...
04 	...
05 	<h1 id="section1">Section 1</h1>

 

 

3. 다른 문서의 특정 위치로 이동하려는 경우 위의 1, 2번에서 설명한 것을 모두 사용하면 됩니다.
즉 href의 url끝에 id를 추가해주면 url의 문서로 이동한 후 id값이 있는 곳을 스크롤 됩니다.

01 	<!-- test1. html -->
02 	<a href="https://test.com/test2.html#Section1">test2.html로 이동</a>

 

01 	<!-- test2. html -->
02 	...
03 	...
04 	...
05 	<h2 id=”Section1” >test.html에서 이동해 오는 곳</h2>

 

 

앵커 태그는 인터넷이 지금처럼 발전할 수 있도록 하는데 기반을 만들어 준 태그입니다. 
초창기 인터넷은 문서의 특정 단어나 문장을 클릭하면 링크된 문서로 이동하는 기능을 이용해서 학자들 간 논문이나 문서를 효과적으로 사용하기 위해 개발되었습니다.
그것이 발전을 거듭해 지금의 거대한 인터넷이 된 것이지요. 만일 앵커 태그가 없었다면 불가능한 일이었을 겁니다.

 

 

<a> - Anchor 태그 사용 설명서

 

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
JRE(Java Runtime Environment)는 Java로 개발된 프로그램을 실행하기위해 필요한 환경을 제공해줍니다.

 


1. Java 사이트( https://www.java.com/ )에서 다운로드합니다.

Java 사이트 초기 화면

 

윈도우용 Java 다운로드


2. 다운로드가 완료되면 받은 파일을 실행시켜 줍니다.

설치 파일 다운로드

실행하면 다음과 같은 창이 나타납니다. 이 때 "예" 버튼을 클릭해 줍니다.

설치 파일을 실행한 후 첫 화면


3. 설치창에서 설치 버튼을 클릭해 줍니다.

Java 설치 창

 

Java 설치 진행 중 화면

 

Java 설치 완료 화면


 4. 설치가 끝나면 “win”키를 누르거나 시작 버튼을 클릭하고, 설치된 것 중에서 “Java 구성”을 클릭합니다.

설치된 Java 메뉴


 



5. “Java제어판” 창이 나오면 “Java” 탭을 선택하고, “보기” 버튼을 클릭합니다.
새 창이 나타나면 버전, 설치위치 등을 확인할 수 있습니다.

Java 제어판
JRE 설정 창

 

* 이 전에는 설치할 때 JDK를 설치할지를 선택하도록 되어 있었으나 위와 같이 설치하면 간단하게 JRE만 설치할 수 있습니다.

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
URL(Uniform Resource Locator)은 자원이 존재하는 위치만을 가리킵니다.
예와 같이 자원이 있는 곳의 경로 까지만 지정해 주는 것입니다.
예) https://developern.com/test
URN(Uniform Resource Name)은 프로토콜이나 포트 같은 정보를 제외한 리소스의 이름을 가리킵니다.
예와 같이 식별자를 포함한 순수한 이름만을 지정해 줍니다.
예) developern.com/test?id=123
URI(Uniform Resource Identifier)는 URL이 가지고 있는 자원의 위치 만이 아니라 자원에 대한 고유 식별자를 포함합니다.
예와 같이 경로 뿐만 아니라 123이라는 id값을 포함하게 됩니다.
예) https://developern.com/test?id=123 

 

URI와 URL 그리고 URN의 차이점

 

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
<!DOCTYPE> 태그는 HTML문서임을 선언하는 것으로 HTML문서의 제일 위에 작성합니다.

 

HTML4.01까지만 해도 다음과 같이 길어서 외워서 사용하기에는 어려움이 있었습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
이후 HTML5가 발표되면서 <!DOCTYPE>만 사용해도 웹 브라우저에서 HTML문서임을 인식합니다.
최근에는 에디터 혹은 통합 개발 환경(IDE)이 많이 발전하여, 단축키 등으로 자동 입력해 주기 때문에 외울 필요가 없어 졌습니다.

01 <!DOCTYPE>

 

[ 예제 ]

이 태그는 다음 예제와 같이 문서 제일 위에 추가해 줍니다.

01 	<!DOCTYPE html>
02 	<html>
03 	<head>
04 	  <title>HTML 문서 선언</title>
05 	</head>
06 	<body>
07 	  <div>
08 	    이 곳에 내용을 
09 	  </div>
10 	</body>
11 	</html>

 

 

HTML - A그룹 <!DOCTYPE> 태그는 무엇인가

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,
반응형
주석 혹은 코멘트(comment)라고 부르며, 소스 코드의 내용을 설명하기 위한 메모를 추가하는데 사용합니다.
주석은 코드를 이해하기 쉽게 설명하거나, 특정 부분을 임시로 비활성화하는 용도로 사용하는 것이 일반적입니다.
이 태그로 감싸고 있는 내용은 웹 브라우저에 표시되지 않으며, 소스에서만 내용의 확인이 가능합니다.

 

 

[ 문법 ]

HTML 주석은 다음과 같은 형식으로 작성합니다. 한 줄 또는 여러 줄의 주석을 감쌀 수 있습니다.

 

<!-- 한 줄 주석 -->
<!--
여러 줄 주석 1
여러 줄 주석 2
여러 줄 주석 3
-->

 

 

[ 예제 ]

01 	<!DOCTYPE html>
02 	<html>
03 	<head>
04 	  <title>주석 예제</title>
05 	</head>
06 	<body>
07 	  <h1>웹 페이지 제목</h1>
08 	  <p>이것은 웹 페이지의 본문입니다.</p>
09 	  
10 	  <!-- 한 줄 주석입니다.  -->
11 	  
12 	  
13 	  <!-- 
14 	    여러 줄에 걸친 주석을 작성할 수도 있습니다.
15 	    또한 다음과 같이 주석으로 처리된 태그는 비활성화 되어 동작하지 않습니다.
16 	    <div>
17 	      <p>이 부분은 표시되지 않습니다.</p>
18 	    </div>
19 	  -->
20 	</body>
21 	</html>

 

 

HTML - A 그룹 : <!-- 주석 --> 사용 설명서

반응형
블로그 이미지

DeveloperN

개발자 n의 개발 이야기(draft)

,