patchnotes

웹 프론트엔드 핵심 개념: CSS, JavaScript 기초 다지기웹 페이지는 크게 세 가지 요소로 구성된다. 바로 구조를 잡는 HTML, 디자인을 입히는 CSS, 그리고 동작을 부여하는 JavaScript이다. 이 글에서는 CSS와 JavaScript의 핵심적인 개념과 사용법에 대해 알아본다.1. CSS (Cascading Style Sheets)란 무엇인가?CSS는 웹 페이지의 시각적인 표현을 담당하는 스타일 시트 언어이다. HTML이 웹 페이지의 뼈대를 만드는 언어라면, CSS는 그 뼈대에 색상, 크기, 레이아웃, 폰트 등 디자인을 입히는 역할을 한다. 즉, '어떻게 보여줄 것인가'를 정의하는 언어이다.2. JavaScript (JS)란 무엇인가?JavaScript는 웹 페이지에 동적인 기능을 부여..

웹 개발 기술 개요1. 웹(Web)과 인터넷(Internet)의 정의웹(World Wide Web)과 인터넷(Internet)은 종종 혼용되나, 개념적으로 명확한 차이가 존재한다.인터넷이 물리적인 도로망이라면, 웹은 그 도로 위에서 제공되는 서비스(건물, 상점 등)에 비유할 수 있다.인터넷 (Internet): 전 세계의 컴퓨터 네트워크를 상호 연결하는 거대한 통신 인프라 자체를 의미한다.웹 (World Wide Web): 인터넷을 기반으로 동작하는 서비스 중 하나로, HTTP 프로토콜과 하이퍼링크를 통해 사용자가 텍스트, 이미지 등의 정보에 접근할 수 있도록 하는 공간이다.2. 웹의 동작 원리: 클라이언트-서버 모델웹은 정보를 요청하는 클라이언트(Client)와 요청에 따라 정보를 제공하는 서버(Ser..

Trello, Notion, Jira Software 비교1. 도구별 개요 및 특징Trello (트렐로)개요: 칸반 보드 스타일의 시각적인 프로젝트 관리 도구이다. 보드, 리스트, 카드라는 간단한 구조를 통해 직관적으로 업무 현황을 파악하고 관리하는 것이 특징이다.특징:직관성: 드래그 앤 드롭 방식으로 작업 상태를 쉽게 변경할 수 있어 사용법이 매우 직관적이다.확장성: Power-Ups 기능을 통해 외부 서비스를 연동하여 기능을 확장할 수 있다.유연성: 칸반 방식 외에도 아이디어 보드, 개인 일정 관리 등 다양한 목적으로 활용 가능하다.Notion (노션)개요: 올인원 워크스페이스를 지향하는 생산성 도구이다. 문서 관리, 데이터베이스, 프로젝트 관리를 하나의 앱에서 모두 해결할 수 있다. 레고 블록처럼 ..

Git을 사용한 협업의 핵심, '병합(Merge)'브랜치는 왜 만들까?Git에서 브랜치(branch)를 새로 만든다는 것은 곧 **"협업"**의 시작을 의미했다. 여러 개발자가 동시에 각자의 기능을 개발하기 위해 독립적인 작업 공간(브랜치)을 만드는 것이다.병합의 흐름: Pull Request개발이 완료된 브랜치(추가 가지)는 기본이 되는 base 브랜치(주로 main 또는 develop)에 합쳐져야 했다. 이 과정을 '병합'이라고 부른다. 우리는 주로 GitHub을 통해 이 병합 과정을 진행했다. GitHub에서는 main 브랜치를 보호(Protect)하여 아무나 직접 코드를 수정할 수 없도록 설정할 수 있었다. 그래서 "제가 만든 feature 브랜치를 main 브랜치에 병합해주세요!"라고 요청하는 ..

Github 리포지토리 생성 후 Github와 연결하고 로컬 환경에 있는 파일을 올리기, 올려져 있는 파일을 내려받아 사용하기 실습을 진행하였다. 그리고 브랜치(branch)에 대한 개념과 실습을 진행하였다. 브랜치(Branch): 독립적인 작업 흐름을 만드는 방법Git의 브랜치는 '독립된 작업 공간' 혹은 **'프로젝트의 복사본'**으로 비유할 수 있다. 공식적으로는 특정 커밋을 가리키는 '포인터'라고 정의하지만, 협업의 관점에서는 **'원본은 그대로 두고, 새로운 기능을 안전하게 개발하는 별도의 흐름'**으로 이해하면 된다. 중요한 원본 문서는 그대로 보존한 채, 복사본을 만들어 자유롭게 수정하는 것과 같은 원리이다. 이때 만들어진 복사본이 바로 '브랜치'가 된다.그렇다면 왜 브랜치를 사용하는가?..

Git과 GitHub의 필요성 및 기본 개념Git과 GitHub의 사용 이유 - 버전 관리와 협업1. Git: 버전 관리Git은 '분산형 버전 관리 시스템'이다. 내 컴퓨터(로컬 환경)에서 파일의 모든 '유의미한 변경점', 즉 '버전'을 체계적으로 관리해주는 도구이다. Git은 파일의 변경 이력을 스냅샷 형태로 차곡차곡 저장하여, 언제든 원하는 시점의 버전으로 돌아가거나(롤백), 어떤 내용이 변경되었는지 명확하게 확인할 수 있게 해준다. 이로써 개발자는 불필요한 파일 복사 없이 오직 코드 작성에만 집중할 수 있는 환경을 얻게 된다. 2. GitHub: 협업과 안전한 백업을 위한 중앙 허브Git이 로컬 환경에서 강력한 버전 관리 기능을 제공하지만, 그 자체만으로는 다른 사람과 함께 일하는 '협업'에 한계가..

제목1제목2제목3제목4제목5제목6정렬 리스트1정렬 리스트2비정렬 리스트1비정렬 리스트2이태릭볼드볼드 이태릭↓구분선인용문1인용문2버전 관리 시스템(VCS)VCS (Version Control System)란?수많은 코드의 버전을 효율적으로 관리하고, 백업하며, 여러 개발자가 함께 일할 수 있도록 협업 기능을 제공하는 시스템이다.버전 관리의 필요성프로젝트 코드는 계속해서 수정되고 개선된다.이런 유의미한 변경 사항들을 체계적으로 관리하기 위해 버전을 사용한다.VCS의 종류로컬 VCS개인 컴퓨터 내에서만 버전을 관리 협업 기능은 없음중앙집중식 VCS (예: SVN, CVS)하나의 중앙 서버에 모든 파일과 버전 기록을 저장장점: 모두가 한 곳을 바라보기 때문에 이해하고 관리하기 용이단점: 중앙 서버에 문제가 생..