ougi FE

안녕하세요 오늘은 개발을 좀 더 깊이 있게 하기 위해서 브라우저의 동작 원리를 알아보려고 합니다 많이 어렵고 내용이 많을 수도 있지만 알아봅시다 !!브라우저의 구조 브라우저의 구조는 7가지로 나눌 수 있습니다브라우저 동작 원리사용자 인터 페이스(UI)브라우저에서 볼 수 있는 거의 모든 것 (주소창, 뒤로가기, 앞으로 가기, 새로고침, 북마크, 환경설정)브라우저 엔진사용자 인터페이스와 렌더링 엔진 사이에서 중재자 역할을 합니다렌더링 엔진HTML와 CSS, Javascript를 파싱하고 그 결과물로 페이지를 그려내는 역할을 합니다통신HTTP 요청과 같은 네트워크 호출 시에 실행합니다JS 엔진JavaScript 코드를 해석하고 실행합니다UI 백엔드브라우저가 동작하고 있는 운영체제의 인터페이스를 UI들을 처리합..

저는 요즘 개발을 하면서 팀원과 협업이 굉장히 중요하다고 느끼고 있습니다 그리고 저번 글에서 PR, Fork, Issue 사용법에 대해서 알아봤으니 오늘은 좋은 commit Message 대해서 다뤄보겠습니다⭐ 커밋 메시지 작성하기Feat: "팝업 구현" = 제목date: 2024.10.22 = 날짜 (optional)1. 팝업 아이콘2. 팝업창 = 본문3. 팝업 기능Resolves: #39 = 꼬리말 (해결된 이슈의 이슈코드)Related to: #33, #34 = 꼬리말 (관련된 이슈의 이슈코드)커밋 메시지는 제목, 본문, 꼬리말로 나눌 수 있는데 설명이 부족하지 않다면 제목만을 적어도 됩니다 하지만 어떤 변경사항이 있는지 설명이 필요하다면 본문과 꼬리말을 추가할 수 있습니다🎯 제목제목을..

오늘은 제가 예전부터 남겨보고 싶던 Issue, 예전에 의미를 모르고 사용했던 Fork, 더 잘 쓰고 싶은 PullRequest에 대해서 글을 써보려고 합니다❓ Issue란?먼저 Issue가 무엇인지 설명드리겠습니다 이슈(Issue)란 Github에서 프로젝트를 관리하는 기능 중 하나로, 소프트웨어 개발 및 유지보수를 위한 작업 목록, 버그 추적, 기능 개발, 코드 검토 등을 포함하는 모든 작업 항목을 말합니다 이슈를 생성하여 관리하면, 이슈에 대한 커밋 내역들을 하나의 이슈 페이지에서 관리가 가능합니다 어떤 작업을 해야 하는지누가 해야 하는지얼마나 진행됐는지이런 정보를 이슈에서 묶어서 관리할 수 있습니다또한 Comment를 이용하여 서로 의견을 주고 받을 수 있어 작업을 단위로 구분하여 협업하기 편하도..