eval() eval 함수를 사용하면, 문자열을 넣어도 코드로 인식하게된다. eval("6 + 2") //8 문자열으로 넣게되어도, 코드로 인식하여 두 수를 더한 결과인 8이 출력된다. console.log(this.$refs.getData.innerHTML); 내가 eval을 활용한 것은 innerHTML 을 이용해서 ref속성의 값이 getData인 div태그의 값을 console,log에 출력하는 코드를 만들고 싶은데, 이때 getData 부분을 변수처리를 하고싶었습니당. const aa = `this.$refs.${this.getData}.innerHTML`; console.log(aa); 그래서 ` `와 ${ }를 통해서 처리를 할려했는데, 위의 코드대로하면 ` ` 안에 있는 것을 모두 stri..
IT 공부
Click me div를 클릭하면 aaa 함수를 실행 methods: { aaa() { console.log(this.$refs.getData); } } ref 속성으로 작성한 것은 vue 인스턴스의 $refs 속성을 이용해서 가져올 수 있습니다. vue에 내장된 속성은 앞에 "$"를 붙혀서 가져오게 됩니다. $refs 다음에는 가져오고자 하는 ref 속성의 값을 넣어주면 해당 ref 속성 값을 가지고 있는 태그값을 가져올 수 있습니다.
방법 event.target.getAttribute(속성명); 사용 클릭 methods: { getAttribute(e) { console.log(e.target.getAttribute('data')); } }
Personal access tokens 생성 토큰 인증방식으로 변경하기 위해서는 토큰을 먼저 생성을 해야합니다. github.com 에서 setting 메뉴 선택 Developer settings 선택 Personal access tokens 선택 Note -> 토큰의 이름 설정 Expiration -> 만료기간 설정 Select scopes -> 적용시킬 범위 설정 (repo 선택) 위 세개의 항목을 설정한 뒤에 아래 생성을 누른다. 그러면, 토큰 암호 값이 생성이 된다. 그것을 잘 저장시켜 둡니다! Windows 자격 관리자 설정 제어판 자격 증명 관리자 선택 Windows 자격증명 클릭을 하면, 아래에 일반 자격 증명에 github.com 을 클릭 편집 클릭 암호 입력란에, 아까 생성한 토큰 암호..
Jetstream 설치하기 composer require laravel/jetstream php artisan jetstream:install inertia inertia라는 stack을 사용하겠다. 서버를 동작시키고 웹페이지로 확인해 보면, 우측상단에 Login과 Register가 생긴 것을 확인할 수 있다. Jetstream을 설치하면, 자동적으로 tailwind까지 설치되어 적용되는 것을 확인 할 수 있다. Email인증 회원가입 회원가입을 할 경우, Email을 인증해야지만 가입이 가능하도록 하기 위해서는 Jetstream의 기능을 사용하면, 쉽게 구현 할 수 있다. User.php class User extends Authenticatable implements MustVerifyEmail 우선..
detail components 게시글 클릭했을 때, 상세 페이지 만들기 Read.vue 기존 Read 컴포넌트에서 onClick 이벤트를 이용해서 detail 컴포넌트로 이동하는 함수를 실행시킨다. detail(i){ this.$router.push({ //params를 넘겨줄때에는 push할때 path보단 name을 사용 name: 'Detail', params: { contentId: i } }) } route.js import Detail from "./components/Detail"; const router = new VueRouter({ mode: "history", routes: [ { path: "/detail/:contentId", name: "Detail", component: Det..
