액티브 시니어

리액트에 어떻게 타입스크립트를 적용하는지 궁금한데,타입스크립트 기본 문법에 이어 관련 내용이 나오는군요. 먼저 '프로젝트 생성하기'부터 시작해서 차근차근 따라가려 합니다.// TypeScript로 프로젝트 생성하기npx create-react-app . --template typescript// src 폴더에서 아래 파일들을 제외하고 모두 삭제src/react-app-env.d.tssrc/reportWebVitals.tssrc/setupTests.ts 커밍 순...

10월 18일에 리액트를 시작하고, 오늘부터 타입스크립트를 시작합니다. 누가 백앤드 쪽이 쉽다고 했나요?리액트를 공부하니까 결코 백앤드가 쉽지 않다는 생각이 드는군요. 인프런과 코드잇에서 인강을 시청하면서 프로젝트도 만들어봤는데, 꼭 다시 한번 복습해야겠다는 필요성을 느끼고 있습니다. '타입스크립트도 리액트의 연장선에 있겠지'라고 생각했는데, 타입스크립트는 자바스크립트 연장선에 있군요. 타입스크립트 기본 문법을 학습하고 보니, '리액트에 타입스크립트 적용하기' 토픽이 있군요. 이 역시 리액트와 연결해 공부해야 할 것 같습니다.백앤드 쪽은 타입스크립트와 피그마까지만 공부하고 일단 잠시 멈추려고 합니다.  이후로는 프런트앤드와 백앤드를 연결해서 정말 하나의 프로젝트를 완성할 계획입니다.  블록체인 과정에서는..

대학원을 졸업하고 20여 년이 훌쩍 지난 지금...프로그램 개발에 필요한 소프트웨어를 무료로 이용할 수 있다는 게 얼마나 고맙고 신기한 일인지 모릅니다. 저는 대학원에서 전산유체역학(Computational Fluid Dynamaics)을 전공했는데,당시에는 포트란을 이용해 코딩을 했습니다. 소스코드를 구동시키기 위해서는 유료 버전의 프로그램을 사용해야 했는데,쩝... 가격이 만만치 않았습니다. 미국의 경우 NASA의 소스코드를 자국민들에게 무료로 배포하는데, 외국인에게는 배포하지 않았습니다. NASA의 소스코드가 있으면, 실제로 실험하지 않고도 미사일이나 포탄의 비행 등을 무료로 시뮬레이션할 수 있는데...미국이란 나라 정말 부러운걸! 지금 코딩 공부를 하고 있는데... 글쎄 코딩에 사용하는 프로그램을..

리액트에서 사용하는 주요 npm 명령어를 정리합니다. // npm 프로젝트 적용: 프로젝트 폴더에서 다음 명령 실행 npm init react-app .// npm 시작npm start// React-Router-Dom 설치npm install react-router-dom@6// classnames 설치npm install classnames// styled-components 설치npm install styled-components// react-query 설치npm install @tanstack/react-query 저는 classnames 명령어를 입력하지 않아 컴파일할 때 오류가 계속 발생하더라고요. 원인은 classnames를 npm으로 설치하지 않아서였는데, 뤼튼의 도움으로 원일을 알게 되..

코드잇 'React로 데이터 다루기' 토픽을 따라 하며 완성한 프로젝트 2가지로하나는 Moviepedia이고, 다른 하나는 Foodit입니다. 따라하기는 했지만, 여전히 리액트는 어렵게 느껴지는군요. 두 프로젝트는 한번 더 복습하면서 코딩을 직접 해봐야겠습니다.^^ Moviepedia : https://github.com/ldh52/React/tree/main/moviepediaFoodit : https://github.com/ldh52/React/tree/main/foodit

이더리움 관련 주요 사이트를 정리합니다. 공식 사이트 : https://ethereum.org/ko/깃허브 : https://github.com/ethereumEthereum Average Gas Price Chart : https://etherscan.io/chart/gaspriceEther 발행과 소각 : https://ultrasound.money/이더리움 블록체인 데이터 확인 : https://www.blockchain.com/explorer/blocks/ethGeth : https://geth.ethereum.org/Etherscan : https://etherscan.io/Sepolia testnet : https://sepolia.etherscan.io/Tenderly : https://da..