Javascript
1.[Javascript] 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)
즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)은 정의되자마자 즉시 실행되는 Javascript Function 를 말한다.크게 두가지로 분류된다.괄호로 둘러싸인 익명함수 부분전역 스코프에 불필요한 변수를 추가해
2.[Javascript] 호이스팅과 var, let, const 차이점
자바스크립트에서 변수를 선언하는 방식은 3가지가 있습니다.let, var, const 세가지의 차이점에 대해 정리하겠습니다.var는 재선언, 재할당 모두 가능하다.let은 재선언은 불가능하고 재할당은 가능하다.const는 재할당, 재선언이 모두 불가능하다.let, co
3.[Javascript] mouseover, mouseout 와 mouseenter, mouseleave 비교
버블링이 일어난다.버블링이 일어나지 않는다.안밖으로 갈때와 움직일때 마구 표시된다.내 의도대로 움직인다. 이벤트 중첩을 사용하려 했지만 mouseenter의 버블링이 되지 않는 특성상 사용할 수 없겠다. 이런 경우는 그냥 li에 mouseenter를 해야겠다.버블링이
4.[Javascript] 스크롤에 따른 버튼 처리, 내용이 요소의 크기를 벗어났을 때
display를 사용하면 갑자기 요소가 사라져서 이상한곳에 팝업창이 생긴다. 요소는 있으면서 보이지 않는 visibility가 적절할 거 같다.이제 안뜬다.참고:https://velog.io/@kkaemi/css-javascript-display-visibil
5.[Javascript]new 키워드를 통해 함수를 호출했는지 확인
함수 또는 생성자가 new 연산자를 사용하여 호출됐는지를 감지할 수 있습니다.instanceof 연산자는 생성자의 prototype 속성이 객체의 프로토타입 체인 어딘가 존재하는지 판별합니다.참고:https://developer.mozilla.org/ko/do
6.div contenteditable이용한 editor 생성 시 커서 위치 문제 해결
수정 위치에 표식용 태그를 삽입 후 해당 태그 위치를 커서 위치로 정하는 방식을 택했다.
7.div contenteditable이용한 editor 생성시 오류 해결 과정
아이디어: velog에서 하트 누른 글을 폴더별로 볼 수 있게 하는 방법 없을까. 유튜브의 저장목록처럼 일련의 과정 div태그에서 compositionend이벤트 발생 시 입력값을 반영해주는 콜백함수 호출 콜백함수: 현재 커서 위치를 찾는다. 콜백함수: e.targ