URL, IP, PORT /

오늘의 열쇠

• URL, IP 및 PORT의 개념
• 에멧 문법
• VSC 바로 가기
• GitHub 명령

---

웹의 도식화

‘www.daum.net’두번째 주소창에 입력하면?

↓

(클라이언트 – 라우터 – 라우터를 통해)

DNS 서버는 “www.daum.net”과 일치하는 IP 주소를 찾습니다.

(도메인 주소만으로는 어디로 가야할지 알려주지 않습니다.)

↓

서버에서 데이터를 받습니다.

↓

웹 브라우저에 표시합니다.

URL/IP/포트

(확실히 설명하기에 충분한 개념!)

URL(Uniform Resource Locator): 건물의 이름에 비유할 수 있습니다. 주소가 없으면 찾을 수 없습니다.

리소스가 네트워크에 있는 위치를 나타내는 규칙입니다. 쉽게 말해 웹사이트를 찾기 위한 주소입니다. 컴퓨터 네트워크의 모든 리소스를 나타낼 수 있습니다. B. 사진 및 비디오와 웹사이트 주소.

인터넷 프로토콜 주소(IP): 건물의 주소와 비교할 수 있습니다. 목적지에 도달하려면 IP가 필요합니다.

서로 인식하고 통신하기 위해 컴퓨터 네트워크의 장치에서 사용하는 특수 번호입니다.

항구: 건물의 문에 비유할 수 있습니다. 동일한 도메인이라도 PORT에 따라 표시되는 페이지가 완전히 다릅니다.

80 → 하이퍼텍스트 전송 프로토콜(HTTP)
443 → 보안 HTTP(HTTPS)

Emmet 구문

일종의 코드 스니펫(재사용 가능한 소스 코드나 텍스트의 작은 부분을 가리키는 프로그래밍 용어. 빠르게 코딩할 수 있다는 장점이 있음). 일반적으로 모든 개발 환경에서 지원됩니다. 더 많은 문법 여기보다

!
ㅏ
h1
h1 {안녕하세요 세계}
h1+p
h$*6
p#hello // p 태그의 ID는 hello
p.hello // p 태그의 클래스는 hello입니다.
table>(tr>td*6)*4 // tr은 4이고 td는 6입니다.
ul>li.아이템$*5
ul>li*5
p#hello1.hello2 // ID 및 클래스 포함
lorem*3 // 로렘 3 문장
lorem3 // 로렘 3단어
.one // div ID 생성
#one // div 클래스 생성
alt + 위/아래 키 // 행 위치 변경

VSC 바로 가기

모든 단축키 확인: Ctrl + K + S
설정: Ctrl + ,
사이드바: Ctrl + B
터미널 : Ctrl + Shift + ` (백틱, 슬랜트, 템플릿 리터럴)
명령 팔레트: Ctrl + Shift + P
동시 편집: Ctrl + Alt + 화살표 키(위, 아래) / Alt + 클릭 / Alt + Shift + 드래그
문장의 양쪽 끝으로 이동: home / end
위/아래 코드: Ctrl + Home / Ctrl + End
원하는 영역 복사: Ctrl + Shift + 화살표 키(위, 아래)
설명: 텍스트 드래그 + Ctrl + /
들여쓰기/내어쓰기: Ctrl + (, Ctrl + ) / Tab, Shift + Tab
줄 삭제: Shift + Del
파일 생성: Ctrl + N

깃허브 명령어

▷ 원래 GitHub의 기본 브랜치 이름은 master였으나 현재는 main으로 변경되었습니다. 알려진 바에 따르면 2020년 6월 Black Lives Matter 운동의 일환으로 인종 차별적 용어인 마스터-노예는 중립 용어인 메인-세컨더리로 대체되었습니다. (관련 기사)

▷ 키보드의 GitHub 페이지에 있는 경우. 를 누르면 개발 페이지로 이동하여 IDE를 실행하지 않고 코드를 변경할 수 있습니다.

▷ ID, PW와 같은 중요한 보안 요소를 GitHub에 업로드하지 않도록 주의하세요. .gitignore로 무시할 파일을 추가하면 이러한 상황을 방지할 수 있습니다. (관련 블로그)

$pull : GitHub 파일을 로컬로 다운로드합니다. 개별 프로젝트에 필요하지 않은 프로세스입니다.

(로컬에서 파일 변경)

$git을 추가합니다. : 바탕화면에 수정된 모든(.) 파일을 업로드 합니다. (항공편을 기다리는 승객의 준비 상태)

$ git commit -m ‘message’ : 변경 사항에 대한 ‘메시지’를 기록합니다. (도착 비행기에 탑승하는 승객)

$ git push : GitHub에 업로드합니다. (비행기가 이륙한다)

—
상위 폴더로 이동해야 하는 경우 “cd ..”를 입력합니다.

---

플러스 생각

+ Linux 명령은 VS Code, GitBash의 터미널에서 사용됩니다. 너무 편리한 것 같습니다.

+ 또한 브라우저 렌더링(리페인트, 리플로우)에 대해서도 알려주세요. 이제 기본을 다집니다. 추후 연구에서!

+ 키보드 단축키 emmit에 익숙해져 있다면 빠른 프로그래밍에 좋습니다.

+ 높은 곳을 보면 처음부터 압박감이 있다. 차근차근 올라갑시다.

+ 프로그래밍 시험을 집중적으로 준비하자!

+ 프로젝트에 참여했다면 무엇에 기여했는지 기술하십시오.

+ Git도 많이 쓰지만 SourceTree도 많이 쓰입니다.

+ Div를 사용하여 개발 속도를 높입니다. 그러나 웹 접근성을 고수한다면 div 사용을 최소화해야 합니다.

+ 내 성격은 코드와 다릅니다. 내 코드가 비판을 받더라도 화내지 마십시오. (컨설팅을 통해 더 발전할 수 있습니다!)

+ GitHub 관리가 중요합니다. 마크다운 언어를 배우십시오. 하루에 1 커밋. 풀을 열심히 심자.

+ 서재의 그림을 많은 사람들에게 보여줍시다. 동기를 부여하십시오.