웹 렌더링은 웹 페이지를 사용자에게 보여주는 과정이다.서버나 브라우저가 HTML, CSS, JavaScript 등을 이용해서 실제 화면을 만들어 보여준다.렌더링 방식에 따라 로딩 속도, SEO, 사용자 경험 등이 달라질 수 있다.CSR (Client Side Rende

Scope > 전역 / 지역 → 스코프의 범위 함수 / 블록 → 스코프가 만들어지는 기준 중첩 스코프 → 스코프가 들어가 있는 구조 렉시컬 스코프 → 스코프가 결정되는 기준 스코프 체인 → 변수를 찾는 방법 스코프란?

1. React Hooks란? Hook이란 무엇인가?: Hook은 함수 컴포넌트에서 React의 다양한 기능을 사용할 수 있도록 해주는 기능이다. : 화면에 영향을 주는 상태를 저장한다. : 렌더링 이후 특정 작업을 실행한다. : 리렌더링 없이 값을 저장하

git config --global user.name "사용자명(닉네임)" : 깃 저장소에서 사용할 사용자 정보 중 사용자명을 설정하는 깃 명령어git config --global user.email "사용자메일"git init : 터미널이 열려 있는 폴더를 깃 저장소

log는 출력하는 기능(메서드)이야. console에게 "이 값을 출력해 줘!"라고 요청하는 것 null 은 존재하지 않는 값을 의미함. undefined는 값이 할당되지 않았다는 것을 의미함. 객체형&심볼형 typeof연산자는 변수의 자료형을 알아낼 수 있음.

리액트(React)는 메타(구 페이스북)에서 개발한 웹 애플리케이션의 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리이다.리액트 라우터(React Router)는 리액트 앱에서 페이지 이동을 구현할 때 사용하는 표준 라이브러리이다.전통적인 웹사이트(MPA

서버와 비동기 통신을 하기 위해 자바스크립트에서 사용하는 가장 대표적인 두 가지 방법이다.브라우저에 기본적으로 내장되어 있는 API로, 별도의 설치 없이 즉시 사용할 수 있는 자바스크립트 내장 기능이다.장점: 내장 기능이기 때문에 외부 라이브러리 설치가 필요 없고,

서로 다른 소프트웨어가 서로 통신하고 데이터를 주고받을 수 있게 해주는 연결 고리이다.: 앱과 서버 간의 소통 창구이다. 예를 들어, 날씨 앱이 자체적으로 모든 날씨 정보를 생산하지 않고 기상청의 서버에 데이터를 요청하고 응답받아 화면에 띄우는 과정이 대표적인 API의

통신이란? 사람/기계들 간에 여러 종류의 매체를 이용해 정보를 전달하는 과정이다. 전화, 이메일 등 우리가 살아가면서 하는 모든 온라인상의 커뮤니케이션이 통신에 속한다. 방식 데이터 형식(: 데이터가 어떤 형태의 '문자'나 '신호'로 이루어져 있는가에 따른 분류이다.

퍼블리싱 웹 퍼블리싱이란? 웹 퍼블리싱은 웹 디자이너가 만든 시각적 디자인을 웹 브라우저에서 실제 작동 가능한 웹 페이지로 구현하는 작업이다. HTML, CSS, JavaScript를 사용하여 뼈대를 잡고, 스타일을 적용하며, 동적 기능을 추가한다. 이를 전문적으로

개발자가 실수한 부분을 미리 알려주기 때문에 오류를 줄이고, 여러 사람이 함께 개발할 때 일관된 코드를 작성하는 데 도움이 된다.문법 오류 검사사용하지 않는 변수 확인코드 스타일 검사프로젝트 규칙 적용위 코드에서는 b를 사용하지 않았기 때문에 ESLint가 사용하지 않

TailwindCSS는 유틸리티 퍼스트(Utility-First) CSS 프레임워크입니다.HTML 클래스 속성 안에 스타일을 바로 작성하는 방식입니다. 별도의 CSS 파일 없이도 스타일링이 가능합니다.예를 들어 버튼을 만들 때 기존 방식이랑 비교하면 이렇습니다:처음에는

기능 명세서는 "우리가 만들 서비스가 구체적으로 어떻게 움직여야 하는지"를 상세하게 정의한 프로젝트 설계도입니다. 사용자의 행동에 대해 시스템이 어떻게 반응해야 하는지 기획자, 개발자, 디자이너가 미리 약속하는 공통의 설명서와 같습니다.커뮤니케이션의 기준: 팀원 간의

브라우저의 스크롤을 특정 위치로 이동시킬 수 있는 메소드. 사용 방법은 다음과 같다.window.scroll(x좌표, y좌표)window.scroll(options객체)요소의 윗면 경계가 최상위 요소의 윗면 경계와(쉽게 말해 브라우저 화면 맨 위) 얼마만큼 떨어져 있는

CSS는 Cascading Style Sheets를 의미한다.Cascading:계단식Style:멋을 내다Sheets:(종이)한 장\-> 계단식으로 스타일을 정의하는 문서CSS는 HTML 문서에 스타일을 더해준다. HTML 문서는 태그가 태그를 포함하는 계단식 구조를 지

HTML이란 HTML은 HyperText Markup Language를 의미한다. HyperText:하이퍼링크를 통해 어떤 문서에서 다른 문서로 접근할 수 있는 텍스트 Markup:(콘텐츠를) 표시하다 Language:언어 ->하이퍼 텍스트와 콘텐츠를 표시해주는