💻TIL

🔗컴포넌트에서 store에 있는 state 쓰는 방법1\. function 함수명 만들기2\. export default connect(함수명)()추가3\. store 데이터를 props로 등록하기

🌱redux 쓰는 이유모든 컴포넌트가 props없이 state 직접 사용 가능state 에러 추적 용이함 (state데이터의 수정방법: reducer) 데이터 수정하기 1) reducer로 수정하는 방법 만들기 2) dispatch()로 수정하기=> s

📌1. 블록 요소(Block Level)DIV, H1, P사용 가능한 최대 가로 너비 사용크기 지정 가능한 줄에 하나씩만 들어갈 수 있음width: 100%; height: 0;로 시작수직으로 쌓임margin, padding 위, 아래, 좌, 우 사용 가능레이아웃 잡

0108 TIL 📖React.memo()컴포넌트에 있는 props나 state가 변경되면, 그걸 쓰는 HTML은 전부 재렌더링됨memo()를 사용하면 불필요한 재렌더링 막기 가능!1) import {memo} from 'react'2) memo()로 컴포넌트 감싸기

"프로그래머 = problem solver"최대한 많은 프로그래밍 교육 자료 접해라(웹 개발이든, 게임 개발이든 뭐든 괜찮음)작은 프로젝트를 시작해라(강의만 듣다보면, 지루해질 수도 있고 실력을 쌓긴 어려울 것. 어려워도 일단 해보기)어떤 강의든지 하나를 듣기 시작하면

🍪서버는 쿠키를 사용해 브라우저에 데이터를 넣을 수 있다!사이트에 방문하면 브라우저는 서버에 요청을 보냄.서버는 요청에 응답 -> 그 응답에는 모든 데이터 + 내가 찾던 페이지 정보 + 브라우저에 저장하려는 🍪 포함됨일단 브라우저에 쿠키가 저장되면, 이후 해당 웹사

간단한 변수 타입 지정 가능let 이름: string | number = 'kim';array자료 타입 지정 가능숫자, 문자 동시에 넣고 싶을 때? union type 쓰기변수 하나에 여러 자료 집어넣고 싶을 때?object 자료형 쓰기함수는 파라미터, return값

immutability: 데이터의 원본이 훼손되는 것을 막는 것 CRUD (중요도의 우선순위 존재함) 👉 create, read 가장 중요 push와 concat의 차이 => push는 원본을 바꿈=> concat은 원본을 복제하고, 거기에 인자로 들어온 값을

redux ✔ 하나의 상태를 만드는 역할✔ state를 가공하는 역할🌱store.subscribe(render);=> state값이 바뀔 때마다 render 함수가 호출되면서 UI가 새롭게 갱신됨🌱dispatch의 역할reducer를 호출해서 state값 변경함\*

TypeScriptconst변수: 등호로 재할당만 막는 역할const로 담은 object 수정은 자유롭게 가능readonlyobject 자료 수정 막을 수 있음 (한번 부여된 후 앞으로 바뀌면 안 될 속성에 적용!)object extend: &연산자로 object타입

✔ typeof 연산자: 대표적인 Narrowing 방법✔ 한번 정의된 type 변수는 재정의 불가능Narrowing으로 판정되는 문법typeof 변수속성명 in 오브젝트 자료인스턴스 instanceof 부모 assertion문법의 용도Narrowing할 때 무슨 타입

✔ 변수의 Hoisting 현상변수의 선언을 변수 범위 맨 위로 끌고오는 현상(함수 선언도 Hoisting 발생함)변수를 만나면 선언 부분을 강제로 맨 위로 끌어올림✔ 변수 동시에 여러 개 만드는 방법let 나이 = 20, 이름 = 'kim', 성별 = f;✔ spre

✔ 함수의 argument모든 파라미터를 한꺼번에 모아서 다루고 싶을 때 사용arguments: 모든 파라미터를 에 담음rest parameter: 해당 자리에 오는 모든 파라미터를 에 담음✔ ...spread operatorrest parameter✔ rest