분류 전체보기33 메모리 조합칩 : 다양한 입력에 대한 출력을 내는 칩 순차칩 : 출력이 현재 시점과 이전에 처리했던 입출력에도 영향을 받는 칩 시간의 진행 틱, 톡 이라는 2진 신호를 연속적으로 생성하는 클럭을 이용해 모델링 가능하다. 주기 : 틱의 시작과 톡의 종료 사이의 시간 → 모든 메모리 칩의 작동을 조절 메모리장치 컴퓨터 프로그램은 변수와 같은 데이터를 유지하는 추상화 개념을 지원하며 이는 메모리를 통해 구현된다. 클록과 0과 1사이를 왔다 갔다 거리는 시간의존적 게이트를 통해 논리게이트가 상태를 유지하고 시간이 변함에 따라 응답하도록 한다. 이러한 게이트를 데이터 플립 플롭 DFF (모든 메모리 칩을 만드는데 기본구성블록)이라 불린다. 순차 논리 시간에 따라 기억하는 능력을 칩들은 가져야 한다. 시간의 문제 지연이 .. 2024. 2. 6. styled component & next.js14 styled component(SC)를 next.js에서 사용 하기위해 노력을 했다. 정확하게 말하면 next의 장점을 최대한 가져가면서 SC를 어떻게 사용할까… 우선은 공식 문서 부터 살펴보자 https://nextjs.org/docs/app/building-your-application/styling/css-in-js#styled-components https://styled-components.com/docs/advanced#app-directory next.js 처음 부분을 보면 "경고: 런타임 JavaScript를 필요로 하는 CSS-in-JS 라이브러리는 현재 서버 컴포넌트(Server Components)에서 지원되지 않습니다. 서버 컴포넌트에서 지원이 안된다라… 서버 컴포넌트를 스타일링하려.. 2024. 2. 3. next.js 에서 data fetching 기존 react에서는 client에서 data fetching을 시도하기 때문에 비밀정보 등을 넣을 수 없다. 개발자 도구를 통해 network 탭에 들어가면 통신하고 있는 정보들을 볼수있기 때문이다. 또한 이렇게 정보가 유출되면 데이터 베이스와 통신도 할 수 없다. 또한 client 에서 data fetching을 진행하면 항상 usestate를 사용해야하며 그에 맞는 useEffect도 사용해야한다. 또한 항상 클라이언트 측에서 로딩상태는 존재하기 때문에 이에 대한 처리도 진행해줘야한다. sever에서 이를 data fetching를 진행하면 API 를 통해 데이터베이스에 접근할 필요가 없으며 위의 hook들을 사용할 필요가 없어진다. 또한 로딩상태는 클라이언트 쪽이 아닌 서버측으로 옮겨간다. nex.. 2024. 2. 2. CSR vs SSR (hydration, "use client") SSR vs CSR CSR 모든 렌더링 즉, 모든 ui구축작업이 모두 client측에서 일어나는 것 Rendering react code를 브라우저가 이해할 수 있는 html 로 바꾸는 작업 CSR의 단점 1. 렌더링 되기전 잠깐의 빈화면 브라우저는 html을 띄워준다. 그냥 React 환경에서는 CSR이기때문에 자바스트립트가 돌아가기 전 잠깐동안 빈 Html을 보여준다. 그러고 자바스크립트가 돌아가면 HTML을 자바스크립트가 redering 하고 그제서야 보여지게 된다. → 자바스크립트가 안돌아가거나 느리면 html은 비어있기때문에 아무것도 볼수없다. 2 .Seo 검색엔진 최적화 구글의 검색엔진은 html의 요소를 본다. 그렇기에 비어있는 html은 검색엔진 최적화를 할수없다. SSR 모든 렌더링이 서.. 2024. 1. 30. ERC 165 AccessControlEnumerable 컨트랙트를 구현하다가 ERC165에 대한 내용을 접하게 되어서 작성하게 되었다. 배포한 컨트랙트가 해당 배포한 컨트랙트의 표준을 따르고 있는지 확인하는 표준 (ERC721을 만들었는데 ERC721 표준을 정확히 따르고 있는가…? 에 대한걸 확인하는 표준) 우리는 해당 컨트랙트가 어떤 표준을 실제로 구현했는지 확인 할수있는 방법이 없다. 이를 확인 할수있게 해주는 것이 ERC165 표준이다. solidity 함수는 모두 selector(함수 시그니처 해싱값)라고 하는 함수 아이디를 들고있다. 그렇다면 ‘표준 인터페이스에 구현된 함수아이디’와 ‘작성한 컨트랙트의 함수아이디’를 비교하면 인터페이스를 구현하고 있구나를 확인할 수 있을 것이다. 하지만 각 함수 아이디를 .. 2024. 1. 25. 이전 1 2 3 4 ··· 7 다음
