22년 이후로 3년 만에 새롭게 작성하는 글이다..그간 어떻게 지냈냐라고 묻는다면, 생각보다 큰 변화들이 있었다.내가 감히 할 수 있을까 싶었던,,, 결혼을 하게 되었다. 감사히도 나와 늘 함께해 주신다는 '반쪽'을 만나 가족이 될 수 있었고, 지금도 한창 행복한 신혼

나는 개발이 싫다. 그러나 개발자다.

언제 보여지냐 그것이 문제로다! 브라우저의 렌더링 경로(Critical Rendering Path)에 대해 살펴보자.

DOM구조를 되도록이면 의존하지 않는 셀렉터와 CSS의 관리가 중요하다.

SSR vs CSR 어떤 것이 더 나을까?

다른 서버의 자원을 요청하는 방식인 CORS에 대해서 알아보자.

스마트 폰의 시대가 시작되면서 네이티브 앱(native app)도 같이 부상했다. 하지만 네이티브 앱을 개발하고 유지 보수하는 것이 복잡할..

to be continued

오늘은 붙었다! 오늘의집 합격 후기!

면접에서 BFF라는 용어에 대해서 들었는데..못 알아 들었기에.. 학습하는 내용이다.

Web Workers API..란..싱글 thread인 자바스크립트에서..

웹/앱 사용자가 스크롤 했을 때, 수많은 스크롤 이벤트가 발생한다…. 이를 극복하는 방법을 알아보자.

웹 브라우저의 저장소에 대해서 알아보자.

OSI의 7 계층

다크모드를 활용할 수 있는 방법에 대해서 기재해보도록 하겠다.

미디어쿼리란?

하지만, 차이점들이 존재한다.키에 다양한 자료형을 허용한다.map.size – 요소의 개수를 반환할 수 있다.new Map() – 맵을 만든다.map.set(key, value) – key를 이용해 value를 저장,map.get(key) key에 해당하는 값을 반환m

1차원 배열에서 각자 다른 원소를 가진 두개의 포인터를 옮기면서 정답을 얻는 방법두 개의 포인터 (start,end)를 각각 0으로 셋팅하여 이동한다.left: 빨간색 ,right: 파란색 으로 두고 right를 점차 들려 나간다.해당 지점에서 합이 5를 넘었기 때문에

출처 :코드 스피츠cssom은 이런 구조로 생겼다.stylesheet에 id 값을 대입해 sheet를 가져올 수 있다.하나의 css 정의는 하나의 대응하는 rule이 된다.해당 코드를 실행하면이와 같이 sheet 리스트에 추가 된 것을 확인 할 수 있다.red 클래스

포문을 구성하는 방법은 해당 방식과 같다.for문의 경우는, 가운데가 truthy일때 실행된다.\*\*참고 '', flase,0,NaN,undefined,null //falsy를 제외하고 모두 truthy다. ex는 중괄호 마지막에 실행된다.해당과 같은 경우에는 fo