Sweet But Psycho

Model-View-Controller 어플리케이션을 세가지 역할로 구분한 개발 방법론 사용자가 Controller 를 조작하면 Controller 는 Model 을 통해 데이터를 가져오고 그 데이터를 바탕으로 View 를 통해 시각적 표현을 제어하여 사용자에게 전달하게 된다. 사용자 인터페이스로부터 비즈니스 로직을 분리하여 어플리케이션의 시작적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 어플리케이션을 만들 수 있다.

내가 컴포넌트 정의를 이런 식으로 해서 리액트는 Details 라는 이름의 파일을 가진 컴포넌트를 찾고 있었던 것이다. export const Details = () => { return } 근데 나는 Next.js 의 useRouter() 함수를 통해 이전 페이지의 라우터 id 값을 받아오기 위해서 파일명을 [id].tsx 로 바꾸었기 때문에 리액트 입장에서는 엥 Details 라는 컴포넌트가 없는데? 라고 해서 나온 에러이다. export default 방식으로 컴포넌트를 정의해야 한다. function Details() { const router = useRouter() const { id } = router.query console.log('router.query', router.query) re..

1. env 관리를 꼼꼼하게 하자 env 키에 대한 주석을 써놓고 local, development, statging, production 구분 확실하게 하자. 2. 객체 stringify 와 process.env 로 꺼낸 문자열 타입, 값 비교 3. axios CORS 에러 날 때 리액트, 리액트 네이티브, 백엔드 각각에서headers 처리하는 방식 구분 4.axios 로 REST API 통신 안쓰고 graphql 로 다른 서버 요청하는 방법 알아놓기 5. Next Auth url 에서 http://localhost:4000 과 프로젝트의 url 설정하는 기준 구분하기 6. 리액트 렌더링 타이밍 진짜 어렵다. 7. serverside props 8. props 와 children 9. 인풋 박스에서 입..

컴포넌트 밖에서 hook function 을 쓸 때 나는 에러이다. useQuery, useNavigation 등은 컴포넌트 안에서만 사용하고 서버 통신하는 함수를 담은 모듈에서는 useHook 을 사용할 시 다음과 같은 에러가 발생한다.

Next.js 와 Apollo Client 를 기술 스택으로 사용하는 프로젝트를 분석하기 위해서 SSR 과 CSR 의 차이점을 파악해야 한다. 데이터를 가져와서 렌더링하는 3가지 방법: static, server, client Static Rendering => 빌드 타임에 HTML 정적 파일로 페이지가 생성된다. Server-Side Rendering => 각 요청에 대해 페이지가 동적으로 생성된다. 모든 요청에 대해 서버 요청을 하게 된다. Client-Side Rendering => 브라우저에서 앱 요청하면 페이지를 불러오고 그 다음에 데이터를 요청한다. 업데이트 되는 부분이 적다면 DOM 이 변한 부분만 다시 렌더링한다. 초기 렌더링으로 따지면 SSR 이 빠른 것이 맞지만 처음부터 렌더링하기 때문..

프론트엔드에서 fetch 나 axios 를 사용하여 데이터를 다음과 같이 리턴받았을 때 비동기처리가 정상적으로 이루어지지 않아 데이터를 제대로 불러오지 못했을 때 다음과 같은 콘솔이 뜨게 된다. {"_U": 0, "_V": 0, "_W": null, "_X": null}

노드 버전 관리 해주는 nvm 을 사용한다. 현재 사용할 수 있는 노드 버전 확인 nvm list 노드 버전 설치 nvm install [설치할 버전] 노드 버전 사용 nvm use [사용할 버전] 현재 사용하고 있는 노드 버전 확인 node -v

ServerParseError: Unexpected token

개인키 변경? BIP39 니모닉 단어들은 맞는데 키가 유효하지 않은 원인은 모르겠음. 해결하자. 월렛에서는 transfer 시 찍히는 에러 {“_code”: 1134420, “_message”: “failed to send a raw transaction to klaytn node; insufficient funds of the sender for value “, “_requestId”: “******-****-****-****-**********"} 키 오류였는데 insufficiant value 로 뜬다. 카이카스에서는 다음과 같이 뜬다. 참고문서링크 https://forum.klaytn.foundation/t/insufficient-funds-of-the-sender-for-value/1742

수수료 대납자가 트랜잭션을 실행할 때 필요한 수수료를 대신 지불하는 트랜잭션 유저의 transaction 에 service provider 가 대신 서명을 하여 transaction 제출하는 형태이다. 클레이튼 네트워크 컨트랙트의 함수를 다른 사람이 대신 납부해줄 수 있다. 사용자의 private key 로 서명한 다음 rawTx 를 fee-payer server 로 넘겨주면 fee-payer server 가 operator 계정의 private key 로 서명하여 대신 수수료를 납부하는 방법이다. 참고문서링크 https://ryublock.tistory.com/25 [Klaytn] 대(신)납(부) 기능 (feat. Fee Delegated) Klaytn 대학(원)생 간담회에 참석을 하고, Klaytn에..