종구's Tech Blog

CRP, Critical Rendering Path (브라우저 렌더링 과정)HTML > DOMHTML 문서를 일종의 객체 모델 (Object Model)로 알기 쉽게 변환하는 과정 HTML (Hyper Text Markup Language) - 하이퍼 텍스트 마크업 언어 웹 페이지의 구조를 정의하기 위한 마크업 언어 Hello, World! DOM (Document Object Model) - 문서 객체 모델HTML 문서를 브라우저가 이해할 수 있는 객체 트리 구조로 변환한 것.- html - head - title - body - h1CSS > CSSOM CSS 스타일 시트를 브라우저가 이해할 수 있는 객체 트리 구조로 변환한 것 (HTML > CSSOM 과정과 비슷하다고 ..

React의 기술적인 특징컴포넌트를 기반으로 UI를 표현한다.화면 업데이트 구현이 쉽다.화면 업데이트가 빠르게 처리된다.컴포넌트(Component) 란?컴포넌트 = 구성요소 > 화면을 구성하는 요소, UI를 구성하는 요소리액트에서는 페이지의 모든 요소들을 "컴포넌트"의 단위로 모듈화해서 개발하기 때문에여러 페이지에서 공통으로 사용하는 요소들의 유지보수가 쉽다.선언형 프로그래밍 / 명령형 프로그래밍선언형 프로그래밍 : 과정은 생략하고 목적만 간결히 명시하는 방법 (React 활용 구현)명령형 프로그래밍 : 목적을 이루기 위한 모든 일련의 과정을 설명하는 방법 (Javascript 만으로 구현)리액트에서는 각 컴포넌트의 상태를 저장하는 State라는 특수한 변수를 저장할 수 있다.State 값이 바뀌면 즉각..

*** 웹3에서 가장 중요한 것 : 함수, 변수, 조건문, 반복문, (배열) *** 01. 함수: 같은 작업을 필요할때 필요한 곳에서 (스코프를 딱 한번) 사용 가능  필요한 값을 바꿔가면서 사용 가능 : (매개변수)  같은 이름으로 함수 생성 금지( 같은 이름으로 여러개면 코드상 마지막에 읽히는 함수가 동작함 )=== 함수명 생성 규칙 ( 변수와 동일 ) ===- 첫번째글자 영문, $, _ 만 가능- 예약어 금지- 대소문자 금지- 띄어쓰기 금지- 같은이름 금지=== 함수 종류 ===1 ) 선언적 함수 : 함수명이 있는 함수 (호이스팅 가능)          function 이름( ) { }2 ) 익명함수 : 함수명이 없는 함수 (호이스팅 불가)          function( ) { }3 ) 화살표 ..