이영훈닷컴

안녕하세요, 오늘은 JavaScript를 이용해 로컬 스토리지를 활용한 간단한 메모 앱을 만드는 방법을 소개하려고 합니다. 이 프로젝트는 JavaScript, HTML, CSS의 기본적인 지식을 활용하여 실제로 동작하는 웹 애플리케이션을 만드는 재미를 느낄 수 있는 좋은 예제입니다. 지금부터 코드를 하나씩 살펴보면서 어떻게 구현되는지 알아보겠습니다.1. 로컬 스토리지와 메모 저장 기능로컬 스토리지는 브라우저에 데이터를 저장할 수 있는 기능입니다. 이 프로젝트에서는 사용자가 메모를 작성하고 저장 버튼을 누르면, 해당 메모가 로컬 스토리지에 저장되도록 구현되었습니다. 아래는 주요 JavaScript 코드입니다:saveBtn.onclick = function() { if (text.value == '') {..

이더리움(Ethereum)은 비트코인과 같은 블록체인 기술을 기반으로 하지만, 단순한 암호화폐 시스템이 아니라 스마트 컨트랙트(Smart Contract)를 실행할 수 있는 분산형 컴퓨팅 플랫폼입니다.즉, 중앙 서버 없이 네트워크 참여자들이 서로 신뢰할 수 있는 계약을 자동으로 실행할 수 있는 환경을 제공합니다.1. 이더리움 블록의 구조이더리움 블록체인은 여러 개의 블록(Block)이 연결된 형태입니다. 각 블록에는 아래와 같은 데이터가 들어 있습니다.① World State Trie (월드 스테이트 트라이)블록체인의 현재 상태를 저장하는 데이터베이스모든 계정(Account)과 스마트 컨트랙트(Smart Contract)의 상태(State)를 보관② Transaction Trie (트랜잭션 트라이)블록 ..

오늘은 Python에서 Ethereum 블록체인과 상호작용할 때 사용하는 web3.py와 web3py-ext의 차이에 대해 정리해봤다. web3.py란?Python에서 Ethereum 네트워크와 연결하여 스마트 컨트랙트를 호출하고 트랜잭션을 보낼 수 있도록 해주는 공식적인 Web3 라이브러리이다. 주요 기능:Ethereum 노드와 연결 (Infura, Alchemy, Geth 등) 스마트 컨트랙트 배포 및 호출 트랜잭션 전송 및 서명 이벤트 로그 조회 공식 문서: web3.py GitHub web3py-ext란?web3.py를 확장하는 비공식 라이브러리 또는 서드파티 확장 패키지로, 기본 web3.py에 없는 기능을 제공할 수 있다. 예시 기능:특정 네트워크 지원 커스텀 프로바이더 추가적..

이더리움 초보자 가이드: 블록체인 놀이터로 떠나는 여행1. 이더리움이란 무엇인가요?블록체인 기술의 확장판이더리움은 비트코인처럼 블록체인 기술을 기반으로 하지만, 단순한 암호화폐 전송 기능에 그치지 않고 분산 컴퓨팅 플랫폼 역할을 합니다. 쉽게 말해, 전 세계 사람들이 함께 사용하는 거대한 가상 컴퓨터라고 할 수 있어요.왜 이더리움이 특별할까요?비트코인은 돈을 주고받는 용도로만 사용됩니다. 하지만 이더리움은 스마트 계약(Smart Contract)이라는 기능을 통해 다양한 조건을 설정하고, 조건이 충족되면 자동으로 실행되는 프로그램을 만들 수 있어요.예를 들어:특정 날짜가 되면 자동으로 임대료 지급게임에서 특정 점수를 넘기면 보상 지급이 모든 것을 사람이 개입하지 않고 코드만으로 실행합니다.2. 이더리움의..

오늘은 파이썬 프로젝트에 ckzg 패키지를 설치하는 과정에서 발생한 오류와 그 해결 방법에 대해 정리합니다.문제 상황Building wheels for collected packages: ckzg Building wheel for ckzg (pyproject.toml) ... error error: subprocess-exited-with-error × Building wheel for ckzg (pyproject.toml) did not run successfully. │ exit code: 1 ╰─> [6 lines of output] running bdist_wheel running build running build_ext 'cl'은(는) 내부 또는 외..

블록체인 기술은 최근 몇 년간 많은 관심을 받으며 다양한 산업에 혁신을 가져오고 있습니다. 그중에서도 비트코인(Bitcoin)과 이더리움(Ethereum)은 가장 대표적인 블록체인 플랫폼으로 꼽힙니다. 이 글에서는 비트코인과 이더리움의 차이점을 초보 개발자가 이해하기 쉽도록 자세히 설명하겠습니다.1. 블록체인의 기본 개념비트코인: 전자화폐비트코인은 2009년 사토시 나카모토(Satoshi Nakamoto)라는 익명의 인물(또는 단체)에 의해 개발되었습니다. 비트코인의 가장 큰 목적은 중앙화된 금융 시스템 없이 개인 간(P2P)의 전자화폐 거래를 가능하게 하는 것입니다.이더리움: 스마트 계약 플랫폼이더리움은 2015년 비탈릭 부테린(Vitalik Buterin)이 개발한 블록체인 플랫폼입니다. 이더리움은 ..

안녕하세요! 오늘은 출퇴근 관리 자동화에 대해 이야기해 보려고 합니다. 여러분도 반복적인 작업에 지쳐본 적 있나요? 제가 최근에 경험한 문제와 이를 해결한 과정을 공유하며, 여러분의 업무 흐름을 더 효율적으로 만들 수 있는 방법을 알려드리겠습니다.배경 이야기저는 스타트업에서 풀스택 개발자로 일하고 있습니다. 우리 회사는 직원 출퇴근 관리를 위해 Keka라는 시스템을 사용하는데, 매일 출근할 때와 퇴근할 때 수동으로 체크를 해야 합니다. 문제는 가끔 체크를 깜빡 잊는 경우가 있다는 점이었어요. 그 결과, 출근 상태가 '미체크'로 표시되고 이를 수정하려면 Keka에 티켓을 올려야 했습니다. 이 번거로운 과정을 자동화할 방법이 필요했습니다.문제 분석처음에는 Keka가 제공하는 API를 찾으려 했지만, 아쉽게도..

웹3(Web3)은 블록체인 기술을 기반으로 한 탈중앙화된 인터넷 생태계로, 새로운 데이터 저장 방식과 애플리케이션 구조를 제시하고 있습니다. 오늘은 웹3의 핵심 요소 중 하나인 탈중앙화 스토리지와 블록체인 기술에 대해 알아보겠습니다.블록체인의 기본 개념블록체인은 데이터가 체인 형태로 연결된 구조로, 각 데이터 블록은 시간 순서대로 기록됩니다. 이는 데이터 조작이 거의 불가능한 안전한 시스템을 제공합니다. 쉽게 말해, 블록체인은 안전하게 저장된 데이터 풀이라고 볼 수 있습니다.블록체인 네트워크 레이어블록체인은 두 가지 주요 네트워크 레이어로 나뉩니다:EVM(Ethereum Virtual Machine) 블록체인: 이더리움 기반 네트워크로, 스마트 계약을 실행할 수 있는 환경을 제공합니다. 대표적인 예로 이..

fastapi 로 cms 개발겸 바로뉴스 서비스 구현 목표로 계획 했으나 요즘 블록체인 공부 재미에 푹 빠져 fastapi cms 개발은 저 멀리 가버렸다. 일달 블록체인 공부하면서 뭘로 개발할지 어떤 언어로 개발할지 일단 공부하고 난 후에 다시 결정!!!

웹 개발자로서 여러 작업을 동시에 처리해야 하는 상황, 익숙하시죠? 예를 들어, 음악을 재생하면서 🎶 파일을 다운로드하고 📥 사진을 업로드 📤하는 것처럼 말이에요. 이런 여러 작업을 하나씩 순차적으로 처리한다면 너무 느리고 비효율적이겠죠. 바로 여기서 멀티스레딩이 등장합니다! 멀티스레딩은 브라우저가 여러 작업을 동시에 처리할 수 있도록 도와주는 기술입니다. 이를 통해 사용자는 빠르고 원활한 경험을 누릴 수 있죠. 예를 들어, 음악이 끊기지 않으면서 파일 다운로드와 업로드가 동시에 진행되는 것처럼요. 멀티스레딩의 기본 개념은 작업을 작은 단위로 쪼개어 여러 개의 '스레드'로 나누고, 이 스레드들이 병렬로 실행되도록 만드는 것입니다. 이렇게 하면 CPU 자원을 더 효율적으로 사용할 수 있어 성능이 대폭..