<ziny/>

import React, { useEffect, useState } from "react";import styled from "styled-components";import { AiFillEye } from "react-icons/ai";import { AiFillEyeInvisible } from "react-icons/ai";import { AiFillCheckCircle } from "react-icons/ai";import { AiOutlineCheckCircle } from "react-icons/ai";const Input = () => { const [pw, setPw] = useState({ type: "password", value: false, }); const [cid..

css로 만드는 다양한 slide animation!!http://junil-hwang.com/blog/css-slide-animation/ [CSS] 다양한 CSS Slide Animation - 개발자 황준일보통 slide를 만들 때 javascript를 사용합니다. 하지만 javascript 없이도 간단한 슬라이드를 제작할 수 있습니다. keyframes을 이용할 수도 있고, input radio를 이용할 수도 있습니다. 다양한 슬라이드 제작junil-hwang.comhttps://tangerineshower.tistory.com/98 스크립트 없이 만드는 자동 슬라이드 (오류있음)키프레임, 애니메이션 속성 웹사이트 자동 슬라이드 배너 만들기 #웹사이트 #웹디자인 #슬라이드#자동슬라이드 #캐러셀 #..

리액트로 작업을 하다보면 react-dev-tool를 쓰게 되는데 여기서 redux의 전체적인 데이터 구조가 다 보인다 => 데이터를 조작할수 있기 때문에 개발환경과 배포환경을 구분하는 것이 필욥!!!! configureStore.jsimport { createStore, combineReducers, applyMiddleware, compose } from 'redux';import thunk from 'redux-thunk';//미들웨어를 사용하면 액션 객체가 아닌 함수를 디스패치 할 수 있다. import { createBrowserHistory } from 'history';import { connectRouter } from 'connected-react-router';import User fr..

Cannot read properties of undefined "something" -> 값이 정의되지 않아서 읽을 수 없을 때 발생하는 오류!!!! 📌 원인 state가 비동기적이며 처음 렌더링 하기 전에 동작하기 때문에!!!!! state가 정의되지 않았기 때문에 undefined가 된다 해결 방법 state에게 들어올 값의 타입을 미리 알려주기 function Component() { // useState 괄호 안이 비어있는 건 비추 const [date, setData] = useState(); // useState에 미리 값의 타입을 알려주기 const [date, setData] = useState([]); // 혹은 const [date, setData] = useState({}); // ..

📚오늘 목차 📚1. 시간표현과 상태기억1) 카운터2) 레지스터2. 메모리 조직과 주소 지정1) 임의 접근 메모리 1) 카운터 플립플롭을 응용한 회로 중 1,2,3 순서대로 수를 세는 순차 회로비동기식 카운터 (=리플 카운터)다른 비트의 상태변화에 약간의 시차를 두고 바뀌기 때문(비동기식)개수를 센 결과가 왼쪽에서 오른쪽으로 퍼져나가기 때문(리플)이전의 플립플롭의 출력에 의해 다음 플립플롭이 동작하기 때문에 전달 지연시간이 발생 비동기 시스템은 언제 결과를 살펴봐야 맞는지 알기 어렵다는 단점을 가짐글리치가 발생할 기간까지 예측해 딜레이를 주어서 글리치를 방지한다 동기식 카운터 글리치(일시적오류) 현상을 방지하기 위해서 클록을 동시에 모든 플립플롭에게 인가하는 카운터2)레지스터클록을 공유하는 여러 D플..

✨ 들어가기전⚙️ 순차 논리 회로 (Sequential Logic Circuit)🔖 사진자료정보통신기술용어해설 순서회로순차 논리 회로는 순서 논리 회로라고도 부른다.현재의 입력값에 따라 출력이 결정되는 논리 회로이다.순서 논리 회로는 조합 논리 회로와 기억 소자로 구성된다.기억소자의 출력은 조랍 논리 회로 입력에 연결되어 궤환(Feedback)된다. 따라서 순차 논리 회로는 현재의 입력 상태뿐 아니라 이전의 출력에도 영향을 받는다.🤔 여기서 잠깐! 궤환(feedback)이란?한국말로는 되먹임이라고 한다.출력 결과가 다시 들어오는 것을 말한다. 즉, 출력이 다시 입력이된다.순차 논리 회로의 구성은 다음과 같다.⚙️ 순차 논리 회로 특징순차 논리 회로는 외부로부터 입력과 이전의 출력 상태에 따라 출력이 ..

