https://school.programmers.co.kr/learn/courses/30/lessons/77884 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr function solution(left, right) { var answer = 0; for (let i = left; i
분류 전체보기
CS 브라우저 렌더링 원리를 설명해보세요. 브라우저 렌더링은 웹 페이지를 화면에 표시하는 과정인데요, 이는 몇 가지 단계를 거치게 됩니다. HTML 파싱: 브라우저가 웹 페이지를 로드하면, 첫 번째로 HTML 파일을 받아옵니다. 이 파일을 읽으며 웹 페이지의 구조를 파악하고, 이를 DOM (Document Object Model) 트리라는 구조로 변환합니다. CSS 파싱: HTML 파싱과 병행하여 CSS 파일도 받아옵니다. CSS는 HTML 요소들의 스타일을 결정하고, 이를 CSSOM (CSS Object Model) 트리로 변환합니다. 렌더 트리 생성: DOM과 CSSOM 트리를 합쳐서 렌더 트리를 만듭니다. 렌더 트리는 화면에 실제로 그려질 요소들만을 포함합니다. 레이아웃: 렌더 트리가 만들어지면, ..
번개마켓 프로젝트에서는 next.js를 사용했다. 그렇다면 왜 next.js인가? 저번 팀 프로젝트에서는 프론트엔드에서 많이 쓰이는 기술이 React이기 때문에 해당 라이브러리를 이용한 프로젝트를 하고 싶었고, 해당 기술의 숙련도를 익히고 심화적으로 증진시키기 위함이 주 목적이었다. 사람들이 많이 이용하기 때문에, 혹은 취업하고 싶은 기업이 해당 경험을 우대해주기 때문과 같은 이유로 기술이나 툴을 선택한 것이 가장 주된 이유지만, 이번에는 기획, 설계, 구현까지 혼자 진행하는 프로젝트이기때문에 사용하는 렌더링 방식에 대해 명확히 알고 넘어가야겠다고 생각했다. 우선 Next.js를 사용하는 가장 큰 이유는, SEO(Search Engine Optimization)를 위한 Server-Side Renderi..
이번 프로젝트에서 S3, CloudFront, Route53을 이용하여 정적 웹 호스팅을 하게 되어 정리해놓고자 한다. S3, CloudFront, Route53은 각각 무엇인가? Amazon S3 Amazon S3의 'S3'는 Simple Storage Service의 약자로, 이 서비스가 사용자에게 간단하고 사용하기 쉬운 스토리지 서비스를 제공한다는 의미를 담고 있다. 데이터는 버킷이라고 불리는 리소스에 객체로 저장되며, 정적 웹사이트 호스팅을 지원한다. 여기서 말하는 정적 웹사이트는 동작이나 변화가 없는 웹사이트가 아니라 HTML, CSS, JS 파일이 항상 동일한 리소스인 것을 의미한다. 이에 대해서 너무나도 잘 설명해놓은 블로그가 있어 아래 링크로 첨부한다. S3의 정적 웹사이트 호스팅이란? S..
