codeit-sprint

\-> 정적인 웹 사이트 호스팅https://app.netlify.com/teams/kbomi16/overview \-> HTML 표준 문서https://whatwg.org/✔️절대적픽셀화면을 표시하는 기준이 되는 가장 작은 정사각형✔️상대적%부모 태

파일 주소는 src 속성으로 지정.크기는 width와 height 속성으로 단위 없이 지정.이미지에 대한 설명은 alt파일 주소는 src크기는 width와 height 속성으로 단위 없이 지정자동 재생을 하는 autoplay 속성음소거를 하는 muted조작하는 버튼들을

최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 적용하는 것.우선순위가 높은 규칙일수록 우선적으로 속성을 적용한다.브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고

글의 흐름에서 벗어나서 요소를 자유롭게 배치할 때 쓰는 속성기본 값은 static이고, static인 경우 원래 있어야 할 위치에 배치위치를 정하는 기준에 대해서 top, right, bottom, left 속성으로 위치를 정할 수 있다.https://bake

유닉스는 1970년대 초반, 미국 벨 연구소 직원 켄 톰슨과 데니스 리치의 주도로 개발되었다.개발자들이 소프트웨어를 개발하고 실행할 수 있는, 편리한 플랫폼을 제공하기 위해 개발되었다.사람이 이해하기 쉬운 고급 프로그래밍 언어, C로 대부분 작성되었기 때문에, 수정해서

빠른 속도단순한 디자인비선형적 개발 지원(많은 브랜치 생성 가능)분산형 시스템리눅스와 같은 거대한 프로젝트도 속도 저하의 문제없이 관리 가능.Git은 버전 관리를 할 때 사용하는 소프트웨어 자체Github는 Git으로 관리하는 프로젝트의 복사본을 저장하는 서버를 제공해

❓시맨틱 태그를 사용하면 좋은 점을 설명해 주세요. 시맨틱 마크업은 `와 기능은 똑같지만 HTML 태그를 사용하여 문서의 구조와 의미를 명확하게 전달하는 것이다. 예를 들어, , , , , ` 등의 의미 있는 태그를 사용하여 콘텐츠의 의도를 더 명확하게 전달할 수 있

현재 브랜치를 다른 브랜치와 병합함.⚠️main 브랜치가 맨 왼쪽에 있어서 HEAD가 밀려버리는 상황이 발생하면 그래프 순서가 꼬인다는 단점!브랜치에서의 모든 변경 사항을 하나의 커밋으로 저장함.⚠️일반 merge에 비해 남아있는 정보량이 적어 개발용 브랜치에서 언제

배열과 유사한 객체 ex) HTMLCollection, NodeList, DOMTokenList, ...숫자 형태의 indexing이 가능하다.length 프로퍼티가 있다.배열의 기본 메소드를 사용할 수 없다.Array.isArray(유사배열)의 리턴값은 false다.

ECMA-262 - Ecma InternationalECMA스크립트한눈에 확인하는 호환성 테이블문법 검색으로 확인하는 호환성 테이블ES6부터는 연호를 사용해서 ES2015, ES2016이라고도 부른다.개발자들 사이에서는 짧고 빠르게 소통하기 위해서 ES6, ES7이라는

서버에 리퀘스트를 보내고 리스폰스를 받아서 처리하기 위해 사용되는 함수fetch함수 실행순서👇🏻fetch 함수는 Promise 객체를 리턴한다.Promise의 then 메소드로, '리스폰스가 왔을 때 실행할 콜백'을 등록할 수 있다.이렇게 등록된 콜백들은 then

객체나 배열을 복사할 때, 복사된 객체는 원본 객체의 참조를 공유한다.즉, 복사된 객체의 내부 객체는 실제로 복사되지 않고, 원본 객체와 같은 내부 객체를 참조한다.주로 Object.assign()이나 스프레드 연산자(...)를 사용하여 이루어진다.예시)객체나 배열을

지금 이 코드에는 다음과 같은 2개의 콜백이 있다.(1) (response) ⇒ response.text()(2) (result) ⇒ { console.log(result); }fetch 함수가 리퀘스트를 보내고, 서버의 리스폰스를 받게 되면 그때서야 이 콜백들이 순서

이벤트가 시작된 시점에서 위로 전파가 되는 현상이벤트가 시작된 시점에서 아래로 전파가 되는 현상버블링 개념을 활용하면 훨씬 효과적인 이벤트 관리를 할 수 있다. 예를 들어 자식 요소 각각에 이벤트 핸들러를 하나씩 등록할 필요 없이 부모 요소에서 한 번에 자식 요소들에

답: 4번먼저 num에 1이 저장된다.setTimeout함수는 비동기 함수라 이벤트 루프에 의해 태스크 큐에 대기한다.다음 num에 3이 저장되고, 콘솔에 3이 출력된다. 비동기 로직은 이벤트 루프를 통해 처리된다.힙객체가 저장되는 메모리 공간콜 스택함수 호출 시 실행

JSX는 자바스크립트의 확장 문법리액트로 코드를 작성할 때 HTML 문법과 비슷한 이 JSX 문법을 활용하면 훨씬 더 편리하게 화면에 나타낼 코드를 작성할 수가 있다.render 메소드는 첫 번째 아규먼트 값을 활용해서 HTML요소를 만들고, 두 번째 아규먼트 값에 그

배열 메소드 map에서 콜백 함수의 리턴 값으로 리액트 엘리먼트를 리턴하면 된다.참고로 반드시 JSX의 중괄호 안에서 map 함수를 써야 하는 것은 아님.아래처럼 renderedItems 라는 변수에 map의 결과를 지정해도 똑같이 렌더링 하게 된다.배열 메소드의 so

리액트 컴포넌트로 페이지를 나누는 라이브러리리액트 라우터를 사용하려면 반드시 라우터라는 컴포넌트가 필요하다. → BrowserRouter 이 컴포넌트를 최상위 컴포넌트에서 감싸주면 모든 곳에서 사용할 수 있다.Routes 컴포넌트 안에다가 Route 컴포넌트를 배치해서

CSS 규칙 안에서 CSS 규칙을 만드는 것.& 선택자를 사용해서 앞에서 만든 버튼 컴포넌트를 호버하거나 클릭했을 때 배경색이 바뀌게👇🏻👇🏻https://bakey-api.codeit.kr/api/files/resource?root=static&seqI

Key Props는 React에서 컴포넌트 리스트를 렌더링할 때 각 항목을 고유하게 식별하는 데 사용된다.리스트의 각 항목에 고유한 키를 제공하여 React가 각 항목의 상태를 효율적으로 유지할 수 있다.키를 사용하지 않으면 리스트의 순서가 변경되어도 React는 각

사용자가 성공적인 로그인을 하면 서버는 클라이언트에 인증서를 보낸다. 클라이언트가 이 인증서를 가져오면 어떤 사람인지 구별하는 것이다. 클라이언트는 리퀘스트를 보낼 때마다 이 인증서를 함께 보내야 한다. → 이럴 때 쿠키를 쓴다.서버로부터 리스폰스로 쿠키를 받으면, 클

브라우저에서 JavaScript를 실행하여 페이지를 렌더링하는 방식초기 로딩 시간이 느리지만, 이후 동적 업데이트가 빠름검색 엔진 최적화(SEO)가 어려움단일 페이지 애플리케이션(SPA)에 적합단일 페이지 애플리케이션(SPA), 동적 UI 업데이트가 중요한 경우서버에서