react5 [REACT][TYPESCRIPT] 방치형 고양이키우기 만들기 #1 프로젝트생성과 기본틀 제작 보호되어 있는 글 입니다. 2023. 10. 5. [HEROKU] at=error code=H10 desc="App crashed" method=GET path="/" host 환경 : React Typescript 1. 헤로쿠 빌드팩 추가 -heroku buildpacks:set mars/create-react-app 명령어를 통해 heroku 빌드팩 변경 하면 아래와 같이 변경된다. Before After 이후 git push heroku master 를 이용하여 배포를 하니까 아 ㅋㅋ.. 빌드팩이 헤로쿠22를 지원안한다네요 22를 지원하는 빌드팩으로 변경을 하려다 헤로쿠를 우선 20으로 변경하고 사용해보려합니다. heroku stack:set heroku-20 이후 다시 배포 2023. 8. 6. React 클래스 변수와 State변수의 역할 및 차이 React에서 클래스 변수와 state 변수의 차이점 선언 방법: 클래스 변수는 constructor() 안에서 this.변수명 = 초기값 형태로 선언하며, state 변수는 class 내부에서 state = { 변수명: 초기값 } 형태로 선언합니다. 업데이트 방법: 클래스 변수는 직접 값을 변경할 수 있지만, React에서는 setState() 함수를 통해 state 변수를 업데이트해야 합니다. 컴포넌트 렌더링 영향: 클래스 변수의 값이 변경되어도 컴포넌트가 다시 렌더링되지 않습니다. 반면에 state 변수의 값이 변경되면 컴포넌트가 다시 렌더링됩니다. 변경 가능성: 클래스 변수는 언제든지 값을 변경할 수 있지만, state 변수는 setState() 함수를 통해서만 값을 변경할 수 있습니다. 따라서,.. 2023. 3. 14. [React js] UI Component wrapper / container 방식 children Array 중 일부만 노출 이슈 목적 : AComponent라는 컴포넌트에 className, css와 같은 퍼블리싱을 적용한 다음 내부에 A, B, C라는 리스트를 보여주는 컴포넌트를 작성하여 출력하려했음. 오류 : 이상하게 AView, AList, BView만 표시되고 그 이상은 표시되지 않음. (예시용코드입니다) 그냥 별 생각없이 아래와 같이 컴포넌트를 구성한 다음에 {/** A미리보기표시*/} {/** A리스트표시*/} {/** B미리보기표시*/} {/** B리스트표시*/} {/** C미리보기표시*/} {/** C리스트표시*/} 아래와같이 A컴포넌트를 구성하였고 실행하였다. const AComponent = ({children}) => { return {children[0]} {children[1]} {children[2]} {.. 2023. 1. 18. React error " Module not found: Can't resolve './node_modules/react' " Module not found: Can't resolve './node_modules/react' 와 비슷한 에러가 발생 시에 해당 .js파일의 import 부분에서 import React, {Component} from './node_modules/react'; 라고 되어 있는 것을 import React, {Component} from 'react'; 로 바꿔서 사용해보자. 2020. 5. 16. 이전 1 다음
