개인코딩개발공장

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이 출력된다.. 어레이든 오브젝트든 암거나 넣어서 보내도됨..

문제점 설명 : gogo1 이렇게 만드는건 이미 배웠고 정상적으로 작동된다. 하지만 내가 원하는 기능은 메서드 안에서 라우터를 조정하는것이다.. 조건에따라 다른 라우터를 연결하는 버튼을 만들고 싶어서였다. gogo2 여긴 템플릿 const test = ()=>{ router.push({ name: 'test' }) } 이건 메서드.. this.$router.push~ self 머시기 다 써봤는데 안되더라. 구글링 졸라게 해보니 답이나온다. 먼저 import { useRouter, useRoute } from 'vue-router' 이렇게 라우터를 임포트해주고 const router = useRouter(); const route = useRoute(); 이렇게 변수지정을 해준다. 그다음 메서드에서 con..

# children만들기 { path: "/detail/:index", component: Detail, children: [ { path: "author", component : Author }, { path: "comment", component : Comment }, ] }, 이렇게 칠드런 컴포넌트를 써주면 됨. author은 detail/:index/author으로 연결이 되는거임. 물론 import해줘야함. # detail.vue에서 으로 갖다쓰면됨. 연결은 {{posts[$route.params.index].title}} 이렇게 해줬음. ## router함수 # push함수 여기서 제목을 클릭하면 detail/~/author이라는 라우터를 기본 주소에 붙여준다는거임. 페이지 이동되는거. # g..