JavaScript
-
자바스크립트 원시형 데이터타입.문제와 해결/javascript 2024. 2. 11. 15:14
개요 자바스크립트에서 데이터 타입은 크게 원시 타입과 참조 타입으로 나눌 수 있습니다. 데이터타입의 모든 값은 데이터 타입을 갖는데, 데이터 타입이 필요한 이유는 다음과 같습니다. 값을 저장할 때 확보해야 하는 메모리 공간의 크기를 결정하기 위해 값을 참조할 때 한번에 읽어 들여야 할 메모리 공간의 크기를 결정하기 위해 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해 필요합니다. 원시 데이터 타입의 특징 불변, 가변 원시 데이터타입은 (문자열, 숫자, 불리언, undefined,null, symbol) 변경 불가능한 값이고, 원시타입 이외에 모든 데이터타입인 객체 타입은 변경 가능한 값이라 해서 불변값, 가변값 이라고 합니다. let이나 var로 선언한 식별자에 값을 재할당하는 개념과는 살짝..
-
HTTP headers에 charset이 없다면?문제와 해결 2023. 5. 4. 19:54
문제 fetch메서드로 되어있던 프로젝트에서 axios로 마이그레이션 하는도중 자꾸 post에 Body 값이 안담기거나, 이상하게 담기는것이었다. 시도 분명...인스턴스 config설정도 하라는데로 잘 했는데... export const todoApi = axios.create({ baseURL: BASE, headers: { "Content-Type": DEFAULT_HEADER, Authorization: AUTH_HEADER }, responseType: "json", }); import { api, authApi, todoApi } from "./api"; export const client = { getTodos: () => todoApi.get(api.getTodos), createTodo: ..
-
next.js 13 image 에러 2가지(혹은 4가지) 해결방법문제와 해결/next.js 2023. 5. 1. 19:40
1. Type 'StaticImageData' is not assignable to type 'string'. 뜻 정적 이미지 데이터 타입은 문자열 타입에 할당될 수 없다 ->src속성은 string을 기대하고있는데 다른녀석이 와버렸다(?) 원인 태그에 src속성으로 이미지 주소를 부여할 때 import 된 이름으로 가져올 때 발생 import example from '../../public/example.png'; ... const Component=()=>{ return( ) } 해결방법 example.src로 접근하면 해결 next.js13에서 이미지를 import구문으로 불러오면 객체형태의 StaticImageData가 들어온다. console.log로 import 해오는 이름을 찍어보면 객체 형..
-
자바스크립트 실행컨텍스트 (execution context) 에서 소스코드, 평가와 실행문제와 해결/javascript 2023. 4. 19. 01:24
알고 있던 것 변수의 선언과 값의 할당이 구분 지어져서 실행되는 것. 스코프와 전역 객체. 소스코드는 에디터에 입력하는 코드 전부 평가? 실행? 정확히는 모르겠다. 알아보자. 알게 된 것 실행 컨텍스트는 소스코드를 실행하는데 필요한 환경을 제공하고, 코드의 실행 결과를 실제로 관리하는 영역. 소스코드를 실행하는데 필요한 환경은 스코프(scope)로, 코드의 실행 결과를 실제로 관리하는 실행 컨텍스트 스택으로 구분할 수 있다. 식별자(변수, 함수, 클래스 등의 이름)와 스코프는 실행 컨텍스트의 렉시 컬 환경으로 관리하고, 코드 실행 순서는 실행 컨텍스트 스택으로 관리한다. 소스코드 실행 컨텍스트를 생성하는 4가지 타입의 소스코드가 있다. 전역 코드 함수 코드 eval 코드 모듈 코드 이렇게 4가지로 구분하..
-
자바스크립트 스코프 scope - 스코프의 종류문제와 해결/javascript 2023. 4. 14. 07:59
알고있던것 스코프는 전역, 함수, 블록 스코프가 존재한다. 중괄호 안쪽영역과 바깥쪽영역은 다른 스코프다. 알게된것 스코프는 전역과 지역으로 구분할 수 있다. 지역은 함수의 내부 - 지역(local) 전역은 코드의 가장 바깥 영역 - 전역(global) 지역은 함수 body,본문 영역인데 여기서 지역 스코프를 만든다. 지역에 변수를 선언하면 지역 스코프를 갖는 지역변수 가 된다. 마찬가지로 전역에 변수를 선언하면 전역 스코프를 갖는 전역변수가 된다. 지역변수는 지역변수가 선언된 스코프에서 참조할 수 있다. 만약 중첩함수라면 하위 지역 (innerLocal)에서만 참조할 수 있다. 안쪽(inner)에 있는 지역에서는 바깥쪽에 선언된 지역변수를 참조할 수 있지만, 바깥쪽(outer)에 있는 지역에서는 안쪽에 ..
-
자바스크립트 스코프 scope - 식별자 결정문제와 해결/javascript 2023. 4. 12. 00:27
스코프는 함수 사용할 때 이미 경험했다. 함수 본문에 선언한 변수는 함수 밖에서는 참조할 수 없다. 하지만, 함수 본문 안에서 함수 밖의 변수는 참조할 수 있다. 함수 안쪽의 변수와 함수바깥쪽의 변수 이름이 같다면 어떤걸 참고하는지 궁금했다. 식별자 결정 1 const a = 20; 2 3 function findNumber() { 4 const a = 10; 5console.log(a); // 10 - 4번 라인의 a 참조 6 } 7 8 console.log(a); // 20 - 1번 라인의 a 참조 9 10 findNumber(); findNumber 함수 안쪽에 선언한 a,b는 같은 지역 스코프인 findNumber함수 안에서만 참조할 수 있다. 그런데 6번 라인에서 참조하는a는 4번과 1번중 어떤..