2023/11/14

웹 페이지 빌드 과정(CRP) 브라우저가 HTML, CSS, Javascdript를 화면에 픽셀로 변환하는 일련의 단계 브라우저가 서버에서 응답을 받아 하나의 화면을 그려내는 것 서버에서 응답으로 받은 HTML 데이터를 파싱 HTML을 파싱한 결과로 DOM Tree(Document Object Model) 생성 파싱하는 중 CSS 파일 링크를 만나면 CSS 파일을 요청해서 받음 CSS 파일을 읽어서 CSSOM(CSS Object Model) 생성 DOM Tree와 CSSOM이 모두 만들어지면 이 둘을 사용해 Render Tree 생성 Render Tree에 있는 각각의 노드들이 화면의 어디에 어떻게 위치할 지를 계산 화면에 실제 픽셀을 Paint 1. DOM Tree(Document Object Mode..

컴포넌트 재사용이 가능한 각각의 독립된 모듈(UI) 코드 조각 이미 만들어진 컴포넌트들을 조합하여 화면을 구성 가능 컴포넌트 특징 구현 소스코드가 아닌 실행코드 기반으로 재사용할 수 있도록 이미 구현이 완료되어야 함 명세화 교체 가능한 컴포넌트를 개발하기 위해서는 표준을 준수하여 개발 해당 컴포넌트의 용도, 유형, 기술 표준과 인터페이스 등에 대한 정보들에 대해서 명세화 패키지화 컴포넌트가 개발되어 배포될 때 관련 문서와 코드들이 독립적인 단위로 패키지화 배포 사용자가 필요한 기능만을 패키지한 컴포넌트를 재사용 할 수 있도록 독립적으로 배포 가능 하나 이상의 클래스 들로 구성 하나 이상의 컴포넌트를 개발하기 위해서는 하나 이상의 클래스들을 바탕으로 개발 컴포넌트가 되기 위해서는 반드시 클래스나 객체로 만..

프레임 워크 뼈대나 기반구조 프로그램을 개발하기 위해 사용되는 틀을 제공하는 프로그램 프레임워크의 특징 특정 개념들의 추상화를 제공하는 여러 클래스나 컴포넌트로 구성 추상적인 개념들이 문제를 해결하기 위해 같이 작업하는 방법을 정의 컴포넌트들은 재사용이 가능 높은 수준에서 패턴들을 조작화 가능 라이브러리(Library) 소프트웨어를 개발할 때 프로그래밍 사용하는 비휘발성 자원의 모임, 공통으로 사용될 수 있는 특정한 기능들을 모듈화 리액트는 프레임워크가 아닌 라이브러리 라이브러리 종류 react: 리액트를 사용하기 위한 라이브러리 react-dom: react와 DOM 사이에 연결 react-scripts: 리액트 프로젝트 초기 셋업 도움 babel-cli: 바벨을 터미널에서 사용하기 위해 필요 babe..

카운트 다운 문제 설명 정수 start_num와 end_num가 주어질 때, start_num에서 end_num까지 1씩 감소하는 수들을 차례로 담은 리스트를 return하도록 solution 함수를 완성해주세요. 제한사항 0 ≤ end_num ≤ start_num ≤ 50 입출력 예 start_num end_num result 10 3 [10, 9, 8, 7, 6, 5, 4, 3] 입출력 예 설명 입출력 예 #1 10부터 3까지 1씩 감소하는 수를 담은 리스트는 [10, 9, 8, 7, 6, 5, 4, 3]입니다. 코드 class Solution { public int[] solution(int start, int end_num) { int[] answer = {}; return answer; } } ..

인덱스 바꾸기 문제 설명 문자열 my_string과 정수 num1, num2가 매개변수로 주어질 때, my_string에서 인덱스 num1과 인덱스 num2에 해당하는 문자를 바꾼 문자열을 return 하도록 solution 함수를 완성해보세요. 제한사항 1

외계어 사전 문제 설명 PROGRAMMERS-962 행성에 불시착한 우주비행사 머쓱이는 외계행성의 언어를 공부하려고 합니다. 알파벳이 담긴 배열 spell과 외계어 사전 dic이 매개변수로 주어집니다. spell에 담긴 알파벳을 한번씩만 모두 사용한 단어가 dic에 존재한다면 1, 존재하지 않는다면 2를 return하도록 solution 함수를 완성해주세요. 제한사항 spell과 dic의 원소는 알파벳 소문자로만 이루어져있습니다. 2 ≤ spell의 크기 ≤ 10 spell의 원소의 길이는 1입니다. 1 ≤ dic의 크기 ≤ 10 1 ≤ dic의 원소의 길이 ≤ 10 spell의 원소를 모두 사용해 단어를 만들어야 합니다. spell의 원소를 모두 사용해 만들 수 있는 단어는 dic에 두 개 이상 존재하..