👨🏻‍💻 TIL

✅ URL, IP, Port

URL

URL(Uniform Resource Locator)은 인터넷 상의 특정 웹 페이지, 파일, 이미지, 동영상 등의 리소스에 접근하기 위한 주소이다.

• ex) https://www.google.com

IP

IP(Internet Protocol)는 인터넷에서 컴퓨터나 기기들이 서로 통신하기 위해 사용하는 주소체계이다.

• IPv4: 네 개의 10진수로 표현된다. ex) 192.0.2.1
• IPv6: 16진수로 표현된다. ex) 2001:0db8:85a3:0000:0000:8a2e:0370:7334

Port

Port는 서로 다른 애플리케이션과 서비스들이 네트워크를 통해서 통신하게 하도록 하는 네트워크 통신의 필수 요소이다. 16비트로 표현되며, 80번(HTTP)과 443번(HTTPS) 포트가 잘 알려져 있다.

URL, IP, Port의 관계를 비유를 통해서 설명하자면, 다음과 같다.

우리가 어떤 건물(URL)에 택시를 타고 가기 위해서는 주소(IP)를 알아야 한다. 건물의 어떤 문(Port)을 여느냐에 따라 들어가는 곳이 달라진다.

✅ Emmet

Emmet이란 웹 개발자들이 HTML과 CSS 코드를 조금 더 빠르고 효율적으로 작성할 수 있도록 하는 확장 프로그램이다. Visual Studio Code에는 내장되어 있기 때문에 따로 설치할 필요가 없다. 개발을 한층 더 편리하게 만들어주니, 자주 사용되는 Emmet 명령어는 Cheat Sheet를 보고 익숙해지도록 하자.

✅ Git & GitHub

Git과 GitHub의 차이

• Git: 분산 버전 관리 시스템으로, 소프트웨어이다.
• GitHub: Git을 관리해주는 웹 서비스이다.

왜 써야 하는데?

• 프로젝트 전체가 아닌 수정 내역만 저장하고
• 협업을 할 때 용이하고
• 관리가 가능하다

Git을 이용한 작업의 흐름

git pull ➡ 코드 수정 ➡ git add. ➡ git commit -m "메세지" ➡ git push

꿀팁들

• pages를 사용하면 쉽고 빠른 웹 페이지 배포가 가능하다.
• GitHub 레포지토리에서 .를 누르면 웹 VSC를 열 수 있다.
• gitignore를 사용하지 않는다면 심각한 보안 문제가 발생할 수도 있다!

---

📗 회고

2차 과제를 준비할 때까지만 해도 떨어질 거라고 생각했던 멋사 프론트엔드스쿨 5기에 덜컥 합격하게 되었다. 사실 그동안 조금 많이 돌아왔던 것 같다. 처음에는 웹 개발에 관심이 생겨서 프론트엔드를 공부했다가, 데이터마이닝에 관심이 생겨서 파이썬을 공부하기도 했고, 애플리케이션 개발에 관심이 생겨서 스위프트를 공부하다가 결국 다시 출발점인 프론트엔드로 돌아오게 되었다.

여전히 아직 내가 프론트엔드 개발자가 되어야겠다는 확신이 서지는 않는다. 그래도 그나마 다행인 건 적어도 웹 개발자라는 범위가 생겼다는 것이고, 그 길을 위해서 이제는 달리기 시작해야 할 때라는 것. 4개월이라는 여정이 정말 고될 것 같다는 생각이 들다가도, 막상 코드를 치기 시작하면 즐거움을 느끼는 나를 찾아볼 수 있었다. 부디 이 열정이 4개월 동안 이어지기를.