2021년 4월이 지났다. 다음과 같은 것들을 했다. 쇼핑몰 런칭 준비 새로운 블로그 마케팅 및 세일즈 사진 촬영과 영어, 개발 공부 그리고 번역 간략한 후기들을 남겨본다. 먼저, 쇼핑몰 런칭은 생각보다 쉽지 않았다. 현재 웹사이트는 거의 만든 상태이고, 마지막 홍보와 마케팅이 남았는데 친구와 둘이서 이 모든 걸 해낸다는 게 버겁기도 하다. 과연, 물건이 얼마나 잘 팔릴 수 있을까? 어서 시장의 반응을 보고 싶다. 새로운 블로그에서 마케팅과 세일즈를 하고 있다. 생각보다 잘 풀려서 꽤나 괜찮은 수익을 내고 있다. 새롭게 알아가는 지식들을 정리하는 곳이라 나 또한 글을 작성하며 많이 배우고, 또 이를 공유하며 수익도 창출할 수 있다니 좋은 거 같다. 프리랜서의 장점이자 단점은 결과에 대한 보상에 하한선과 ..

요즘 나는 매일 세 가지 일을 얼굴도 모르는 이들과 함께 하는 온라인 습관 만들기 프로젝트에 참여하고 있다. 카카오에서 제공하는 이라는 플랫폼을 통해서인데, 참여자들은 각 프로젝트마다 1만원의 예치금을 지불하고 참여권을 얻는다. 이후, 100일 간의 목표 달성 시 1만원를 다시 돌려 받고, 그렇지 못할 경우 카카오가 이를 실제 기부금으로 활용하게 되는 방식의 프로젝트다. 그렇게 내가 3만원을 내고 가입한 모임은 1. 사진으로 하루를 기록하고, 2. 매일 영어 원서를 필사하고, 3. 개발을 공부하는 모임이다. 시작한지 10일 차에 접어든 오늘까지 하루도 빠지지 않고 인증을 마쳤는데, 이 짧고도 긴 기간 동안 습관을 만드는 일이 얼마나 쉽지 않은지를, 그래서 한 번 만들어진 습관은 얼마나 강력한 것인지를 몸..

서버 사이드 렌더링은 서버에 HTML 파일을 저장해두었다가, 요청이 발생할 때 모든 파일을 브라우저에 전달하는 방식으로 SEO, 인덱싱, 크롤링에 최적화되어 있습니다. 반면, 클라이언트 사이드 렌더링은 서버에서 HTML 파일을 처리하지 않고, 브라우저의 자바스크립트를 통해 상호작용하는 방식입니다. 클라이언트 사이드 렌더링은 초기 로딩 이후 서버 사이드 렌더링에 비해 빠르다는 장점이 있습니다. 서버 사이드 렌더링(SSR): 클라이언트 사이드 또는 유니버셜 앱 HTML을 서버를 통해 렌더링 클라이언트 사이드 렌더링: 주로 DOM을 사용하여 브라우저에서 렌더링 서버 사이드 렌더링 설명 서버 사이드 렌더링은 정보를 화면에 표시하는 가장 일반적인 방법입니다. 이는 서버 내 HTML 파일을 변환하여 브라우저에서 출..

Node를 통해 서버를 실행할 경우, 파일의 변경 사항이 발생하여도 서버가 실행 중일 경우에는 자동으로 새로고침 되어 변경 사항이 반영되지 않습니다. 따라서, 커맨드 라인에서 실행 중인 서버를 종료하고 다시 노드를 실행하고, 새로고침해서 확인해야 하는 번거로움이 있는데요. 변경 사항을 자동으로 반영하도록 할 수는 없을까요? 노드에서 자동으로 서버 새로고침하기 파일에 변경 사항이 발생했을 때, 노드에서 자동으로 서버를 새로고침하려면 다음과 같이 새로운 NPM 인 nodemon을 설치해야 합니다. npm install -g nodemon nodemon 을 설치한 다음에는 이를 사용하기 위해 node server.js와 같이 파일을 실행하지 않고, nodemon server.js 와 같이 파일을 실행합니다. ..

