*{}를 쓰면 : named export를 가져오는 것*{}없이 쓰면 : default export를 가져오는 것 *default export 예시//default export//내보낼때 (export)const MyComponent = () => { return 안녕하세요!;};export default MyComponent;//가져올때 (import)import MyComponent from './MyComponent'; //import 명 자유롭게 바꿀 수 있음 *named export 예시//named export//내보낼때 (export)export const add = (a: number, b: number) => a + b;export const subtract = (a: number, b..

**C#의 using-단순히 네임스페이스를 가져오는 것.using System.text;-System.Text안에 있는 클래스나 메서드를 사용할 수 있게 열어주는 역할.=> C#의 using은 파일 안에 있는 클래스, 메서드, 구조체를 찾아가는 경로 설정임. **React에서 import-모듈 자체를 불러오는 것.(변수, 함수, 클래스, 이미지 등 상관 없음)import img from './img.svg';-단순경로가 아니라 파일을 읽어 실제로 변수처럼 만드는 것. **C#의 using = 주소록을 열어놓고 전화번호를 찾는 것**React의 import = 물건을 아예 내 집에 가져다 두는 것

React 공부 중 Recoil을 사용한 부분에서 계속 Uncaught TypeError: Cannot destructure property 'ReactCurrentDispatcher' of 'import_react.default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' as it is undefined.^ 해당 에러 발생. 원인을 찾아보니 React 19버전부터 Recoil을 지원하지 않는다고 함.==> Recoil을 포기하고 Recoil과 비슷한 Jotai로 코드를 전부 대체하기로 함. 기존 Recoil 사용 코드//Recoil 설치npm install recoil//Recoil Atom 생성import { atom } from 'recoil'ex..

구분동기 처리비동기 처리작업 방식요청 -> 완료될 때까지 기다림요청 -> 기다리지 않고 바로 다음 작업예시API 요청 중 화면 멈춤API 요청 중에도 UI가 반응함.사용자 경험나쁨좋음

@import 를 사용하니 warning이 뜨면서 @use 사용을 권장해서 @use로 바꿔줬다.@use와 @import 기능이 약간 다르다. @use는 "캡슐화된 모듈"이다.모듈마다 스코프가 분리되기때문에 한 파일의 내부에서 다른 파일 @use를 한다고해서 그 변수들이 외부로 자동 공개되지 않는다. 외부에 노출하고 싶으면 @forward를 사용해야한다.예를 들어 main.scss 파일에서color.scss파일과 font.scss 파일을 @use해서 사용하고 있는데외부 index.scss 파일에서 main.scss를 @use한다고해서 color와 font 파일이 함께 노출되지않는다.index.scss 파일에 color와 font 파일을 따로 @use 해주던가 아니면 main.scss파일에서 color와 f..

쿼리문을 @STR 변수에 담아서마지막에 SELECT @STR을 했는데@STR 문이 짤려서 나오며 에러가 나서 찾아봤다.확인해보니 @STR문이 아예 중간에 짤려서 저장되어있었다. 원인 : VARCHAR는 2^31-1 byteNVARCHAR는 2^30-1 byte까지 지원한다.(VARCHAR와 NVARCHAR의 차이 : VARCHAR는 바이트 수, NVARCHAR는 글자 수 기준이다.  VARCHAR는 영어, 숫자는 1byte, 그 외는 2byte 처리한다. NVARCHAR는 모든 문자를 일괄적으로 2byte 처리한다.)저장범위는 넓지만 문제는VARCHAR(MAX)는 기본적으로 8000 byte 문자열이라고 잡힌다고 한다.MAX라고 썼지만 MAX가 아닌것임.. 해결방안 : 8000byte 가 넘는다면 넘어갈..