`프론트엔드 개발자` 개형이의 벽돌집

프로젝트 빌드 과정 중에 에러가 또 발견됐다. 위 코드에서 'Component' cannot be used as a JSX component 에러가 잡히며 빌드가 되지 않았다. 원인을 찾아보니 react 버전이 18로 업데이트되면서 @type/react도 18로 업데이트 됐을 텐데, 해당 버전에 발생할 수 있다며 17 버전으로 변경해줘야 한다고 하여 바꿨지만 해결되지 않았다. 씁...! 초기에 nextjs 앱 생성을 create-next-app 로 해줬는데, package.json에 dependencies안에 "@types/react": "^18.2.46", "@types/react-dom": "^18.2.18" 위 항목들이 포함되어 있었다. 혹시 해당 타입 라이브러리들이 devDependencies 안..

오늘은 const에 대해 학습해볼 것이다. 자바스크립트로 개발을 하다보면 변수 선언을 const로 자주 사용하는데, 상수는 안변하고 잘 버티는데 객체는 값이 변경되는 것을 경험한 적이 있다. 이 부분에 대해 학습해보자! 1. 변수와 재할당 자바스크립트에서는 주로 let과 const로 변수를 선언한다. 변수에 대한 설명은 굳이 적지 않겠다. let 키워드를 사용하여 변수를 선언하면, 변수 안에 들어있는 값 (참조한 글을 봤을 땐 변수가 가리키는 데이터라고 표현하는 것이 더 정확할 듯)이 변할 수 있다. 사실상 "변수"라는 단어 표현에 맞게 변할 수 있는 것이다. 반면, const 키워드를 사용하여 변수를 선언하면, 변수 안에 들어있는 값은 변할 수 없다. 우리는 그래도 "변수"라고 표현하고 있지만... 더..

회사 스프린트 일정으로 인해 정신이 없어서 업로드가 늦어져서 아쉽지만, 타입스크립트에서 타입을 어떻게 사용하는지 기록해두고자 한다. 원시 타입 (Primitive type) 기본적으로 알고 있는 타입의 종류이다. string number boolean etc.. let str: string = "string"; let num: number = 100; let bool: boolean = true; 변수 선언 시 타입을 명시해줄 수 있다. (위의 경우는 굳이 명시를 안해줘도 알아서 타입을 추론한다) 배열 배열의 타입은 ~~[] 혹은 Array의 형태로 지정 가능하다. let num_arr: number[] = [] let num_arr1: Array = [] // -> number[] or Array 또다..