//log my lifestyle

Event mouse click 클릭할때 keyboard 키를 누를때 resizing window 화면사이즈 재조정할때 close window 화면을닫을때 page loading 페이지 로딩할때 form submission 양식을 제출할때 video is being played 영상이 재생될때 error 에러시 Bubbling 한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작한다. 가장 최상단의 조상 요소를 만날 때까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작한다. Capturing 이벤트가 하위 요소로 전파되는 단계를 말함 event.target 과 this의 차이 event.target은 실제 이벤트가 시작된 ‘타깃’ 요소 버블링이 진..

발단 깃헙에 한 리포지토리안에 폴더별(프로젝트별)로 파일을 정리하고싶었다. 배우면서하는 실습마다 공부기록은 남기고싶지만 여러 리포지토리 생성할 필요를 못느끼고, 또 지저분해보였다. 전개 간단했다. git 활성화한 폴더 내에 생성한 하위폴더를 통째로 add 해주면 된다. #상위폴더에서 git bash 실행, 깃 활성화 git init ##폴더째로 원격저장소에 올리고싶을때 git add '하위폴더명' ##하위폴더 내 일부 파일만 올리고싶으면 git add '하위폴더명/파일명' #리포지토리주소 연동 git remote add origin 리포지토리주소 #commit하기 git commit -m "메세지내용" #원격 리포지토리에 push하기 git push origin 브런치명 해결(feat. 에러 ) 그리고 ..

어젯밤에 이어서 commit을 해도 push를 할때마다 오류가났다. git@github.com: Permission denied (publickey). 어제는 어찌저찌 따라 눌러보고 하다가 push 성공했는데 오늘 새로운 리포지토리생성후 커밋을했는데 또 푸쉬가 안되는것이다. 그때부터 시작된 not found 오류의 개미지옥.. git remote: Not Found fatal: repository not found 공식문서를 통해 확인해보았다 https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/error-repository-not-found "repository가 존재하지 않거나 그 repository에 접근 권한이 ..

피그마기초 1강 frame&constraints 조절 ctrl(command) +R :이름바꾸기 선택하고 Shift +2 : 중앙정렬 이미지불러오기 1: fill영역통해 불러오기 2. shift+ctril(command)+k단축키통해 이미지불러오기, 이때 여러개 선택해서 불러올경우 다중이미지삽입가능 피그마 내 플러그인 통해 받기 #unsplash Auto layout :shift+A 오토레이아웃이 그룹화와 차이점이 뭘까했더니 auto layout은 frame으로 묶여지고 frame 내 선택된 항목간의 간격설정(padding), 정렬(수평,수직)이 가능 그룹화: ctrl G 피그마기초 2강 :figma로 아이콘만들기 아이콘 디자인가이드 참고 https://material.io/design/iconograp..

let ,constant 변수를 지정할때 let과 const로 선언할수있다. (ES6부터 적용됨) let const 그림은 어플리케이션마다 쓸수있는 메모리가 제한적으로 할당됨을 보여준다. mutable data immutable data 값을 변경할수있음 읽기,쓰기 가능 한번 선언한 변수는 고정값을 가짐 읽기만가능 const를 쓰는 이유: (1) 보안상 해킹 오류방지 (2) 하나의 어플리케이션 프로세스안에서 다양한 스레드(thread)가있고, 스레드에 동시에 접근하여 변경가능,이는 위험여지가있으므로 변하지않는값을 사용 (3) 변경할필요가없을때 const를 써서 작업시 실수 방지 var let 은 ES6부터 추가되었는데 ES6이전에는 var를 사용하였다. var는 변수를 지정하는데 큰 단점이 있어 사용을 ..

1)Head 안에 script 추가할때 브라우저는 한줄씩파싱하다가 스크립트태그를 만나면 파싱을 멈추고, js다운과 실행이 완료되었을때 페이지를 다시파싱한다. JS파일이 크고무거울수록 페이지로딩지연이 계속늘어난다. 사용자가 웹사이트를 보는데까지 많은 시간이 소요된다. 2 )body 밑에 script추가할때 사용자가 기본적인 Html컨텐츠를 빨리본다는장점 하지만 컨텐츠가 js에 의존적,즉 의미있는 컨텐츠를 보기위해서는 서버에서 자바스크립트를 받아오는 시간도 기다려야하고 실행하는 시간을 기다리는 단점도 있다. 3) head + async head에 script로 넣지만 async라는 속성값을 준다. asyn: 불리언타입의 속성이라 선언하는것만으로 true로 설정이 된다. 브라우저가 파싱을하다가 병렬로 js파일..