본문 바로가기

분류 전체보기

 (126)
Nodejs 개발환경 구성(nodemon, babel-node) ※ 나는 Nodejs 버전 관리를 위해 NVM 을 사용한다. NVM 설치 및 사용방법은 아래 링크를 참고. https://velog.io/@ejchaid/윈도우에서-nvm-설치 [node.js]윈도우에서 nvm 설치 nvm: node.js 버전이 다른 개발환경에서 필요시 version을 변경하기 위해 NVM(Node Version Manager)을 설치 제어판에서 기존 node.js 제거 최신버전의 NVM을 설치 (setup으로 설치) 다운로드 : https://github.com/coreybu velog.io Nodejs 의 서버를 구동하기 위해서 사용하는 명령어는 $ node server.js 일 것이다. 개발 시 소스변경 할 때마다 명령어를 다시 치기는 너무 번거롭다. 이 때문에, 소스 변경감지 시..
[신사역] 이끼롤까스 2021.04.03 13:00 신사역에 볼 일이 생겨 장수와 함께 갔다. 점심시간이 겹쳐 근처에서 무엇을 먹을지 고민하다가 돈가스성애자 장수를 위해 메뉴는 돈가스로 pick! 퓨전돈가스집인 '이끼롤까스'를 가게되었다! 장국이 미니장독대에 나온다. 너무 귀엽다. 기본 셋팅으로 생채?와 단무지,장국,물,스프를 주신다. 스프 완전 맛있음! 내취향 우리가 시킨건 김치치즈돈가스와 고구마치즈돈가스. 김치치즈돈가스가...맛은 있는데 양이 너무 적음. 항공샷 총평을 하자면? - 장점 : 전체적으로 음식 맛 굿굿! - 단점 : 가격 생각할 때 양이 좀 적음. - 결론 : 가게 분위기도 좋고 갈 만 하다. 음. 우리는 배부르게 먹진 못해서 두번은..안 갈 듯. 양 적으신 분들은 괜찮을 듯 함. 메뉴 한개 더 시키던지! 끝!
Webstorm 에서 git 브랜치명 master -> main 으로 바꾸고 시작하기 git-flow에서 메인브랜치는 제품으로 출시될 수 있는 브랜치로 아주 중요한 브랜치다. 원래는 브랜치명이 master 이었으나, 인종차별적 요소 때문에 다른 이름으로 만드는 것을 권장하고 있다. (깃허브에서는 main이라는 이름으로 변경하기로 하였다.) 나도 메인브랜치명을 main 으로 변경하기 시작하였고, Webstorm 에서 처음 깃을 구성할 때 바꾸고 시작하는 법을 적어놓으려고 한다. 가장 좋은 방법은 깃허브에서 가이드 해주는 방법으로 명령어를 통한 변경 방법이 있다. echo "# repository-test" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add o..
[VSCode] Create-react-app import 경로 설정 React를 사용하는 경우 ./ ../ 등 path를 설정해야 한다. 설정파일 추가로 편하게 코딩이 가능하다. jsconfig.json 파일을 생성하고 코드를 추가한다. { "compilerOptions": { "baseUrl": "src", "paths": { "*": ["src/*"] } } } 위와 같이 설정하면 ./ 같은 경로 설정 없이 import가 가능하다. 대신 기존의 ../ 경로는 모두 지워야 한다.
[React] react-router-dom 시작하기 (feat. material-dashboard) 현재 CRA를 이용하여 프로젝트를 생성하였다. 간편한 디자인 적용을 위해 material-UI에서 제공해주고 있는 무료 템플릿을 가져다 썻다. 필요없는 소스파일을 없애기 위해 내가 만든 프로젝트에 material 템플릿을 차차 적용시켜보려고 한다. SPA(Single Page Application)을 개발할 때 가장 먼저 겪는 어려움은 웹페이지 라우팅이 아닌가 싶다. 역시나 첫번째 난관이 react-router 컴포넌트에서 발생했는데.. 찾아보니 NavLink 컴포넌트가 정상 작동을 하지 않았다. 그 과정에서 작성하게된 글이다. React Router란? 주소에 따라 다른 뷰를 보여주는 것을 라우팅이라고 한다. 이 때 SPA 특성상 페이지를 새로고침하지 않으면서 화면을 전환해주어야 한다. 라우팅은 rea..
Nodejs Express + Sequelize 기본 셋팅(Postgresql) Nodejs 의 ORM Sequelize 초기 셋팅을 위한 라이브러리 설치 // npm $ npm i --save sequelize $ npm i --save pg pg-hstore $ npm i --save js-yaml // yarn $ yarn add sequelize $ yarn add pg pg-hstore $ yarn add js-yaml // sequelize/index.js const { Sequelize, Op, DataTypes } = require('sequelize'); const fs = require('fs'); const path = require('path'); const basename = path.basename(__filename); const yaml = require..

티스토리툴바