사랑과 유머에 중독된 개발자 사랑과 유머에 중독된 개발자

1. 환경변수란? 환경변수란 프로세스가 컴퓨터에서 동작하는 방식에 영향을 미치는, 동적인 값들의 모임 1.1 환경변수가 필요한 이유1 어떤 기관의 대표 번호로 전화를 하고 내가 원하는 부서를 말하면 그에 맞게끔 전화가 연결되는 경험을 해봤을 것이다. 만약에 대표 번호가 없다면 어떻게 될까? 해당 기관의 모든 부서에 전화를 하며 내가 원하는 부서를 찾아야 할 것이다. 환경 변수가 필요한 이유 또한 이와 비슷하다. 환경 변수는 프로세스가 어떠한 작업을 할 때 필요로 하는 정보를 손쉽게 접근/처리할 수 있도록 해주는 것이다. 위의 전화 예시를 살펴보면, 대표 번호라는 환경 변수는 여러 부서에 대한 정보를 손쉽게 접근할 수 있도록 해주는 것이다. 출처 : https://gliver.tistory.com/43 환..

https://velog.io/@amoeba25/CommonJS-ES6-%EB%B0%A9%EC%8B%9D%EC%9C%BC%EB%A1%9C-Node.JS-%EB%AA%A8%EB%93%88-%EB%8B%A4%EB%A3%A8%EA%B8%B0 CommonJS / ES6 방식으로 Node.JS 모듈 다루기 부트캠프 프로젝트 내내 require 키워드를 활용하여 불러온 모듈을 변수에 할당했다. 하지만 늘상 vscode는 내게 ES6 방식의 불러오는 방식을 추천해줬다. 이참에 오늘은 둘의 차이점을 알아보고 멋 velog.io https://tech.kakao.com/2023/10/19/commonjs-esm-migration/ CommonJS에서 ESM으로 전환하기 안녕하세요, FE플랫폼팀에서 FE 개발자를 위한 개..

https://hello-woody.tistory.com/16 읽기 쉬운 데이터 테이블 디자인 B2B 솔루션 업계에 있다보면 생각보다 테이블 디자인을 많이하게 됩니다. 정보들을 차트로 시각화하는 작업도 많이하지만 테이블 속 정보들을 쉽게 읽히도록 하기 위해 고민을 많이하게 되죠. hello-woody.tistory.com

https://velog.io/@holicme7/K8s-%EC%BF%A0%EB%B2%84%EB%84%A4%ED%8B%B0%EC%8A%A4%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80 [K8s] 쿠버네티스란 무엇인가? 쿠버네티스는 간단히 말하면, 컨테이너화된 워크로드와 서비스를 관리하기 위한 이식성이 있고 확장 가능한 오픈소스 플랫폼이다. 일단, 쿠버네티스를 뭔지 제대로 알려면 애플리케이션 배포 velog.io

https://velog.io/@ryudg/2024%EB%85%84-%EB%AA%A8%EB%93%A0-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EC%95%8C%EC%95%84%EC%95%BC%ED%95%A0-%EC%9D%B8%ED%84%B0%EB%B7%B0-%EC%A7%88%EB%AC%B8 번역)2024년 모든 자바스크립트 개발자가 알아야할 인터뷰 질문 10 Interview Questions Every JavaScript Developer Should Know in 2024 velog.io 인터뷰 뿐만 아니라, 자바스크립트 개발자로서 알아야할 최신 주요 개념들을 짚어가는 의미로도..

1. 설치 및 적용 설치하기. 배포 시에도 적용되어야 하는 패키지이므로 --save 옵션을 적용해준다. npm install --save express-handlebars 적용하기 // app.js const express = require("express"); const expressHbs = require("express-handlebars"); // express 내장 엔진이 아니므로 임포트가 필요 const app = express(); app.engine("hbs", expressHbs.engine()); //핸들바를 템플릿 엔진으로 등록 app.set('view engine', 'hbs'); // 뷰 엔진 적용 app.set('views', './views'); app.get('/', (req..

https://velog.io/@isdiscodead/Netlify%EB%A1%9C-React-%EB%B0%B0%ED%8F%AC-%EC%A4%91-%EB%B0%9C%EC%83%9D%ED%95%9C-%EC%98%A4%EB%A5%98%EB%93%A4 🤬 Netlify로 React 배포 중 발생한 오류들 아 진짜 킹.받네 /................이거는 내가 netlify로 리액트 배포를 처음 해봐서 실수한 부분이 있었다.npm run build를 실행하면 원래 build 폴더가 생기는데 그 친구를 배포 폴더로 설정해줘야 한다고 velog.io 예전에 만들어뒀던 웹 키오스크가 배포가 갑자기 멈췄다. Netlify 설정이 변경된 듯하다. npm run build -> CI = npm run build

기존코드 const path = require("path"); const express = require("express"); const rootDir = require("../util/path"); const adminData = require("./admin"); const router = express.Router(); router.get("/", (req, res, next) => { res.render('shop'); }); module.exports = router; 이제 요청으로 들어온 데이터를 함께 내보내보자. const products = adminData.products; res.render("shop", { prods: products, docTitle: 'Shop' }); produ..