개발story

- 이벤트 버블링은 어떤 요소에 대한 이벤트가 발생했을 때, 해당 요소의 최상위 부모까지 이벤트가 전달되어지는 과정이다. - 이벤트 캡쳐링과 정반대(최상위 부모에서 이벤트 발생 요소까지 이벤트 전달 되는 것) (이벤트 버블링이나 캡처링을 차단 하고 싶을때 e.stopPropagation을 호출하면 이벤트 전파를 막고 해당 이벤트만 실행시킬 수 있다.)

- key-value형태의 만료기한이있는 쿠키의 단점을 보완해 웹스토리지(로컬과 세션)가 만들어졌다. 로컬 스토리지는 클라이언트의 정보를 영구적으로(자동로그인) 저장하는 반면 세션 스토리지는(비로그인 장바구니) 브라우저를 닫을 경우 정보가 삭제된다. 쿠키는 로컬&세션에 비해 용량이 매우작고, 치명적인 단점에는 암호화가 없어 정보 도난 위험이있다. 웹 스토리지(Web Storage) : 웹 데이터를 클라이언트에 저장하기 위해 만들어진 키-밸류 형식의 저장소. 쿠키(Cookie) : 서버와 클라이언트 간의 지속적인 데이터 교환을 위해 만들어진 키-밸류 형식의 저장소

- This는 함수를 호출할 때 결정 전역범위,함수,객체에 속한 메서드의 내부함수에서 사용될 때 this는 전역객체를 가르킨다. 객체에 속한 메서드에서 사용될때 그 메서드의 객체(점 앞에 명시된 객체)를 가르킨다. 생성자에서 사용될때 생성자로 인해 생성된 새로운 객체를 가리킨다. 함수vs메서드 https://developer-talk.tistory.com/534 생성자 함수 https://ko.javascript.info/constructor-new

클로저는 무엇인가요? 원리와 왜 사용하는지? 클로저 : 함수와 해당 함수가 선언된 렉시컬 환경의 조합 원리 : 외부 함수가 반환된 후에도 외부 함수의 변수 범위 체인에 접근할 수 있는 함수 사용하는이유 : 전역 변수의 사용을 억제하고, 정보를 은닉하기 위해 사용

호이스팅에 대해 설명해보시오 - 호이스팅은 변수를 선언하고 초기화했을 때, 선언 부분이 최상단으로 끌어올려지는 현상 선언과 초기화(var - 동시o / let/const - 동시x) var - 변수선언 / 초기화 동시o -> 호이스팅발생 let/const - 변수선언 / 초기화 동시x -> 실제 선언부 만날때 초기화 (걸리는시간TDZ) (실행 컨텍스트에 변수가 선언은 되었으나 메모리가 할당되지 않아 ReferenceError가 발생) (함수 호이스팅은 선언문에서 발생) (변수 선언 3단계: 선언 -> 초기화 -> 할당) 참고 - JavaScript에서 호이스팅(hoisting)이란, 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는 것을 의미합니다. var로 선언한 변수의 경우 호이스팅 ..

Browser란? 사용자가 참조하고 싶은 웹페이지를 서버에 요청(URL)하고, 서버의 응답을 받아 브라우저에 보여주는 것 브라우저 렌더링 원리를 설명하시오 1. Load HTML/CSS -> Parse HTML/CSS -> Create Dom/Cssom Tree -> Render Tree생성 -> Layout단계 -> Paint 브라우저는 네트워크 통신으로 HTML 문서를 받아옵니다. 그리고 파싱을 진행한 후 이를 바탕으로 DOM Tree를 만듭니다. DOM Tree는 이후 CSSOM Tree와 합쳐져 렌더트리(Render Tree)를 만들게 됩니다. 렌더 트리를 만든 이후 레이아웃(Layout)과 페인트(Paint)라는 추가 작업을 거치게 됩니다. (Load - Html / css 파일을 불러온다/내려..

https://velog.io/@sylagape1231/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EC%B7%A8%EC%A4%80%EC%83%9D%EC%9D%84-%EC%9C%84%ED%95%9C-%EA%B2%8C%EC%8B%9C%EA%B8%80%EC%9E%90%EB%A3%8C-%EB%AA%A8%EC%9D%8C FE 취준생을 위한 포스트/자료 모음 프론트엔드 개발자로 취준하는 모든 분들을 위한 포스트 및 여러 자료들을 모아 정리했습니다. 🙂 (📢 계속 업데이트 예정) velog.io 코딩 사이트 정리 블로그 https://xi-jjun.github.io/2022-01-11/studyList html, css 웹페이지 만들때 디자인 참고 https:/..

💡Git bash로 push 하던 중 모르는 게 생겨서 구글링 하다가 문뜩 Git과 Github의 차이점이 궁금해서 서치 해보고 포스팅 💣Git 오픈 소스 버전 관리 시스템(VCS: Version Control System) 로컬에서 버전 관리 소프트웨어 개발 및 소스 코드 관리에 사용 💣Github Git Repository를 위한 웹 기반 호스팅 서비스 클라우드 서버를 사용해서 로컬에서 버전 관리한 소스코드를 업로드하여 공유 가능 분산 버전 제어, 액세스 제어, 소스 코드 관리, 버그 추적, 기능 요청 및 작업 관리를 제공 📖Summary Git은 버전 관리 '프로그램 / 시스템' Github는 버전 관리, 소스 코드 공유, 분산 버전 제어 등등이 가능한 원격 저장소 💡버전관리 하는 이유 - 개발자 ..