본문 바로가기

전체 글

 (452)
[React] Error: Rendered more hooks than during the previous render 이슈/원인 Rendered more hooks than during the previous render 이전 렌더링에서 호출된 hooks보다, 현재 렌더링에서 호출된 hooks가 더 많은 경우에 발생하는 에러 React는 Hook이 호출되는 순서에 의존한다 React는 Hook이 호출되는 순서에 의존한다. Hook이 함수의 상태를 기억하기 위해서, 호출 순서를 이용하여 함수의 상태를 기억했다가 이전의 상태를 가져온다. 따라서 렌더링되는 순서가 동일해야 React가 locale state를 각 Hook에 연동할 수 있다. 즉, Hook가 매 렌더링마다 동일한 순서로 동일한 개수만큼 호출을 보장 받아야한다. 그래서 Hook을 조건문, 반복문, 함수 안에서 작성하는게 금지되어 있고, 컴포넌트 최상단에서 호출하..
[혼공컴운] 컴퓨터 구조 - 4. CPU의 작동 원리 보호되어 있는 글입니다.
[혼공컴운] 컴퓨터 구조 - 3. 명령어 소스코드와 명령어고급 언어와 저급 언어고급 언어 -(변환)→ 저급 언어고급 언어: 개발자가 이해하기 쉽게 만든 언어저급 언어: 컴퓨터가 이해하고 실행하는 언어기계어: 0과 1로 이뤄진 명령어로 구성된 저급 언어어셈블리어: 0과 1로 이뤄진 기계어를 사람이 읽기 편한 형태로 번역한 저급 언어 컴파일 언어와 인터프리터 언어고급 언어가 저급 언어로 변환되는 방식으로 가장 많이 사용되는 건 두 가지가 있음컴파일 언어컴파일 언어로 작성된 소스 코드는 컴파일러에 의해 저급 언어로 변환됨그 과정을 컴파일이라고 함컴파일 결과로 저급 언어인 목적 코드가 생성됨소스코드(고급 언어) -(컴파일러(컴파일))→ 목적코드(저급 언어)소스 코드 중간에 오류가 있으면 아예 실행이 안됨인터프리터 언어인터프리터에 의해 한 줄씩 실행소스..
[혼공컴운] 컴퓨터 구조 - 2. 데이터 0과 1로 숫자를 표현하는 방법정보 단위비트(bit)0과 1을 표현하는 가장 작은 정보 단위n비트로 2^n가지 정보 표현 가능2bit → 4개 정보 표현 가능3bit → 8개 정보표현 가능프로그램은 수 많은 비트로 이뤄져 있음다만, 평소 “이 파일은 8,920,120 비트야”라고 표현하진 않음비트보다 더 큰 단위를 사용함byte, kB, MB, GB, TB, …1byte = 8bit1kB = 1,000byte1MB = 1,000kB1GB = 1,000MB1TB = 1,000GB이전 단위를 1024개씩 묶은 단위는 kiB, MiB, GiB, TiB, …구분해서 쓰는 추세임워드(word)CPU가 한 번에 처리할 수 있는 정보의 크기 단위ex. 한 번에 32bit씩 처리 가능하면 그 CPU의 word 크기는 ..
[혼공컴운] 컴퓨터 구조 - 1. 컴퓨터 구조 시작하기 컴퓨터 구조를 알아야하는 이유문제 해결문법상 오류가 아닌 근원적인 문제를 해결하기 위해 컴퓨터를 미지의 대상에서 분석의 대상으로 바라보아야 함컴퓨터를 내려다보며 문제를 해결할 수 있는 개발자가 될 수 있음성능, 용량, 비용을 고려한 개발어떤 서버 컴퓨터를 고르느냐 개발자 스스로 판단할 수 있어야 함 컴퓨터 구조의 큰 그림컴퓨터 구조컴퓨터가 이해하는 정보데이터숫자, 문자, 이미지, 동영상과 같은 정적인 정보컴퓨터와 주고받는/내부에 저장된 정보를 데이터라 통칭하기도0, 1로 숫자/문자를 표현하는 방법명령어를 실행하기 위한 재료명령어컴퓨터를 실질적으로 움직이는 정보데이터는 명령어를 위한 일종의 재료ex)1과 2를 더하라 (1, 2 = 데이터)‘안녕하세요’를 출력해라 (안녕하세요 = 데이터) 컴퓨터의 네 가지 ..
[모든 개발자를 위한 HTTP 웹 기본 지식] 7. HTTP 헤더1 - 일반 헤더 HTTP 헤더 개요 과거의 HTTP 헤더(RFC2616) 헤더 분류 General 헤더: 메시지 전체에 적용되는 정보 (ex. Connection: close) Request 헤더: 요청 정보(ex. User-Agent: Mozilla/5.0 …) Response 헤더: 응답 정보 (ex. Server: Apache) Entity 헤더: 엔티티 바디 정보 (ex. Content-Type: text/html, Content-Length:3423) HTTP Body 엔티티 헤더: 엔티티 본문의 데이터를 해석할 수 있는 정보 제공 데이터 유형(html, json), 데이터 길이, 압축 정보 등 엔티티 본문: 요청, 응답에서 전달할 실제 데이터 메시지 본문은 엔티티 본문을 전달하는데 사용함 (메시지 본문 안에 ..
VSCODE에서 한글로 작성된 부분만 검색하기 1. 검색을 연다. 단축키: Cmd + Shift + F 혹은 검색 메뉴를 누르면 됨 2. Use Regular Expression 을 켠다. 3. [^\x00-\x7F]+ 키워드를 입력하여 검색한다.
[모든 개발자를 위한 HTTP 웹 기본 지식] 6. HTTP 상태 코드 HTTP 상태코드 소개 상태 코드 클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능 1xx (informational): 요청이 수신되어 처리 중 거의 사용하지 않으므로 생략 2xx (successful): 요청 정상 처리 3xx (redirection): 요청을 완료하려면 추가 행동이 필요 4xx (client error): 클라이언트 오류, 잘못된 문법 등으로 서버가 요청을 수행할 수 없음 5xx (server error): 서버 오류, 서버가 정상 요청을 처리하지 못함 만약 모르는 상태 코드를 서버가 반환하면? 클라이언트는 상위 상태코드로 해석해서 처리함 따라서 미래에 새로운 상태 코드가 추가된다 하더라도 클라이언트를 변경하지 않아도 됨 ex. 299 → 2xx (successful) 2..
반응형

티스토리툴바