전체 글 (128) 썸네일형 리스트형 [웹 기초] 인터넷은 어떻게 작동하는가 목차 (OPEN)🌐 인터넷이란🧠 프로토콜이란🌍 IP 주소와 DNS란📦 패킷, 라우팅, 그리고 안정성🔒 암호화와 공개 키 🌐 인터넷이란인터넷이란 전 세계에 있는 컴퓨터들이 서로 연결되어 정보를 주고받을 수 있도록 만든 거대한 통신망이다.조금 더 쉽게 말하자면, 수많은 컴퓨터들이 서로 친구가 되어 대화를 나눌 수 있게 해주는 길이라고 생각하면 된다. 많은 사람들이 "인터넷은 누가 만들고, 누가 관리하나요?"하고 질문하는데,흥미롭게도, 인터넷을 '소유'하거나 '관리'하는 단 한명 또는 한 조직은 없다. 대신에, 전 세계 수많은 컴퓨터와 서버들이 서로 연결되어 있고,모두가 약속된 규칙 (프로토콜)을 지켜서 서로 통신한다. 즉, 인터넷은 중앙 통제자가 없는 '협력 시스템'이라고 볼 수 있다.전 세계.. [Git] Merge와 Squash and Merge의 차이점 목차 (OPEN)🔀 Merge🧼 Squash and Merge🏫 Merge VS Squash and Merge 요약 비교 🔀 Merge📌 설명좀 더 풀어서 말하면 Create a merge commit 방식으로,브랜치에서 작업한 모든 커밋 기록을 그대로 유지하면서 병합한다.그리고 이때, 병합과 함께 merge commit이 하나 새로 만들어진다. 📋 예시브랜치 feature/login 에서 아래와 같이 작업했다고 하자.feat: 로그인 폼 추가test: 로그인 유닛 테스트 작성fix: 버튼 클릭 오류 수정 Merge를 하면 main 브랜치에는 아래와 같이 남게 된다.merge: feature/login 병합┣━ feat: 로그인 폼 추가┣━ test: 로그인 유닛 테스트 작성┗━ fix.. [웹 기초] 간단한 채팅창 만들기 실습 목차 (OPEN)🧱 전반적인 HTML 구조🎨 style 태그 안 CSS 속성✅ 최종 코드✅ 결과 지금까지 간단하게 살펴본 HTML과 CSS 기초를 활용해서간단한 채팅창 UI를 구현해보았는데,이를 간략하게 설명해보고자 한다. 🧱 전반적인 HTML 구조 ... ... ... ... 1️⃣ 먼저 이 문서는 HTML5 문서임을 선언해준다. 2️⃣ ... HTML 문서 전체.. [웹 기초] CSS의 속성 목차 (OPEN)📐 레이아웃 속성🎨 시각적 속성✍️ 타이포그래피 속성🎞️ 애니메이션 및 전환 속성🖱️ 인터렉티브 속성 오늘은 앞서 살펴봤던 CSS의 대표적인 5가지 속성에 대해 알아보고자 한다. 📐 레이아웃 속성HTML 요소들의 위키, 크기, 정렬, 배치 방식 등을 설정하는 데 사용하는 것으로,대표적인 속성들로는 아래와 같은 것들이 있다. 속성설명예시width, height크기 지정width: 300px;margin바깥 여백margin: 20px;padding안쪽 여백padding: 10px;display요소들의 배치 방식display: flex; 🎨 시각적 속성색상, 배경, 테두리 등 디자인과 관련된 속성으로,대표적인 속성들로는 아래와 같은 것들이 있다. 속성설명예시backgrou.. [웹 기초] CSS란 목차 (OPEN)🎨 CSS란🎯 CSS의 핵심 역할🔧 CSS 사용 방법🖇️ CSS의 계층구조 🎨 CSS란CSS란 Cascading Style Sheets의 약자로,HTML로 만든 웹 페이지에 디자인과 스타일을 입히기 위한 언어이다. 즉, HTML이 웹 페이지의 뼈대라고 하면,CSS는 그 위에 옷을 입히는 디자이너의 역할을 한다고 보면 된다. 🎯 CSS의 핵심 역할HTML은 구조만 만들 수 있기에색상, 크기, 위치, 애니메이션 등 시각적인 요소는 CSS가 담당한다. 대표적인 역할들은 아래와 같다. 스타일 요소설명예시🎨 색상글자나 배경에 색을 칠함colorbackground-color✏️ 글꼴글씨체, 크기, 굵기 설정 등font-familyfont-size📐 배치위치를 지정하거나 정렬함m.. [웹 기초] HTML이란 목차 (OPEN)📝 HTML이란🔎 HTML의 역할🏗️ HTML의 기본 구조🤝 결론 📝 HTML이란HTML은 HyperText Markup Language의 약자로써,직역하면 하이퍼텍스트를 위한 마크업 언어이다. 여기에서 HyperText란 다른 페이지나 문서로 이동할 수 있는 링크 기능을 의미하고,Markup Language란 문서의 구조를 태그() 로 표시하는 언어를 의미한다. 예를 들면,"여기가 제목이야""이거는 문단이야""이거는 이미지야"라는 정보들을 브라우저에게 알려주는 역할을 해주는 것이다. 🔎 HTML의 역할HTML은 웹 페이지의 뼈대를 만드는 언어라고 생각하면 되는데,자주 사용하는 역할들은 아래의 표와 같다. 역할예시 태그📰 제목 설정, ✍🏻 문단 작성🖼️ 이미지 삽.. [웹 기초] 웹(Web) 이란 목차 (OPEN)🌐 웹(Web)이란🤔 웹 VS 인터넷🛠️ 웹의 구성 요소💡 웹의 작동 원리 🌐 웹(Web)이란웹(Web)은 World Wide Web의 줄임말로,전 세계에 퍼져 있는 정보들을 인터넷을 통해 연결하고 보여주는 시스템이다.즉, 인터넷 위에서 작동하는 정보 공간이라고 할 수 있는 것이다. 🤔 웹 VS 인터넷앞서 인터넷 위에서 작동하는 정보 공간을 웹이라 한다고 했는데,이 둘의 개념을 헷갈려하는 경우가 많아서웹과 인터넷의 개념을 정리해보고자 한다. 구분웹 (Web)인터넷 (Internet)정의정보를 보여주는 시스템컴퓨터끼리 연결된 네트워크예시웹사이트, 블로그, 유튜브와이파이, 이메일, 메신저 쉽게 말해서 웹은 인터넷 위에서 돌아가는 서비스 중에 하나라고 생각하면 된다. 🛠️ 웹.. [Git] .gitignore 완벽 가이드 목차 (OPEN) .gitignore란 Git에서 .gitignore의 역할 .gitignore 파일 생성하기 터미널에서 직접 생성하는 방법 IntelliJ IDEA에서 직접 생성하는 방법 자동 생성 사이트를 이용하는 방법 (gitignore.io) .gitignore 문법 이해하기 주석 특정 파일 / 디렉토리 무시하기 패턴 매칭 .gitignore 적용 방법 이미 커밋된 파일에 .gitignore 적용하기 글로벌 .gitignore 설정하기 .git.. 이전 1 ··· 12 13 14 15 16 다음
