권한이.. 아직 안된거 같아요.. 다시한번 부탁 드립니다.인프런 아이디 : sky9844인프런 이메일 : sky9844@gmail.com깃헙 아이디 : dndn8988@gmail.com깃헙 Username : @Pang15101

안녕하세요 캡틴 판교님 제가 강의를 따라서 진행을 하던중 오류를 만나서 해결이 안되서 질문 드립니다. 뭐가 문제일까요? 

안녕하세요 캡틴판교님 강의를 열심히 듣고있는중입니다.그러던 중, node버전을 미리말씀해주셔서 10.16.3 으로 맞춰서 하고있는데제가 소스분석용으로 받아놓은 소스가 있는데 package.json에 들어가도노드 버전에 대한건 없는거같은데 알아볼수있는 방법이 있을까요??그리고 node버전이 달라도 호환이 되는 정도는 어떻게 알수있을까요??

computed 와 검색 기능 추가 영상 보면서 힘든 부분이 있어 작성해 보았습니다.- filteredTods = computed() => {~~~}searchText 를 변경했다고, 해당 computed가 작동하는 이유를 알고 싶습니다.- todos Add 하는 작업에서는 어째서,filteredTods = computed() => {~~~} 가 작동하지 않는 이유도 알고 싶습니다.- 결국 filteredTods = computed()에 정확한 이벤트 타이밍을 알고 싶습니다.[내가 원치 않는 곳에서 작동하면 안되니까]

권한이 안된거 같습니다. 인프런 아이디 : qudgh11@gmail.com인프런 이메일 : qudgh11@gmail.com깃헙 아이디 : qudgh11@gmail.com깃헙 : qudgh11 확인 부탁드립니다.

GitHub 댓글에 추가했는데 확인 부탁드립니다.

input에서 아무것도 입력하지 않고 엔터키를 쳤을 때 경고창이 뜨게 했는데 입력창에 한국말을 치고 엔터키를 치면 아무것도 입력되지 않았다고 인식해서 경고창이 뜨는데 혹시 해결방법이 있을까요?

github 권한 요청을 gist 에 남기라고 해서, gist 에 요청 남겼습니다.저 외에도 다른 분들도 있더라구요확인 부탁드립니다.

인프런 아이디 : eymin1234@naver.com인프런 이메일 : eymin1234@naver.com깃헙 아이디 : eymin123@gmail.com깃헙 : leeyseok 감사합니다

이렇게 에러가 발생합니다 ㅠㅠindex.js 파일입니다.main.js 파일입니다.폴더 경로입니다. 저와 동일현상이 있는분이 질문올린걸 봤는데 뷰엑스를 뷰인스턴스에 연결한다는게 어떤 설정이 빠진걸까요?

인프런 아이디 : jsbae인프런 이메일 : jsbae@gallup.co.kr깃헙 아이디 : baezzaes@naver.com깃헙 Username : baezzaes 댓글 달았었는데 404에러 뜹니다. 다시한번 부탁드려요~

현재 actions 속성을 이용한 로그인 기능 구현과 비동기 처리시 유의할 점까지 수강하였습니다.새로고침시 로그아웃 되는 부분을 해결하기 위해,쿠키를 등록해서 로그인 상태를 유지 하면,브라우저를 종료 후 재접속시에도 로그인 상태가 유지되고 보안적으로 취약하지 않을까요?그렇다고 쿠키를 사용하지 않아, 새로고침시 로그아웃이 된다면 이것 또한 적절하지 않을것 같은 생각이 드네요.끝장내기 수업을 끝까지 들었을때, 수업에서vue와 nodejs를 활용한 로그인에 대한 권장되는 처리 방법을 알수 있을까요?만약 없다면 참고할만한 자료가 있을까요?PS. 현재 인프런 vue 전체 수업중에 login 관련 가장 많은 시간이 할당되어서 선생님 커리큘럼을 패키지로 구매하였는데, 그럼에도 불구하고, 로그인 처리가 권장되는 처리가 아닌거 같고, 커리큘럼 전체를 끝까지 들어도 실무에서 바로 사용할 수 없는 코드같아, 학습 의욕이 많이 저하 되었습니다. 조언의 한말씀 부탁드립니다.

인프런 아이디 : ehana0210인프런 이메일 : ehana0210@gmail.com깃헙 아이디 : ehana0210.dev@gmail.com깃헙 Username : ehana0210-dev

