Next.js 배포 환경에 따른 여러 환경변수(.env) 설정
문제 상황 현재 프로젝트에서 배포 환경이 3가지(dev, stg, prod) 환경별로 다른 env로 중요 키값들을 설정하려고 함. dev -> .env.development stg -> .env.staging prod -> .env.produnction
javascript input 제어(날짜 자동 하이픈, 숫자만 입력)
(1) 숫자만 입력받기 일반적으로 input type에 number를 입력할 수 있지만 단점이 있다. 입력한 문자가 value에 들어가진 않는데 화면에 입력한 값이 보이며 특수문자 또한 입력이 가능하다. 그래서 number type을 사용하지 않고 정규식을 이용해 사용자가 입력한 문자값은 아예 볼 수 없도록 설정한다. 이때 input event를 사용하...
vue bootstrap 기본 세팅
설치 세팅 header 테이블 item 프로퍼티로 표에 들어갈 데이터를 한번에 넣어줄 수 있다. field 프로퍼티는 데이터 중 표에 들어갈 키와 값을 설정할 수 있다. 데이터 네임이 아닌 label속성을 통해 이름을 변경할 수 있으며, sortable 속성으
[VUE.js] vue 게시판 만들기(2)
✅ vue router 데이터 종류 vue router로 데이터를 전달할 때 두가지 있다. query JSON 형태이며 query string 형태로 전달되는 파라미터 $router.query로 접근 query string url 뒤에 붙는 키와 값으로 구성된 파라미터들을 의미. 서버에 추가적인 정보를 전달할 수 있다. 쿼리 스트링으로 값을 전달하고 싶을...
vue board 만들기(read/create)(1)
READ DB는 일단 게시판 완성 후 만들어보고 data 폴더에 더미 데이터를 만든다. 각각의 데이터를 불러오고 싶을 때 v-for 반복문을 이용하면 간편하다 @ 경로 프로젝트가 커지면 경로를 지정할때 뎁스가 깊어지기 때문에 @를 이용한 경로를 확인하면 간편하다.