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

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

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

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

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

이 내용은 MDN에서 소개한 CSS Cascading을 해석하여 제 방식대로 이해한 내용을 정리한 것입니다.틀린 부분이 있다면 댓글로 남겨주세요 😆CSS?CSS는 Cascading Style Sheets의 약자로 웹페이지를 꾸미려고 작성하는 코드입니다.이름에서도 알 수 있듯, Cascading은 CSS의 기본 개념입니다. Cascading이란?Cascade의 사전적 의미 : 종속 공식문서인 MDN에서 소개하는 CSS에서의 Cascading 은 다음과 같습니다. "The cascade is an algorithm that defines how user agents combine property values originating from different sources.""캐스케이드는 서로 다른 소스에서 ..