강의 그대로 진행해서 노드 버전까지 다운그레이드하여 node -v 했을 때 v10.16.3으로 잘 만들어놓았는데,npm i에서 오류가 났네요..이 질문 게시판에서 package.json 파일에 "type":"module", 도 작성했는데 여전히 에러가 납니다. 어떻게 해결해야 할까요

GIST에서 권한신청했는데 404 에러로 접근이 안되네요확인부탁드립니다.인프런 아이디 : jb.hwang인프런 이메일 : jb.hwang@htpchem.com깃헙 아이디 : jb.hwang@htpchem.com깃헙 Username : hwang802

메일 알람 안오게 할려면 어떻게 해야 하나요? repositories에서는 이미 삭제해서 unsubscribe를 할수가 없는 상태입니다 답변 부탁 드리겠습니다

Clusters의 Database Access를 클릭해서 Database Access 의 user 중 edit 버튼을 클릭한 후Database User Privileges의 Built-in Role 을 Atlas admin으로 하면 에러가 해결됩니다.그 후에도 에러가 난다면본인이 화이트리스트에 설정을 제대로 했는지 확인하시면 해결 될거에요!

실무에서 쓸일이 있어서 복습하다보니 Vue 버전이 바뀌어서 강의 내용보면서 Vue3 에 맞게 적용중인데요. 우선 아래 레퍼런스 참고하시면 될 듯 합니다. 강의내용과는 크게 다른건 없긴합니다.https://vuejs.org/guide/built-ins/transition.html#the-transition-componenthttps://vuejs.org/examples/#list-transitionTodoList.vue<template> <div> <!-- name 은 하단의 css 클래스 transition class 와 연관--> <TransitionGroup tag="ul" name="list" class="container"> <li v-bind:key="todoItem.item" v-for="(todoItem, index) in propsdata" class="shadow"> <i class="checkBtn fa-solid fa-check" v-bind:class="{checkBtnCompleted: todoItem.completed}" v-on:click="toggleComplete(todoItem, index)"></i> <span v-bind:class="{textCompleted : todoItem.completed}" >{{ todoItem.item }} </span> <!--{{ index }}--> <span class="removeBtn" v-on:click="removeTodo(todoItem, index)"> <i class="fa-solid fa-trash"></i> </span> </li> </TransitionGroup> </div> </template> <style> /* 기존 css 는 생략, 아래 레퍼런스 css 참고 https://vuejs.org/examples/#list-transition */ /* 리스트 아이템 트랜지션 효과 */ /* 1. declare transition */ .list-move, .list-enter-active, .list-leave-active { transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); } /* 2. declare enter from and leave to state */ .list-enter-from, .list-leave-to { opacity: 0; transform: translateY(30px); } /* 3. ensure leaving items are taken out of layout flow so that moving animations can be calculated correctly. */ .list-leave-active { position: absolute; transition: all 1s; } </style>

<template> <div class="inputBox shadow"> <input type="text" v-model="newTodoItem"> <span class="addContainer" @click="addTodo"> <i class="fa-solid fa-plus addBtn"></i> </span> </div> </template> <style scoped> input:focus { outline: none; } .inputBox { background: white; height: 50px; line-height: 50px; border-radius: 5px; } .inputBox input { border-style: none; font-size: 0.9rem; } .addContainer { float: right; background: linear-gradient(to right, #6478FB, #8763F8); display: block; width: 3rem; border-radius: 0 5px 5px 0; } .addBtn { color: white; vertical-align: middle; } </style>위처럼 아예 input창 크기도 안맞춰지고 span 태그도 사라져있더라구요..왜 이상하게 나왔는지를 몰라서 임시로 아래처럼 바꿨는데 요즘은 flex를 현업에 안쓴다고 들었는데 그게 맞을까요 ??아직 git 허가를 못받아서 ..😭input:focus { outline: none; } .inputBox { display: flex; align-items: center; background: white; height: 50px; line-height: 50px; border-radius: 5px; } .inputBox input { height: 100%; width: calc(100% - 3rem); border-style: none; font-size: 0.9rem; } .addContainer { background: linear-gradient(to right, #6478FB, #8763F8); display: block; height: 100%; width: 3rem; border-radius: 0 5px 5px 0; } .addBtn { color: white; vertical-align: middle; }

aaa