👋 sNyung
😍 개발문화 만들기 | 설계 | 생산성 | 도전
🏛 @Im-D @callbus

[Browser] 웹 브라우저 작동 원리

Rendering Engine Webkit Engine : Chrome, Safari Gecko Engine : Firefox Critical Rendering Path 웹 브라우저가 화면을 그리는데(Rendering) 지나야하는 주요한 과정이다. HTML 데이터를 파싱하고 DOM Tree를 빌드. 파싱 중 CSS 링크를 만나면, CSSOM(CSS…

[JS] Module

Javascript Module Java나 Python과 같은 OOP 언어들에서는 Class라는 이름으로 객체지향프로그래밍을 구현해왔다. OOP의 특징으로는 널리 알려져있듯 encapsulation, inheritance, polymorphism이 있습니다. 그 중 자바스크립트의 scope를 공부하고 있었는데 이 encapsulation…

[CSS] Transition

여러 사이트에서 보여주는 애니메이션은 생각보다 간단하게 구현을 해볼 수 있다. 왼쪽에서 오른쪽으로 넓어지는 애니메이션, 에 메뉴에 를 했더니 아래로 내려오는 애니메이션 정도의 한 변화는 제목처럼 Transition을 사용하여 간단하게 구현이 가능하다. Javascript단이 아닌 CSS…

[JS] Callstack

자바스크립트 정리 1 모든 내용은 자바스크립트는 어떻게 작동하는가에 기반하여 저만의 방식으로 정리하였습니다. 글이 많은 블로그여서 저는 재밌게 읽었지만 정리를 해보고 싶었습니다. 최근 자바스크립트의 인기를 하늘을 치솟고 있습니다. 언어랭킹을 볼 수있는 Github에 따르면 Total…

[Java] Call by Value와 Call by Reference

Call by Value와 Call by Reference의 차이 all by Value (값에 의한 호출) Call by Value는 가장 일반적인 함수 호출형태로 값을 복사하는 것 이다. Call by Reference (참조의 의한 호출) 간단하게 한줄로 요약하자면 변수의 주소를 전달하는 것 이다. java는 call by reference…