Bleeding edge

★★★★★ 1. 브라우저 렌더링 원리 1-1.홈페이지가 사용자에게 보이는 순서에 대해 설명해 주세요 더보기 주소창에 입력된 주소를 통해 서버를 찾아간다. 이후 DNS가 연결해줄 곳을 찾는다.(실제 서버) 서버에서 HTML 파일을 클라이언트로 보낸다. HTML 문서는 파싱되어 DOM을 생성한다.(객체 형식) 중간에 css를 로드한다. link 혹시 style 태그를 만나면 DOM 생성을 중지한다. CSS를 파싱하고 CSSOM을 생성한다. 이렇게 만들어진 DOM과CSSOM은 렌더링(브라우저에 시각적으로 출력하는 것)을 위해 렌더 트리로 결합된다. 만약 script 태그를 만나면, css와 동일하게 JS코드를 실행하기 위해 파싱을 중단한다. 이후 JS엔진을 실행하고 JS코드를 파싱한다. 2. 호이스팅에 대해서..

img에 width와 height를 주면 속도가 빨라진다 일종의 will change가 될 수 잇다 [class*="tittle"] .appMain [class^="__summary"]{ }캐럿기호 등등 어떻게 다른지 체크할 것 .iframeWrapper { position: relative; padding-top: 56%; width: 100%; height: 0; } .iframeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } padding은 width를 기준으로 계산된다 .iframeRatio-4-3{ padding-top:75% } .iframeRatio-16-9{ padding-top:56.25 }

https://school.programmers.co.kr/learn/courses/30/lessons/64061 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 처음에 봤을 때 이 문제가 레벨1이라니! 하고 놀랬었던 문제.. 지금 와서 보니 레벨 1 맞는거 같은게 엄청 크게 고민해야할 것보다는 구현 로직이 상당히 심플하다. 단지 2차원을 쓰는게 익숙하지 않아서 어렵다고 생각이 들었던거 같다. 문제 로직은 상당히 심플하다 board와 move 두가지가 주어진다. 1. board에 있는걸 move에 있는 순서대로 한개씩 0으로 만들어준다. 2. 0으로 만든 ..