[개념] HTTP 메소드 정리

HTTP란HTTP(HyperText Transfer Protocol)란 HTML과 같은 하이퍼미디어 문서를 전송하기 위한 애플리케이션 계층의 프로토콜이며, 전통적인 Client - Server 모델을 따르는무상태 프로토콜로 서버가 두 요청 간에 어떠한 데이터(상태)도 유지하지 않습니다.   어려운 말인 것 같지만 이해하고 나면 별거 아닌 말입니다. 하나씩 살펴보면, HTTP는 글자에서 알 수 있듯, 하이퍼미디어 문서를 전송하기 위한 프로토콜입니다.여기서 하이퍼미디어 문서란, 우리가 흔히 사용하는 하이퍼링크와 사진, 영상 등을 문서에 담을 수 있는 문서를 말합니다. 우리가 흔하게 사용하는 유튜브라던가, 쇼핑몰 사이트를 대표적인 예로 들 수 있습니다. 애플리케이션 계층이란, 네트워크의 OSI 7계층 중 7계..

  • format_list_bulleted CS
  • · 2024. 6. 22.
  • textsms
[JS] 렉시컬 스코프(Lexical Scope) 란??

[JS] 렉시컬 스코프(Lexical Scope) 란??

스코프란?스코프(Scope)란, 유효범위란 뜻으로 자바스크립트를 포함한 모든 프로그래밍 언어에서 사용하는 중요한 개념입니다.  스코프의 개념을 잘 알아야 자바스크립트의 let, const와 var 선언자의 차이 등을 이해하는데 어려움을 덜 수 있습니다.  [추가 글 작성 예정입니다.] 스코프의 종류코드는 크게 두 가지의 스코프로 구분할 수 있습니다. 코드의 가장 바깥 영역, 전역 스코프함수 몸체 내부 영역, 지역 스코프 간단한 예제를 살펴보면,  예제 코드 내부에 위와 같은 스코프가 있는 것을 볼 수 있습니다. [추가 글 작성 예정입니다.] 렉시컬 스코프아래 코드를 예측 해보려고 합니다. 잠시 스크롤을 멈추고 생각해보길 권해드립니다.var x = 1;function foo() { var x = 10; ..

  • format_list_bulleted WEB/JavaScript
  • · 2024. 6. 22.
  • textsms
[Git] Git Flow 브랜치 전략?

[Git] Git Flow 브랜치 전략?

Git은 형상관리 도구 중 하나이며, Branch를 활용하여 파일의 변경사항을 기록 및 관리할 수 있습니다 그 중 오늘은 Git Flow 브랜치 전략에 대해 포스트하려 합니다.  Git-FlowGit-flow에는 5가지 종류의 브랜치가 존재합니다. 항상 유지되는 메인 브랜치들(master, develop)과 일정 기간 동안만 유지되는 보조 브랜치들(feature, release, hotfix)이 있습니다. master : 제품으로 출시될 수 있는 브랜치develop : 다음 출시 버전을 개발하는 브랜치feature : 기능을 개발하는 브랜치release : 이번 출시 버전을 준비하는 브랜치hotfix : 출시 버전에서 발생한 버그를 수정 하는 브랜치 위 그림의 흐름을 살펴보면,처음에는 master와 de..

  • format_list_bulleted CS/Git
  • · 2024. 6. 7.
  • textsms
[Git] 다양한 Branch 병합 방법(git merge, git rebase, git merge --squash)

[Git] 다양한 Branch 병합 방법(git merge, git rebase, git merge --squash)

Git이란?Git은 형상관리 툴 중 하나로, 파일을 작성하는데 있어, 변화하는 과정을 관리해주는 도구입니다.GitHub는 파일 관리에 있어 로컬에 있는 파일을 공유할 수 있도록 원격(remote) 저장소(repository)를 제공하는 장소이며, Branch와 커밋을 통해 파일의 변화 과정을 저장해둘 수 있습니다.Branch?가지(branch)라는 뜻으로, 하나의 파일을 관리할 때 변화하는 과정에서 서로 다른 방향으로 나아가면 이를 관리할 때 각각의 Branch로 관리할 수 있습니다자세한 사항은 여기를 통해 알아보고, 우리는 이 브랜치의 병합 방법에 대해 알아보겠습니다. 서로 다른 파일을 하나의 파일로 만드려면 어떻게 하지?  Branch는 파일의 변경사항(커밋)으로 이루어진 하나의 가지입니다. 현재 가..

  • format_list_bulleted CS/Git
  • · 2024. 6. 7.
  • textsms
[개념] CSS - Position 속성

[개념] CSS - Position 속성

이 글은 MDN의 내용을 공부하여 개인적인 해석을 한 내용입니다.틀린 부분이 있다면 댓글로 남겨주세요 😆 CSS - Position Attribute문서 상에 요소를 배치하는 방법에 대한 정의이며, top, right, bottom, left 속성이 요소를 배치할 최종 위치를 결정합니다.    Static - Default요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left, z-index 속성이 아무런 영향도 주지 않습니다. Relative 요소를 일반적인 문서 흐름에 따라 배치하며, 자기 자신 기준으로 top, right, bottom, left의 값에 따라 위치를 적용합니다.다른 요소에는 영향을 주지 않으며, 페이지 레이아웃에서 요소가 차지..

  • format_list_bulleted WEB/CSS
  • · 2024. 5. 31.
  • textsms
[개념] HTML - Semantic Element

[개념] HTML - Semantic Element

이 글은 w3school과 MDN의 내용을 공부하여 개인적인 해석을 한 내용입니다.틀린 부분이 있다면 댓글로 남겨주세요 😆 시맨틱 요소(Semantic Element)란?시맨틱(Semantic)이라는 단어에서 알 수 있 듯, 의미를 담고 있는 요소들을 말합니다. 이 개념은 HTML 뿐만 아니라 CSS, JavaScript에서도 적용되는 개념이며, 이번 글은 HTML 위주로 다룹니다.  W3School에서 소개하는 정의는   "A semantic element clearly describes its meaning to both the browser and the developer."브라우저에서 보여지는 단계와 개발 단계에서 모두 의미를 명확히 알 수 있는 요소   쉽게 말하면, 사용자가 보는 화면과 개발..

  • format_list_bulleted WEB/HTML
  • · 2024. 5. 31.
  • textsms
반응형