전체 글(13)
-
캡쳐링,버블링,이벤트 위임
HTML은 부모와 자식관계를 가지고 있음 => 여러개의 태그들이 서로 중첩되어 사용된다.이 부분에 대해 어떻게 교통정리가 될것인지를 본다버튼을 클릭했을때 버튼을 감싸고있는 부모 엘리먼트들이 있는데,제일 먼저 HTML에 장착되어있는 이벤트 핸들러가 호출이 되고바디에 장착되어있는 핸들러 , 필드셋, 마지막으로 클릭한 버튼에 장착된 핸들러가 순서대로 호출이 된다면이것은 "캡처링"이라고 합니다. (Capturing) 그리고, 우리가 클릭한 깊숙한 엘리먼트에서 이벤트가 발생을 하고, 그 위에 있는 상위 이벤트가 발생하고상위 이벤트로의 방향대로 이벤트가 발생하는 (호출되는) 것을 "버블링" (Bubbling)이라고 합니다.웹 브라우저의 이벤트 모델은 부모에 장착되어 있는 이벤트 부터 자식으로 나아가는 캡쳐링을 지원..
2024.05.10 -
fetch API 요청과 응답
Fetch란? fetch API에 대한 원리또는 문법적인 해석클라이언트와 서버가 있으면 서로 통신을 할때 클라이언트가 우선 요청을 하는데 fetch('javascript')라고 치고 실행=> 웹브라우저한테 자바스크립트라는 파일을 서버에게 응답 요청 fetch=> (자바스크립트X) html 실행=> 클릭시 html에 접속해서 데이터를 가져오고있음fetch 함수는 첫번째 인자로 전달된 데이터를 서버에게 요청하는 파일서버가 데이터를 꺼내 응답을 해야함(응답을 하는 시간 필요)EX> 1시간 필요한 동안 컴퓨터가 아무것도 안하고 있다=> 비효율적 (서버 응답할때까지 다른 일을 할 수 있다(then의 기능)) fetch API가 응답이 끝나면 callbackme 함수를 실행callbackme 함수를 실행시키도록 약..
2024.05.09 -
branch merge 방법과 특징 & Git Flow 브랜치 전략
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를 ..
2024.05.04 -
this
this?- 객체를 가리키는 키워드- 디스는 객체- this 어떤 객체? this는 호출한 놈호출한 놈이 없을 경우 기본값으로 this = window 객체window 전역객체 = 브라우저 창브라우저 창 : 자바 스크립트로 해당 브라우저를 제어할 수 있도록 브라우저에서 제공하는 전역 객체 앞에 호출 X default this => window 전역객체mdn의 this => 대부분의 경우 this라는 값은 함수를 호출한 방법에 의해 결정함수를 호출하는 방법에 의해 디스가 결정이 되는 것 this => 버튼 요소 (window X)(이유)1. 콜백 함수가 메서드 내부안에서 btn에 의해 다시 호출2. 내부에서 this를 버튼으로 설정니즈) 해당 this를 마음대로 다른 객체로 바꾸고 싶음ES5 => bin..
2024.05.03 -
시맨틱 태그를 사용하면 좋은 점과 position 속성들과 각각의 특징
[시맨틱 태그의 장점]1. 검색 최적화(Search Engine Optimization) = SEO=> 검색할 때 우리 사이트를 우리가 원하는 사람들에게 딱 맞게 보여줄 수 있도록 사이트를 최적화 하는 것방법 : head 태그 내부 meta 태그 꼼꼼히(로봇이 파악하기 쉽다) => 시맨틱 태그 작성 (검색 엔진이 더 정확히 파악) 2. 웹 접근성(Web Accessibility) => A11y(시각장애인은 스크린리더를 활용해 웹 사용)=> 장벽 없는(Barrier-Free) 인터넷을 만드는데 중요하다. 3. 개발자 관점에서 좋음 : 코드를 읽고 수정하는 관점에서 시맨틱 코드가 보기 좋음=> 생산성이 높다. [Position 속성과 특징] Position 속성 -글의 흐름에서 벗어나서 요소를 자유롭게 배..
2024.04.27 -
merge와 rebase 차이와 특징
1. merge 와 rebasemerge : 브랜치를 병합한다는 의미rebase : 베이스를 재정의하여 커밋 히스토리를 조작한다는 의미master에서 develop 브랜치가 파생되어서 각각의 브랜치에서 커밋이 진행되었다는 상황을 가정했을때이상황에서 merge가 일어나면 merge 커밋이 하나 생성이되고, 두 브랜치가 병합이 된다는 것을 볼 수 있습니다.동일한 상황을 가정했을때 브랜치가 파생된 커밋을 저희는 Base라고 부르는데 develop 브랜치에서 rebase가 발생하면,master 브랜치에 있던 커밋들 중 최신 커밋이 develop 브랜치에 새로운 베이스로 재정의가 됩니다.그리고 develop 브랜치에 쌓여있던 커밋들이 재정의된 base 위로 순차적으로 새로운 커밋이 쌓이게 됩니다.두개를 다시 본다..
2024.04.26