개인코딩개발공장

vue에서 환경변수를 설정해서 사용하려고 한다. open api사용하려는데 키 관리하려고 했다.. 사용법은 간단하다. # .env파일을 만든다. 나는 secret 값을 넣어봤따. VUE_APP_secret = 1234 # app.vue에서 스크립트부분에서 console.log(process.env.VUE_APP_secret) //1234 으로 부르면 값이 제대로 가져와진다. dotenv 모듈을 설치할 필요도 없고 아주 간단하다. 다만 중요한점은 위에서도 secret이라는 변수를 쓰기위해 VUE_APP_을 꼭 앞에 붙여줘야한다는거다. 안붙여주면 못가져온다. 사용자편의를 위해서 이렇게 만들었다고 함. ++ 참고로 .env를 수정했을때 nodemon 켜놨다고 app.vue만 저장하면 리셋되지 않는다. npm ..

먼저 cross-env모듈을 설치해주자. 따로 모듈을 서버코드에서 가져올 필요는 없다. npm i cross-env 서버 실행 모듈을 대게는 배포모드일때 pm2를 사용하며, 개발모드일때는 nodemon모듈을 사용한다. 이를 적용하려면 package.json을 수정해주어야 한다. "scripts": { "start": "cross-env NODE_ENV=production PORT=3000 pm2 start app.js", "dev": "cross-env NODE_ENV=development nodemon app.js", "test": "echo \"Error: no test specified\" && exit 1" }, # start : npm start를 커맨드에 쳤을때 설정값이다. 위코드를 해석하자면..

https://www.youtube.com/watch?v=jlzvXcDGZUU&list=PLJf6aFJoJtbUXW6T4lPUk7C66yEneX7MN&index=5&ab_channel=%EB%95%85%EC%BD%A9%EC%BD%94%EB%94%A9PeanutCoding # 타입스크립트 파일에서 컴파일을 하여 js문서로 바꿔줘야 한다. app.ts 라는 파일에서 ts코드를 적었다면 터미널에서 tsc app.ts하면 app.js라는 자바스크립트 문서로 나타난다. # 컴파일후 ts파일에서 중복된함수 에러메세지가 뜬다면? 터미널에서 tsc --init을 치면 없어짐. vs에러야. # 매번 컴파일 하지 않고 실시간으로 하려면? tsc -w watch로 계속 바로 바꿔주는거임. # 실시간으로 nodemon 처럼 ..

보호되어 있는 글입니다.

# 먼저 설치 npm i dotenv # .env파일을 만들고 # 파일내용 id = '바보' password = '1234' # js 파일에서는 require("dotenv").config(); 이거로 모듈 가져오고 # process.env.id 이런식으로 가져올수 있음.

상세페이지 상세페이지내용임 close hello App.vue axios test 부트스트랩 테스트 sassTest_blue modal1 이렇게 모달창을 맨위에 올려두고 router로 연결된 컴포넌트에 hello Main from router 모달1 오픈 export default { props: { modal: Object, }, setup(props) { console.log(props.modal.modal1); }, }; 이렇게 emit으로 데이터 보내줌 App.vue에서 openModal1이라는 데이터를 받으면 모달창을 열게해주는거임.

어떤 객체안에 어떤 키값이 어레이고 그어레이에 각각 객체가 들어있다. 이 객체를 spread문법으로 복사했는데 어레이 안에 있는 키값인 객체는 서로 참조하게 되더라. 지금까지 spread문법이 깊은복사인줄 알았는데 ㅡㅡ 암튼 let copy = JSON.parse(JSON.stringify(obj)) 이걸로 객체 참조값 다 끊고 다시 만들면 된다

보호되어 있는 글입니다.

#문제 메서드로 함수내에서 프롭스로 받아온 데이터 쓰는건 가능한데 난 setup()함수내에서 쓰고 싶었다. 근데 this로 불르든 뭐든 다 안되더라.. 그래서 props를 먼저 받아오고 setup함수에 파라미터로 넣어주니 작동이 됐음. hello from test {{testData}} export default { props : { testData : Object, }, setup(props){ console.log(props.testData.data) return { } }, } 이게 코드임 프롭스 키값을 setup보다 먼저 선언해주고 setup 파라미터안에 props 로 넣고 스코프안에서 props. ~~로 데이터 끄집어내서 쓸수 있음. 공식문서 Setup | Vue.js (vuejs.org) Se..

먼저 data/data.js 파일을 만들고 module.exports = { name : 'jacob', age : 30 } 이렇게 한다. 다른파일에서 const data = require("./data/data.js") console.log(data.name) 하면 jacob이 출력된다.. 어레이든 오브젝트든 암거나 넣어서 보내도됨..