전체 글 (334) 썸네일형 리스트형 [tailwind]Uncaught (in promise) TypeError: Cannot read properties of null (reading 'clientWidth') - react tailwindcss error Uncaught (in promise) TypeError: Cannot read properties of null (reading 'clientWidth') 에러 발생원인:width를 적용하는 부분(데이터를 유동적으로 불러오는 부분)에서 width와 관련된 태그의 내부 길이를 document.getById("id 이름").clientWidth로 동적 길이를 측정하여 이벤트 실행시 길이를 변경하는 코드를 className에 적용했기 때문인 것 같다.여러가지 다른 부분에서 에러를 찾아보다가 발견하게 된것은, tailwind css의 class명에 유동적인 길이값을 넣으면 이러한 에러가 나올수 있다는 걸 알게되어 공유해본다.하단은 에러가 발생한 원인 코드이다.import React, { useState } f.. [React]Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your app will behave as if it's running React 17. Learn more: https://reactjs.org/link/switch-to-createroot React js 프로젝트 작업중 위 스크린샷의 경고가 표시되었다.이 경고의 경우 ReactDOM.render가 React 18에서 더 이상 지원되지 않을 경우를 의미한다.때문에 나는 App.js의 초기 세팅이 이전 스타일로 되어있어 변경해주었다.하단 코드는 react-redux 및 persist 를 사용한 app.js에서 오류코드를 해결한 방식이다.context-api나 다른 라이브러리를 사용할 경우는 그 다음 블럭 코드를 참고하면 유용할 듯 하다.//오류난 코드import React from "react";import "./index.css";import App from "./App";import { Provider } from "react-redux";import store from "./featur.. [React]git stash - 병합충돌 해결 **git pull commit push 과정에서 병합충돌이 발생하여 git stash 명령어를 사용하여 해결해 보았다.동시다발적으로 코드를 변경하는 경우 발생하는 병합충돌을 해결하기 위해서, 충돌 발생 시점에서 '임시저장'의 용도로 stash를 사용할 수 있다.git stash//stash stack에 임시저장git stash list//임시저장한 stash 내용 보기git stash apply//최근 stash 가져오기git stash drop//가장 최근 stash 지우기git stash drop stash@{indexNumber}//특정 stash 가지고 오기git stash clear//모든 stash stack에서 지우기git stash pop//최근 stash를 불러오고 stack에서 지움g.. [AWS] AWS Certified Solutions Architect Associeate - 조이지트 배너지[1] [목차]1.클라우드 컴퓨팅과 AWS 개요2.AWS 스토리지 서비스3.VPC4.EC2 인스턴스5.IAM(신분 및 권한 관리)6.Auto Scaling7.AWS 어플리케이션 배포 및 모니터링8.AWS 데이터베이스9.AWS Well-Architaected Framework 1장 클라우드 컴퓨팅과 AWS 개요 -클라우드 컴퓨팅의 개요: 인터넷을 통해 온디맨드(언제든지 접근 가능하며 사용량만큼 비용 부담)방식의 사용량에 따른 과금 모델을 따르는 컴퓨팅 기술-AWS 기반 클라우드의 컴퓨팅 이점:대규모 데이터 센터를 구비하는 비용 부담을 덜수 있고, 인프라 확장과 축소가 자유로우며 규모의 경제에 의한 가격 경쟁력을 확보할수 있다. 또한 데이터 센터 추가나 재난 시나리오에 대비 가능하며 업그레이드나 변경 없이 즉각 사.. [AWS] AWS Certified Solutions Architect Associeate - 조이지트 배너지[2] [목차]1.클라우드 컴퓨팅과 AWS 개요2.AWS 스토리지 서비스3.VPC4.EC2 인스턴스5.IAM(신분 및 권한 관리)6.Auto Scaling7.AWS 어플리케이션 배포 및 모니터링8.AWS 데이터베이스9.AWS Well-Architaected Framework 1장 클라우드 컴퓨팅과 AWS 개요-AWS 주요 제품과 서비스(글로벌인프라(리전,AZ,POP)와 그 하단의 코어서비스가 있다.) *컴퓨트=>Amazon Elastic Compute Cloud(EC2) : cpu, gpu 강화, 스토리지 최적화 등 목적에 따른 인스턴스 선택=>Amazon EC2 Auto Scaling(Auto Scaling) : 헬스 체크 기능으로 트래픽에 따라 인스턴스 운용, 일래스틱 밸런서와 통합제공, 별도 비용x=>AW.. [AWS] AWS Certified Solutions Architect Associeate - 조이지트 배너지[3] [목차]1.클라우드 컴퓨팅과 AWS 개요2.AWS 스토리지 서비스3.VPC4.EC2 인스턴스5.IAM(신분 및 권한 관리)6.Auto Scaling7.AWS 어플리케이션 배포 및 모니터링8.AWS 데이터베이스9.AWS Well-Architaected Framework 1장 클라우드 컴퓨팅과 AWS 개요-AWS 주요 제품과 서비스(글로벌인프라(리전,AZ,POP)와 그 하단의 코어서비스가 있다.) *스토리지와 콘텐츠 딜리버리=>Amazon Simple Shared Storage(S3):용량, 시기,장소에 상관없이 5TB 이내 범위에서 무제한 으로 저장 가능하다. 종량제 부과=>Amazon Glacier : S3와 비슷 하지만 저렴하고 S3와 통합 가능하다=>Amazon Elastic Block Store(.. Dart 기초(1) **출처 : 인프런 강좌 'Dart 언어 4시간만에 완전정복'의 1강 기본기 강의 내용을 정리한 script 입니다. enum Status { approved,//승인 pending, //대기 rejected,//거절 }void main() { //1. var 과 dynamic //var : 다양한 타입 수용가능 but 초기 타입은 변경할수 x //dynamic : 다양한 타입 수용가능 타입 변경가능 dynamic name = '코드'; var name2 = '재밌다'; print ('$name ${name.runtimeType} ${name2.runtimeType}'); name = 5; // dynamic은 타입변경 ok //name2 = 5; //var 는 타입 변.. Dart기초(2)-1 **출처 : 인프런 강좌 'Dart 언어 4시간만에 완전정복'의 2강 OOP 강의 내용을 정리한 script 입니다.//OOP (객체지향 프로그래밍) 29분 void main() {// 1.// Fruit weRFruit = Fruit();// print(weRFruit.fruits);// 2.// Fruit weRFruit = Fruit("딸기",["수박", "참외", "사과"]);// print(weRFruit.fruits); // 3. Fruit theyRFruit = Fruit.namedConstructor( [ ["사과","바나나"],"멜론" ]); print(theyRFruit.fruits); //4. const 사용에 땨른 boolean값 .. 이전 1 2 3 4 5 6 ··· 42 다음
