전체 글 (126) 썸네일형 리스트형 [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.. 이전 1 ··· 39 40 41 42 다음
