HTML은 부모와 자식관계를 가지고 있음 => 여러개의 태그들이 서로 중첩되어 사용된다.이 부분에 대해 어떻게 교통정리가 될것인지를 본다버튼을 클릭했을때 버튼을 감싸고있는 부모 엘리먼트들이 있는데,제일 먼저 HTML에 장착되어있는 이벤트 핸들러가 호출이 되고바디에 장착되어있는 핸들러 , 필드셋, 마지막으로 클릭한 버튼에 장착된 핸들러가 순서대로 호출이 된다면이것은 "캡처링"이라고 합니다. (Capturing) 그리고, 우리가 클릭한 깊숙한 엘리먼트에서 이벤트가 발생을 하고, 그 위에 있는 상위 이벤트가 발생하고상위 이벤트로의 방향대로 이벤트가 발생하는 (호출되는) 것을 "버블링" (Bubbling)이라고 합니다.웹 브라우저의 이벤트 모델은 부모에 장착되어 있는 이벤트 부터 자식으로 나아가는 캡쳐링을 지원..

merge의 두가지 상황[1] fast-forward merge[2] 3-way merge  [1] fast-forward merge : 가장 기본적인 merge로 Fast Forward Merge는 현재 브랜치의 HEAD가 대상 브랜치의 HEAD까지로 옮기는 merge이다.해당 명령어를 통해 Fast Forward Merge 가능git switch [현재 브랜치]git merge [대상 브랜치]- 현재 브랜치의 commit을 대상 브랜치의 commit까지 옮기는 작업이다.main 브랜치의 HEAD를 feature-view branch의 HEAD까지 옮기고 싶다면 아래의 과정을 거쳐야 한다. 1. git switch main을 이용해 main 브랜치로 전환2. git merge feature-view를 ..

this?- 객체를 가리키는 키워드- 디스는 객체- this 어떤 객체? this는 호출한 놈호출한 놈이 없을 경우 기본값으로 this = window 객체window 전역객체 = 브라우저 창브라우저 창 : 자바 스크립트로 해당 브라우저를 제어할 수 있도록 브라우저에서 제공하는 전역 객체 앞에 호출 X default this => window 전역객체mdn의 this => 대부분의 경우 this라는 값은 함수를 호출한 방법에 의해 결정함수를 호출하는 방법에 의해 디스가 결정이 되는 것  this => 버튼 요소 (window X)(이유)1. 콜백 함수가 메서드 내부안에서 btn에 의해 다시 호출2. 내부에서 this를 버튼으로 설정니즈) 해당 this를 마음대로 다른 객체로 바꾸고 싶음ES5 => bin..

[시맨틱 태그의 장점]1. 검색  최적화(Search Engine Optimization) = SEO=> 검색할 때 우리 사이트를 우리가 원하는 사람들에게 딱 맞게 보여줄 수 있도록 사이트를 최적화 하는 것방법 : head 태그 내부 meta 태그 꼼꼼히(로봇이 파악하기 쉽다) => 시맨틱 태그 작성 (검색 엔진이 더 정확히 파악) 2. 웹 접근성(Web Accessibility) => A11y(시각장애인은 스크린리더를 활용해 웹 사용)=> 장벽 없는(Barrier-Free) 인터넷을 만드는데 중요하다. 3. 개발자 관점에서 좋음 : 코드를 읽고 수정하는 관점에서 시맨틱 코드가 보기 좋음=> 생산성이 높다. [Position 속성과 특징] Position 속성 -글의 흐름에서 벗어나서 요소를 자유롭게 배..

캐스케이딩의 기능? - 웹 브라우저를 사용하는 사용자도 자기가 보고자 하는 웹 페이지의 디자인에 대한 자기 결정권이 있어야 한다. - 자기가 만든 웹 페이지가 어떤 모습으로 보여질지를 결정할 수 있는 권한(자기결정권)이 있어야 한다. 서로 조화를 이뤄서 웹을 만들어 간다는 철학을 가지고 있었고 그런 철학을 구현할 수 있는 기능으로 웹 창시자가 선택한 언어 => "CSS"라는 것. BUT 조화를 이루기 위해서는 "대가"가 있어야 한다! "조화의 대가" => 우선순위 즉, 하나의 웹페이지를 1. 웹브라우저도 기본 디자인이 있고 2. 사용자도 자기가 원하는 디자인을 반영하며, 3. 컨텐츠를 생산하는 사람(저자)도 디자인을 적용한다면 하나의 웹 페이지가 여러 디자인의 영향을 받을 수 밖에 없다는 것. 즉, 질서..