- 논리게이트 1. 이력 현상을 활용한 잡음 내성 향상 2. 차동 신호 3. 전파 지연 4. 출력 유형 1) 토템폴 출력 2) 오픈 컬릭터 출력 3) 트라이스테이트 출력- 게이트를 조합한 복잡한 회로 1. 가산기 2. 디코더 3. 디멀티플렉서 4. 셀렉터 출력이 1(True)일 때만 동작을 할까? 정답은 x입력이 1이면 회로가 동작하고, 0이면 동작하지 않는다는 'active high'에 해당되는 상황.입력이 1이 아닌 0을 내보냈음에도 동작하는 것들을 'active low'로 동작한다고 한다.'무조건 출력이 1이어야 회로가 동작한다'는 x! - 초기에 전압을 기준으로 논리를 표현 : 전류를 흐르면 1아니면 0- 각 논리의 출력 전압에서 스위칭 전압강하 만을 고려하므..

✔️ 비트를 처리하기 위한 하드웨어💫 릴레이스위치를 움직이기 위해 전자석을 사용하는 장치전력 들어가지 않은 상태에 스위치 개폐 여부에 따라 두가지열려있을 때 : 평상시 열린 릴레이닫혀있을 때 : 평상시 닫힌 릴레이스테퍼 릴레이코일을 두개만 사용다이얼 전화기 시절 > 전화 교환국 > 전화번호를 세기 위한 목적핀볼 기계단점느리고 전기를 많이 소모먼지/벌레가 스위치 접점에 있으면 제대로 작동하지 않음 💡 cf. 버그 유래 : 미국 컴퓨터과학자가 오류를 추적하다가 릴레이에 낀 나방 발견하면서 단어 유명전원을 갑자기 끄면 순간적으로 초고압 발생→ 기계적인 부품이 들어있지 않은 다른 물건 찾게 됨→ 스위치 접점에서 일어날 경우 이 부분이 마모됨💫 진공관물체를 충분히 가열하면 전자가 튀어나오는 열전자 방출 현상..

- 사람들은 10진수를 쓰는데 왜 컴퓨터는 2진수를 사용할까?조합논리를 구현하는 모든 물리적인 장치 -> 하드웨어TMI 한번 보고가자디지털 컴퓨터의 사례안티키테라톱니바퀴를 통해 날짜를 입력해 해당 날짜의 태양이나, 달의 위치를 계산하는 기계가 있다?화기제어 컴퓨터마찬가지로 톱니바퀴를 이용한 삼각함수와 미적분은 계산하여 원거리 조준을 할 수 있게 하는 제어장치다. ( 2차세계대전 사용 )계산자log(x*y) = log(x) + log(y) 를 이용하여 곱셈을 수행 ( 상용로그를 사용 )비행컴퓨터컴퓨터는 어떻게 발전되었을까?아날로그와 디지털의 차이수학적성질아날로그 - > 연속적 ( 30cm 자는 1mm 단위로 30cm를 표현한다 )디지털 -> 이산적 하나하나 다른존재로 구분된다는 뜻의 한자어 ( 내 손의 한..

인코딩(encoding)은 정보의 형태나 형식을 표준화, 보안, 처리 속도 향상, 저장 공간 절약 등을 위해서 다른 형태나 형식으로 변환하는 처리 혹은 그 처리 방식을 말한다. 문자를 사용한 수 표현 1️⃣ 출력 가능하게 변경한 인코딩 (= 쿼티드 프린터블 인코딩/ QP인코딩) 📌 특징 - 8비트 데이터를 7비트 데이터만 지원하는 통신경로를 통해 송수신 하기 위한 인코딩 방법 - 전자우편 첨부를 처리하기 위해 만들어짐 - = 다음에 바이트의 각 니블을 표현하는 16진 숫자 2개를 추가시켜서 8비트 값을 표현 한다 - =를 표현하려면 =3D를 사용해야 한다. (아스키 코드 표 확인) 📌 규칙- 줄의 맨 끝에 탭과 공백의 문자가 온다면 각각 =09와 =20으로 표현해야 한다- 인..