소프트웨어 개발

코드 예제로 보는 바닐라 자바스크립트 vs 리엑트 제이에스

리엑트를 처음 배우는 분이라면 이미 기본적인 자바스크립트(Vanilla Javascript)는 사용할 줄 아실 텐데요. 본격적으로 리엑트 에이에스(ReactJs)를 배우기 전에 코드 예제를 통해서 바닐라 자바스크립트와 리엑트 제이에스가 어떻게 다른지를 살펴보는 것은 두고두고 도움이 되는 좋은 경험이 될 겁니다. 먼저 간단한 자바스크립트로 버튼이 클릭될 때마다 Like 숫자를 하나씩 올려주는 html 페이지를 하나 만들어 보겠습니다. 그다음에 동일한 동작을 하는 ReactJs 코드를 작성하려고 합니다. 1. 바닐라 자바스크립트 코드 예제 예제에 사용할 html은 아래와 같이 단 3줄의 엘리먼트를 표시하고 있습니다. 맨 첫줄의 h1은 제목 역할을 하고 있습니다. Like라고 되어 있는 버튼이 있고 p 태그로..

2023. 4. 11. 00:59

소프트웨어 개발

맥에 홈브루로 NodeJs 설치하고 NodeJs 버전 관리하기

이번 글에서는 맥오에스에서 홈브루로 NodeJs를 설치하고 버전 관리를 하는 방법을 알아보겠습니다. 요즘 백엔드 개발을 NodeJs로 하는 것이 아주 큰 흐름으로 자리 잡고 있는 것 같습니다. 개발환경으로 맥북이나 아이맥을 사용하는 경우 노드를 설치하게 되는 것은 기본이 되겠죠. 그리고 여러 프로젝트를 하다 보면 여러 개의 노드 버전을 사용하게 되고요. 이 두 경우 홈브루를 사용해서 어떻게 관리를 할 수 있는지가 이번 글의 주제입니다. 1. 홈브루 NodeJs 버전 확인 NodeJs는 어떤 버전이 있는지 확인해 보고 홈브루는 어떤 버전을 지원하고 있는지를 확인해 보려고 합니다. 1.1. NodeJs 버전 종류 NodeJs의 버전은 크게 현재(Current) 버전과 LTS(Long Term Support)..

2023. 4. 11. 00:46

소프트웨어 개발

맥오에스 홈브루 설치, 디렉토리 구조 이해하기

홈브루(Homebrew)는 주로 개발자들이 애플 맥오에스(Apple macOS)를 사용하게 되면 필수적으로 사용하게 되는 프로그램인데요. 홈브루를 아직 설치해 보지 않은 경우 설치부터 홈브루 디렉터리 구조와 추가적인 프로그램 설치(패키지 설치)까지 단계적으로 해 볼 수 있도록 하겠습니다. 우선 홈브루란 무엇인지부터 이야기를 해야겠죠. 1. 맥오에스(macOS) 홈브루란? 홈브루(Homebrew)는 애플 맥오에스(Apple macOS)에서 기본적으로 제공하지 않는 소프트웨어 패키지를 쉽게 설치할 수 있도록 도와주는 프로그램입니다. 저는 사용해 보지는 않았지만 현재 홈브루는 맥오에스뿐 아니라 리눅스 환경에서도 사용가능하다고 공식 홈페이지에서 안내를 하고 있습니다. 설치 정보는 공식 홈페이지에도 나와 있으니 ..

2023. 4. 11. 00:21

소프트웨어 개발

깃(git) 실전 가이드

소프트웨어 버전 관리 툴인 깃을 10년 가까이 사용해 오면서 깃에 많이 익숙해 진 건 사실입니다. 하지만 언젠가는 한번 전체적인 기능을 리뷰를 해 보는 시간을 갖어야겠다고 생각했죠. 깃을 사용하는데 필요한 실전 가이드 목록을 소개합니다.깃은 뭐가 다른가?깃과 함께 개발하기깃 커밋 가이드깃 리베이스 사용하기깃 유용한 팁깃 용어 정리깃 필수 명령어 생각보다 내용이 좀 깁니다.그래도 소프트웨어 개발을 할 때 피해갈 수 없는 관문이기도 하니 이 기회에 잘 읽고 많은 도움 받기를 기대합니다.

2018. 11. 27. 22:04

자바스크립트

ES6 자바스크립트 소개

ES6 소개자바스크립트는 2009년에 이크마스크립트 2009(ECMAScript 2009)가 발표된 후 2015년에 새로운 표준을 발표하게 됩니다. 새로 발표된 이크마스크립트 6(ECMAScript 6, ECMAScript 2015, ES6)는 프로그래밍을 좀 더 유연하고 편하게 할 수 있는 다수의 기능을 포함하고 있습니다. 현재 주요 자바스크립트 엔진에서는 대부분의 기능을 구현한 상태입니다. 각 브라우저별 구현 상태는 ES6 호환 테이블에서 확인 할 수 있습니다. 최근 상당한 인기를 끌고 있는 Node.js를 배우기 위해서는 ES6에 새로 추가된 기능을 알아두는 것이 여러모로 유용합니다. 특히나 이미 자바스크립트로 프로그래밍을 하는데 익숙하신 분들은 ES6에 추가된 기능을 한번 쭉 훌어보는 것만으로 도..

2018. 11. 11. 17:43

블록체인

비트코인 코어(Bitcoin Core) 소스 분석에 도움이 되는 자료 모음

비트코인 개발자 문서링크 : https://bitcoin.org/en/developer-documentation비트코인 org에서 제공하는 문서비트코인 에지 워크숍 튜토리얼링크 : https://bitcoinedge.org/tutorialsDev++2017에서 발표된 튜토리얼 모음비트코인 완전 정복(Mastering Bitcoin) 2nd Edition링크: https://github.com/bitcoinbook/bitcoinbook Mastering Bitcoin 2판 영문 책

2018. 4. 15. 23:19