모든 npm 패키지는 package.json 파일을 프로젝트 루트에 포함하고 있습니다. package.json 파일은 무엇이며 또 어떤 역할을 할까요? pacakage.json이란? package.json 파일에는 프로젝트와 관련된 메타데이터가 담깁니다. 앞서 npm을 패키지를 주고 받는 장소라고 설명했는데요. package.json 은 주고 받는 패키지에 대한 상세 설명서라고 할 수 있습니다. 즉, 패키지의 이름, 버전, 데이터 등이 담긴 파일이 바로 package.json입니다. 이러한 정보들은 모두 npm 뿐만 아니라 패키지의 최종 사용자에게 무척 중요한 것들입니다. 이러한 package.json 파일은 보통 Node.js 프로젝트의 루트 디렉토리에 위치해 있으며, npm 은 이를 통해 프로젝트를 ..

NPM이란? NPM은 Node Package Manager의 약자로 유용한 패키지를 빠르고 쉽게 공유할 수 있게 하는 패키지 매니저입니다. 패키지란 개발자들이 만든 일련의 유용한 도구 및 프레임워크를 의미하는데요. NPM이란 이러한 패키지를 관리하는 장소이자 도구 및 방법입니다. 오늘날 NPM은 자바스크립트 런타임 Node.js의 기본 패키지 매니저로 사용되고 있습니다. NPM은 다음 두 가지 주된 요소로 구성됩니다. 패키지 출시 및 다운로드를 위한 CLI(Command-Line Interface) 도구 자바스크립트 패키지 호스팅을 위한 온라인 저장소 정리하자면 NPM이란 Node.js에서 사용되는 기본 패키지 매니저로 개발자들이 만든 유용한 패키지들을 함께 공유하는 장소 및 도구입니다. 다양한 NPM ..

홀로 자전거를 타고 뉴질랜드를 여행할 때였다. 당시 나는 2박 3일의 식량을 짊어지고 레인보우 트레일을 지나고 있었다. 여행 첫 날, 예상치 못한 자전거 고장과 심각한 비포장 도로 상태 때문에 예상보다 얼마 달리지 못한 채 산 중턱에서 밤을 맞은 적이 있었다. 아무도 없는 깜깜한 산에서 헤드라이트 하나를 켜고 광활한 대지를 달리고 있자니, 덜컥 무서운 생각이 들기도 했다. 그렇다고 오전에는 드문드문 차가 오가기도 하는 길 한복판에 텐트를 치고 잘 수도 없는 노릇이라 지도에 봐두었던 호수까지 이를 악물고 달리는 수 밖에 달리 방법이 없었다. 그렇게 예상보다 몇 시간을 더 걸려 한밤 중 캠프 사이트에 도착하자, 온 몸에 힘이 쭉 빠져 쓰러지고 말았다. 그 날 내가 길을 달려갈 수 있었던 이유는 길이 있다는 ..

어떤 브랜드는 왜 인기 브랜드가 되고, 또 어떤 브랜드는 외면 당할까? 수 억을 들여 만든 광고는 왜 망하고, 몇 십만원을 들여 대충 만든 광고가 성공하는 이유는 무엇일까? 이러한 상황을 이해하려면 오늘날 소비 문화를 주도하는 MZ 세대를 이해해야 한다. * 이 글은 책 《 지금 팔리는 것들의 비밀 》을 읽고 작성한 글입니다. MZ 세대란? MZ 세대는 1980년대에서 2000년대 사이에 태어난 밀레니얼(M) 세대와 1990년대에서 2000년대에 태어난 제트(Z) 세대를 함께 일컫는 말이다. 국내 인구는 1,700만 명 정도 되는데, 국내 소비의 절반 가량을 차지하고 있다. MZ 세대는 오늘날 소비 '문화'를 이끌어 가고 있는 이들이며, 기업들은 이러한 MZ 세대를 공략하기 위해 고군분투하고 있다. 마켓..