개발자가 되어보자

Virtual DOM UI의 이상적인 또는 "가상" 표현을 메모리에 보관하고 ReactDOM과 같은 라이브러리에 의해 "실제" DOM과 동기화되는 프로그래밍 개념이다. 실제 DOM과 같은 내용을 담고 있는 복사본 → js 객체 형태로 메모리 안에 저장되어 있다. 실제 DOM의 메모리상의 표현이며, 실제 DOM의 가벼운 사본이라고 볼 수 있다. 실제 DOM의 모든 element와 속성을 공유한다. 실제 DOM의 구조를 반영하며, 렌더링하는 데 필요한 정보만을 가지고 있다. 브라우저에 있는 문서에 직접적으로 접근할 수 없어서 화면에 보여지는 내용을 직접 수정할 수 없다. 렌더링 성능을 향상시키기 위해 가상 DOM을 사용하여 실제 DOM과의 차이를 최소화한다. 가상 DOM은 실제 DOM과 비교하여 변경된 부분..

HTTP 메소드 클라이언트와 서버 사이에 이루어지는 요청(request)과 응답(response) 데이터를 전송하는 방식을 말한다. 서버가 수행해야 할 동작을 지정하는 요청을 보내는 방법이다. GET 특정 리소스의 표시를 요청한다. = 리소스 조회 오직 데이터를 받기만 한다. 캐싱이 가능하기 때문에 조회할 때 POST도 사용가능하지만 GET을 사용하는 것이 유리하다. POST 요청 데이터를 처리할 때 사용한다. 주로 요청 데이터를 등록할 때 사용한다. 특정 리소스에 엔티티를 제출할 때 사용한다. 종종 서버의 상태 변화나 부작용을 일으킨다. PUT 리소스를 대체(전체 덮어쓰기, 이미 있는 경우)하거나 해당 리소스가 없으면 생성한다. 리소스를 전체 변경하려고 할 때 사용한다. 목적 리소스 모든 현재 표시를 ..

Javscript 변수 var var 키워드로 선언한 변수는 중복 선언 가능 → 변수명이 같은 변수를 중복해 선언해도 에러 발생 X javascript의 특징으로 모든 선언문은 호이스팅 되기 때문 호이스팅 : 모든 선언문이 해당 scope의 선두로 옮겨진 것처럼 동작하는 특성. 자바스크립트는 모든 선언문(var, let, const, function, class)이 선언되기 이전에 참조 가능 함수 레벨 스코프를 가진다 함수 레벨 스코프 : 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수 문제점 함수 레벨 스코프 전역 변수 남발 for loop 초기화식에서 사용한 변수를 for loo..

동등 연산자(==) vs 일치 연산자(===) 동등 연산자(==) 두 개의 피연산자가 동일한지 확인하여 boolean 결과를 반환한다 다른 타입의 피연산자들끼리의 비교를 시도한다 = 두 피연산자를 느슨하게 비교한다(타입이 다르면 형변환을 시도해 일치할 경우 true 반환) 동일한 타입일 때 비교 객체 : 두 피연산자가 동일한 객체를 참조하는지 문자열 : 두 피연산자가 동일한 문자를 동일한 순서로 가지는지 숫자 : 두 피연산자가 동일한 값을 가지는지. 두 피연산자가 모두 NaN이라면 false 불리언 : 두 피연산자가 모두 true이거나 모두 false일 때만 true BigInt : 두 피연산자가 동일한 값을 가지는지 심볼 : 두 피연산자가 동일한 심볼을 참조하는지 null과 undefined를 비교할 ..

Git Branch Merge Merge(일반적인 merge 방법) 변경 내용의 커밋 내역이 모두 그대로 남는다 → 각각의 브랜치에 남은 커밋을 히스토리에 그대로 남긴다 merge를 할 경우 merge 커밋이 새로 생긴다 → 불필요한 커밋 내역이 생겨 히스토리가 복잡하고 지저분해져 협업 과정에서 커밋 확인에 불편함이 생길 수 있다 Fast-Foward 방법과 3-Way-Merge 방법이 있다 Fast-Forward 하나의 브랜치와 다른 브랜치의 변경 내역 merge 하는방법이다 서로 다른 상태를 병합하는 것이 아니라 단순히 HEAD만 이동시키면 Merge가 처리될 수 있는 환경에서 수행한다 git merge —no-ff : 병합 대상 브랜치와 현재 브랜치와의 관계가 Fast-Forward라고 하더라도 머..

Cascading(캐스케이딩) CSS는 Cascading Style Sheet의 약자로 여기서 cascading의 사전적 의미로 '폭포같은, 계속적인, 연속적인' 등을 가진다 CSS에서 cascading은 가장 중요한 스타일 적용 규칙이다 CSS에서 여러 개의 충돌하는 스타일 규칙이 있을 때 각 요소에 어떤 스타일을 적용해야 하는지 결정하는 알고리즘 = 스타일 충돌을 해결하고 웹 페이지에서 요소의 최종 모양을 결정하는 역할을 한다 스타일 우선순위, 스타일 상속 두 가지 원칙을 따른다 스타일 우선순위 중요도 사용자 스타일 시트는 특별한 조건이 필요한 사용자가 그들의 필요에 맞게 구성해 놓은 스타일 시트로, 사용자가 시스템에 저장한 스타일이기 때문에 웹 페이지 제작자가 스타일 제어를 할 수 없다 제작자가 만..