dada's

💡 해당 내용은 제가 차이점 및 예시 등이 궁금해서 chatGPT를 통해 얻은 내용입니다. 깃(Git)에서 머지(Merge)와 리베이스(Rebase)는 둘 다 브랜치의 변경 사항을 다른 브랜치에 통합하는 데 사용되지만, 그 방식과 결과에는 차이가 있습니다. ✅ 머지(Merge): 머지는 두 개의 다른 브랜치에서의 작업 내용을 결합하는 과정입니다. 일반적으로 다음과 같은 작업을 수행합니다: 특정 브랜치에서 변경 사항을 커밋하여 기존 브랜치와 통합합니다. Git은 두 브랜치의 공통 부모를 찾고 변경 사항을 하나로 합칩니다. 새로운 머지 커밋이 생성되고, 이 커밋은 두 브랜치의 변경 사항을 합친 내용을 나타냅니다. 머지는 일반적으로 브랜치의 히스토리를 유지하며, 명시적인 머지 커밋을 생성합니다. 📌 머지(Me..

렌더링( Rendering )이란? 서버로부터 HTML, CSS, Javascript 등 개발자가 작성한 문서를 받아 브라우저에 출력되는 과정으로 여기서 서버 사이드 렌더링과 클라이언트 사이드 렌더링은 어떻게 하면을 렌더링 하는지 차이가 있다. 클라이언트 사이드 렌더링(CSR: Client Side Rendering) 서버에서 전체 페이지(빈 페이지)를 최초 렌더링하고 사용자가 요청할 때마다 클라이언트 내(브라우저)에서 렌더링 하는 것을 의미한다. [동작 과정] 1. 사용자가 홈페이지를 최초로 접속한 경우 클라이언트는 이를 확인하고 서버로 요청한다 2. 서버는 빈 페이지(HTML, CSS)를 클라이언트에 전달한다 3. 전달 받은 클라이언트에서 해당 화면을 그려주고 스크립트를 다운로드하여서 최종적인 화면을..

MVC가 만들어진 계기 1979년 제록스 팔로 알토 연구소에선 IT컴퓨팅 기술의 수많은 원형을 개발하고 있었는데 그 중 최초의 태블릿 PC로 불리는 다이나북을 개발하고 있던 다이나북팀은 사용자들이 쉽게 사용할 수 있는 컴퓨터를 만들고 싶어했다. 그 당시에는 컴퓨터는 현재처럼 쉬운 GUI(그래픽 유저 인터페이스)가 없었다. 💡 GUI : 사용자가 컴퓨터와 정보를 쉽게 교환하고 상호작용 하기 위해 아이콘과 같은 그래픽을 이용한 인터페이스 그렇기 때문에 다이나북 팀은 GUI를 만드는데 심혈을 기울였고 GUI를 잘 만들어야 일반 사용자들이 사용할 수 있다고 생각했다. GUI를 만들던 중 한가지를 깨닫게 되는데 사용자가 인식하는 방법과 컴퓨터가 정보를 인식하고 처리하는 방식이 다르며 그렇기 때문에 둘을 잘 분리해..

HTTP(Hypertext Transfer Protocol) : 서버간에 데이터를 주고받기 위한 통신 프로토콜이다. 그렇다면 프로토콜은 무엇인가 프로토콜이란 단어 자체만 보면 뭔가 어려운 단어처럼 느껴지지만 사실 프로토콜이란 서로 데이터를 주고 받을때 같은 규칙을 사용하여 누구나 다 알고 쉽게 사용하기 위한 규약(약속)이다. 웹상에서는 이러한 프로토콜을 http 통신 프로토콜을 사용하는것이다. HTTP 프로토콜의 특징 1. 각각의 데이터 요청이 독립적으로 관리가 된다. => 다수의 요청 처리 및 서버의 부하를 줄일 수 있는 성능상의 이점이 생긴다. 2. 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80번이다. HTTP 요청 메서드 웹에서는 url을 이용하여 서버에 특정 데이터를 요청 할 수 ..

Web Application Architecture🏗 : 아키텍쳐(Architecture)란 구조, 계획, 기준, 규칙 또는 설계 결과물을 뜻한다 💡웹서비스 동작 방식 [WEB Browser] ⇄ [WEB Server] ⇄ [WAS] ⇄ [DB Server] 1. WEB Browser(웹 브라우저) ➤ 역할 - Request 요청 / Response 응답 - HTML 과 CSS 명세에 따라 HTML 파일을 해석 및 표시 (명세 : W3C) ➤ 종류 - Mozilla Firefox - Microsoft Edge - Google Chrome - Opera ➤ 구성요소 사용자 인터페이스 : 주소표시줄, 이전/다음 버튼, 북마크 메뉴 등 요청한 페이지를 보여주는 부분을 제외한 나머지 부분이다 브라우저 엔진 : ..

웹 환경에서는 반복적으로 사용되는 데이터나 정보를 종류와 특성에 맞게 저장하고 재활용하기 위해 여러 방식을 사용한다 웹 생태계를 파악하는데 도움이 되는 쿠키, 세션, 토큰, 캐시, CDN까지 알아보자 1. 쿠키🍪 쿠키는 크롬이나 사파리같은 브라우저에 저장되는 작은 텍스트 조각이다. 브라우저는 사용자의 컴퓨터에 설치되어 있는 소프트웨어이므로 쿠키는 사용자가 가지고 있는 정보라고 할 수 있다. 그러나 쿠키는 당사자뿐만 아니라 제 3자도 조회할 수 있기 때문에 개인정보나 보안상 민감한 정보를 저장하는 데는 적합하지 않다. 따라서 남에게 보여지거나 사용자에 의해 조작되어도 크게 문제가 없는 정보를 브라우저에 저장함으로 웹사이트 이용을 편리하게 만들어주는 것이 쿠키이다 예) 검색기록, 다크모드, 자주보는 웹툰 목..