전체 글

[TIL] 이벤트 버블링?

이벤트 버블링이란 물 속에서 거품이 보글보글 올라오는 것에서 연상된 표현으로 하위에 요소에서 진행되는 이벤트가 상위의 요소들에게 전달되는 것을 말한다. 예를들어 button요소를 감싸고 있는 button요소를 클릭하면 button 요소에 있는 onClick이벤트가 실행되고 감싸고 있는 div에 있는 onClick이벤트가 실행된다. 만약 div위에 상위 요소가 있다면 그 요소도 마찬가지로 onClick이벤트가 실행된다. 이를 방지하기 위해서는 event.stopPropagation()이라는 웹API를 사용하면된다. 이를 사용할 경우 target하는 해당 요소에서만 이벤트가 발생하게 된다.

자바스크립트의 비동기 처리

프론트엔드를 공부하면서 많이 들어봤지만 아직도 개념이 정확하게 잡혀 있지 않다는 게 창피한 비동기 처리. 이번에 면접을 보면서 이 질문에 대답을 명확히 하지 못 했다는 수치심을 느끼고 이 참에 제대로 정리하고 넘어가고자 한다. 동기 VS 비동기 자바스크립트가 싱글 스레드다. 싱글 스레드란 무엇일까? 한 마디로 자바스크립트 언어는 한 번에 하나만 수행할 수 있다는 말이다. 그렇기 때문에 동기와 비동기의 개념이 나온 것 같다. 동기란 하나의 작업이 수행되고 끝난 다음에 또 다른 작업이 수행되는 것처럼 작업이 순서대로 하나씩 수행되는 방식을 말한다. 반대로 비동기란 하나의 업무를 처리하는 동시에 다른 업무도 처리하는 것을 말한다. 그런데 한 번에 하나의 작업만 수행한다던 자바스크립트로 어떻게 비동기 처리를 할..

비전공자를 위한 이해할 수 있는 IT 지식

가볍게 읽어보았다. 사실 읽는데 30분 정도밖에 안 걸릴 정도로 한 장에 그림도 많고 행간도 넓어서 읽는데 문제가 없다. 이미 개발알 하던 사람이라면 이 책을 읽는데 어려움이 없을 거라고 보고 사실 쉬워서 흥미가 안 생길 것 같다. 이 책을 추천할 만한 사람은 개발을 처음 시작하려는 비전공자, 혹은 개발자와 소통해야할 기획자 혹은 디자이너가 읽는게 좋을 것 같다. 실무에서 사용하는 문장을 이해하기 쉽게 일상에서 볼 수 있는 사레를 예시로 들어 설명을 쉽게 풀어나가고 있다. 저자 : 최원영 출판사 : 티더블유아이지 출발년월 : 2020년 07월 14일 https://product.kyobobook.co.kr/detail/S000001981866 비전공자를 위한 이해할 수 있는 IT 지식 | 최원영 - 교보..

Git rebase

git rebase vs git merge git merge 예를 들어 main브랜치가 있고 feature브랜치가 있다고 가정하자. feature브랜치에 main브랜치를 merge를 하고 싶을 경우 우선 git checkout feature 명령어를 이용해 현재 브랜치를 바꿔주고 main브랜치(git merge main)를 머지한다. 이렇게 되면 기존의 마지막 feature브랜치 가지들도 살아있으면서 새feature브랜치와 main브랜치의 내용을 모두 담고 있는 새로운 커밋을 생성한다. git rebase 위와 똑같은 상황이라 가정하고 feature브랜치에 main브랜치를 머지한다 해보자. git checkout feature, git rebase main 명령어를 실행한다. 이 명령어를 실행할 경우 위..