소프트웨어 개발

코드 예제로 보는 바닐라 자바스크립트 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