전체 글(31)
-
'React' refers to a UMD global, but the current file is a module
1) Make sure the versions of react, react-scripts and typescript. For me, this worked: "react": "^18.2.0", "react-dom": "^18.2.0", "react-scripts": "5.0.1", "typescript": "^4.9.5", "web-vitals": "^2.1.4" 2) Turn the VS Code Editor off then on.
2024.01.02 -
모듈 './pages'에 대한 선언 파일을 찾을 수 없습니다. '/Users/OOO/something-app/src/pages/index.js'에는 암시적으로 'any' 형식이 포함됩니다.ts(7016)
index.js를 index.d.ts 로 파일명 변경 tsconfig.json에 가서 typeRoots 내에 "typeRoots": ["./@types", "./node_modules/@types"], 라고 작성 해결!
2023.12.21 -
'--jsx' 플래그를 제공하지 않으면 JSX를 사용할 수 없습니다.ts(17004)
tsconfig.json에서 "jsx": "preserve"가 주석처리가 되어있었는데, 주석을 해제해주면 된다.
2023.12.21 -
'React'은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해 보세요.ts(2686)
리액트 프로젝트에 타입스크립트를 설치한 후, App.js를 App.tsx로 바꿨더니 뜬 가장 첫번째 에러다: 'React'은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해 보세요.ts(2686) 검색해봤더니 프로젝트 내에 tsconfig.json 파일이 없는게 문제인듯했다. 그래서 터미널에 아래와 같이 쳤다. tsc -v // Version 5.0.4 tsc --init // tsconfig.json이 만들어짐 해결!
2023.12.21 -
어린 자녀를 둔 부모는 더 자주 아플까?
부모는 자녀와 더 밀접하게 접촉하고 세균에 더 많이 노출되기 때문에 순전히 자녀에게서 이러한 세균을 감염시킬 가능성이 훨씬 더 높습니다. 그들은 아이들 주위에서 많은 시간을 보내고 기저귀를 갈거나 토한 것을 치우는 등의 일을 합니다. 1. 질병에 대한 노출: 어린이, 특히 어린이집이나 학교 환경에 있는 어린이는 종종 다양한 바이러스와 박테리아에 노출됩니다. 어린 자녀를 돌보는 부모는 긴밀한 접촉을 하기 때문에 이러한 질병에 노출될 가능성이 높습니다. 2. 면역 체계: 수면 부족, 스트레스 증가, 돌봄의 필요성으로 인해 면역 체계가 약화되어 부모가 질병에 걸리기 더 쉽게 될 수 있습니다. 3. 전파: 어린 아이들은 올바른 위생 습관을 갖추지 못했기 때문에 가정 내 세균 전파가 증가할 수 있습니다. 4. 공..
2023.11.16 -
머리카락이 움직일 때 두피가 아픈 이유 및 치료
머리카락이 움직일 때 두피가 아픈 이유? 머리카락이 움직일 때 두피가 아픈 이유는 여러 가지 원인이 있을 수 있습니다. 일반적으로 두피 통증은 다음과 같은 이유로 발생할 수 있습니다: 1. 긴 시간동안 같은 자세를 유지하거나 잘못된 자세: 장시간 동안 머리를 특정 방향으로 고정시키거나 잘못된 자세로 앉아있을 경우, 머리카락이 두피에 가해지는 압력이 증가하여 통증이 발생할 수 있습니다. 2. 긴 시간동안 머리를 묶은 상태 유지: 너무 긴 시간동안 머리를 묶은 상태를 유지하면 머리카락에 가해지는 압력이 증가하고, 두피에 혈액 순환에 영향을 줄 수 있어 통증이 발생할 수 있습니다. 특히 머리띠나 고무줄과 같은 탄력성이 큰 묶음틀을 사용하면 더욱 그럴 수 있습니다. 3. 헤어스타일 제품 사용: 헤어스프레이, 헤..
2023.05.17 -
넷플릭스 영화 추천 (2023년 5월 기준)
1. 오토라는 남자 A Man Called Otto (2022, 코미디/드라마, 2시간 6분) 코믹하고 감동적인 New York Times 베스트셀러를 원작으로 하는 A Man Called Otto는 격분한 이웃을 비판하고 판단하는 데서만 기쁨을 얻는 심술궂은 홀아비 Otto Anderson(톰 행크스)의 이야기를 들려줍니다. 활기찬 젊은 가족이 옆집으로 이사를 오면서 그는 순박하고 만삭인 마리솔에서 짝을 만나 그의 세상을 뒤집어 놓을 예상치 못한 우정으로 이어집니다. 등급: PG-13(성숙한 주제 자료|언어|자살 시도) 장르: 코미디, 드라마 원래 언어: 영어 감독: 마크 포스터 프로듀서: Fredrik Wikström, Rita Wilson, Tom Hanks, Gary Goetzman 작가: 데이빗..
2023.05.15 -
오리고기 주물럭 (feat. 식당 레시피)
HTML 삽입 미리보기할 수 없는 소스 오리고기 전문점을 하는 시어머님의 레시피입니다. 우선 재료부터 살펴볼게요. 재료 오리고기 1마리 부추 1줌 양파 1개 양념 양파 1/2개 고춧가루 5큰술 고추장 3큰술 간장 4큰술 소금 1/2큰술 물엿 3큰술 설탕 2큰술 다진 마늘 1큰술 후추 1 티스푼 생강가루 1 티스푼 자, 그럼 한 번 만들어볼까요? 1. 양념 재료를 다 넣고 양념장을 먼저 만들어주세요. 2. 양념장 만든 것을 한번 프라이팬에 넣고 끓인 후, 식혀줍니다. 3. 양념이 식으면 오리고기를 넣고, 잘 주물러주세요. 4. 냉장고에 2-3시간에서 하루 정도 숙성시킵니다. (당장 바로 먹어도 되겠지만 숙성시키면 맛이 더 좋아요) 5. 양파는 0.5 cm 굵기로 썰고 부추는 양파 길이와 비슷하게 썰어주세요..
2023.05.09 -
프로미스(Promise)와 async/await란?
HTML 삽입 미리보기할 수 없는 소스 **자바스크립트의 비동기 처리란 “특정 로직의 실행이 끝날 때까지 기다려주지 않고, 나머지 코드를 먼저 실행하는 것”을 의미합니다. (즉, 아래 #2번에서 실행이 끝날 때까지 안 기다려주고, 바로 #3번을 먼저 실행하는 것) ex) 자바스크립트에서 비동기 처리가 필요한 이유를 생각해보면, 화면에서 서버로 데이터를 요청했을 때, 서버가 언제 그 요청에 대한 응답을 줄지도 모르는데 마냥 다른 코드를 실행 안 하고 기다릴 순 없기 때문입니다. Promise Promise란 비동기 작업이 종료된 후에, 실행이 잘 성공했는지 혹은 실패했는지 성공 또는 실패의 결과값이 무엇인지 위 세가지 내용을 미래(비동기 작업이 종료된 후)에 반환해주겠다고 약속해주는 객체이다. (A pro..
2023.05.09 -
프로토타입 객체(The Prototype Object)
HTML 삽입 미리보기할 수 없는 소스 The prototype object is simply an object that multiple other objects can refer to to get any information or functionality that they need. For our needs, each of our constructor functions will have a prototype that all their instances will be able to refer to. 프로토타입 객체는 필요한 정보나 기능을 얻기 위해 다른 여러 객체가 참조할 수 있는 객체입니다. 필요에 따라 각 생성자 함수에는 모든 인스턴스가 참조할 수 있는 프로토타입이 있습니다. So let's clar..
2023.05.09