분류 전체보기 (108) 썸네일형 리스트형 [React] useEffect useEffect(() => { console.log("I run when 'keyword' changes."); }, [keyword]); useEffect 두가지 argument를 가지는 function 첫번째 argument : 우리가 실행시키고 싶은 코드 두번째 argument: dependencies : react.js가 지켜보아야할 코드 keyword가 변화할 때 코드를 실행할 거라고 react.js에게 알려준다. 이것이 바로 빈 array를 주었을 때는 코드가 단 한번만 실행된 이유. 왜냐면 변화하는 부분이 없기 때문에 useEffect(() => { console.log('I run only once.') }, []); 그리고 변화할 코드는 여러가지를 작성해줄 수 있다. useEffect(.. [React] useState, props # 리액트 튜토리얼 ## 0. 참고하면 좋을 사이트 - https://react.dev/learn/thinking-in-react ## 1. state let account = 0x000ads0affads; {account} account=1faadsfadsfadsf - 데이터가 저장되는 곳, 변할때 마다 자동 렌더링 ```js const [counter, setCounter] = useState(0); // number const [loading, setLoading] = useState(true); // boolean const [weather, setWeather] = useState([]); // list const onClick = () => { setCounter((current) => cur.. Server 실행 시 localhost에 대한 액세스가 거부될 때는? 에러 상황 Json Server를 Port 5000번으로 실행시켰는데 localhost에 액세스 거부가 떴다. json-server --watch db.json --port 5000 원인 및 해결 방법 찾아보니 아마 5000번 포트에서 다른 게 이미 실행되어서 그렇다고 한다. 그래서 포트번호를 4000번으로 바꿔서 실행시켰더니 잘 실행된다. json-server --watch db.json --port 4000 [비즈니스 기획] 사업 아이디어 발굴하는 방법 사업 아이디어 발굴 - 정치적 요소 윤석열 대통령 직속 - 디지털플랫폼정부위원회 출범 데이터부, 서비스부, 정책부 공공기관이 갖고 있는 국민들의 데이터 관련 법령. 시행령 등 정부에서 글로벌트랜드 기술, 새로운 기술 제일 빠르게 투자하고 검증함 정부가 뉴스에서 올해 어디에 투자한다 하면 → 채용 확대 가능성 높음 또 정부가 외국 트랜드를 많이 쫓아감 대부분 유명 국내 창업자 - 해외 유학파 쿠팡 - 아마존 벤치마킹 (해외에서 국내 도입까지 2~3년) 해외 로컬 서비스는 한국에서 알기 쉽지 않음 “글로벌 컨설팅 업체에서 수집한 리포트로 방향성 제시 “ 정부에서 어떤 방향으로 투자한다를 얘기하면 심사위원들에게도 근거를 주기 좋음 디지털플랫폼정부위원회에서 투자하는 도메인 활용 사업 아이디어 발굴 - 사회적 요.. [React] 에러 해결 : img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text 에러 상황 src 이미지 주소를 삽입하였더니 경고 메세지가 떴다. img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text 원인 및 해결방법 아래와 같이, 웹 표준에 따라 img 태그는 alt를 작성해야 한다. alt를 작성하지 않는 경우도 있지만, 웹표준에 맞추려 alt를 작성해야 하는 것이다. alt 내용은 자유롭게 적으면 된다. [Blockchain] 블록체인의 본질과 암호화폐의 원리 블록체인 본질 원본 증명 원본과 사본 구별. 저작권 정보보호 위변조 해킹 방지(중복 이중지불 차단) 신뢰 매개 디지털 유통 매개. 디지털 자산기능. 거래 단위 세분화 보상 체계 탈중앙 통화 발행. 글로벌 유통 관리. 채굴과 생성 보상 💡 서비스 만들 때 적어도 이 중 2개는 충족되어야함 대한민국 정부 신뢰도는 2021년 OECD 국가 중 20위, 부패인식지수는 32위 블록체인 기술의 개념 및 정의 블록체인 90만개 코인 &토큰 없는게 5만개 이더리움 기반이 80만개 데이터를 만드는 원장에 분산형태로 간다. 새로운 이벤트가 발생할 때마다 “암호방식”으로 검증하거나 업데이트 탈중앙, 보안성, 익명성, 투명성 블록체인 및 암호화폐의 원리 블록페인이 먼저냐 암호화폐가 먼저냐 → 당연히 블록체인이 먼저! ☑️ 블.. [Blockchain] 블록체인 종류 , 블록체인 레이어 블록체인 종류 레이어1 레이어2 Monolithinc Modular solana 아비트럼 polygon 블록체인 레이어 레이어1 : 이더리움 레이어2: 아비트럼 모듈러 블록체인 -Data Availability 검열 저항성 : 누구나 블록체인 내용을 볼 수는 있지만, 너가 그걸 바꿀 수는 없다. PoS : 검열 저항성 침해. 데이터 검증하는 사람이 하지말라고 하면 검증 못함. 데이터 침범 찬성측) 사용자들의 확장성을 늘리고 나서 그때 검열 저항성을 갖고와도 되지 않겠냐 반대측) 비트코인의 이념에 벗어난다. 모듈러 블록체인 - consensus Execution : Optimism , Arvitrum, zkSync , Scroll, Starknet Settlement/Consensus : Ethereum,.. [React] React.JS, React-dom , Babel, JSX React.JS UI를 아주 인터랙티브하도록 만들어주는 library로 엔진과 같다. UI에서 바뀐 부분만 업데이트 해준다. React-dom library 또는 package. 모든 react element들을 HTML body에 둘 수 있도록 해줌. ReactDOM.render() render의 의미는 react element를 가지고 HTML로 만들어 배치한다는 것. 즉, 사용자에게 보여준다는 의미 ReactDOM.render(span, span이 가야할 위치) 그래서 보통 body에 id=“root” 만들어서 span을 root 안에 둔다. JSX 자바스크립트를 확장한 문법으로 html 문법과 유사하다. 1/ 보통의 HTML과 비슷. 그러나 property를 HTML 태그의 속성처럼 적으면 된다.. 이전 1 2 3 4 ··· 14 다음
