묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
질문드립니다!
제가 SQL 기본 문법들은 알고있지만 테이블 설계는 아직 해본적이 없는데 그대로 들어도 될까요?
-
해결됨Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
리스트 제거 전 경고창이 나오도록 만들어 보았는데요
삭제 버튼을 누를 시 모달창이 뜨면서 해당 리스트가 'toDelete'에 저장되고, 모달창에서 '진행하기' 버튼을 누르면 'toDelete'에 저장된 리스트를 지우는 방식으로 해결하였습니다.일단 지금 코드만으로도 원하는 대로 작동도 잘 되긴 하는데, 모달창과 트렌지션 그룹이 각기 분리되어 있어, 트랜지션 그룹 내부 li에 선언된 반복문 index와 해당 인덱스가 지닌 값 addedItem 을 직접 모달창에서 받을 수 있도록 전달하는 방법을 몰라서 이렇게 했는데, 혹시 방법이 있을까요?만약 전달이 가능하다면 toDelete라는 객체를 굳이 선언할 필요가 없고 코드가 더 깔끔해지지 않을까 싶네요. 아니면, 더 깔끔한 방법은 없을지? 몇 차례의 시도 중에 li 안에 모달창을 선언하는 것도 해봤는데, 그렇게 하니까 모달창이 storedItem의 개수만큼 늘어나는데다 작동이 안되네요. 아래는 코드입니다. <template> <div> <transition-group name="list" tag="ul"> <li v-for="(addedItem, index) in this.storedItems" v-bind:key="addedItem.item"> <span v-on:click="toggleComplete({addedItem, index})" v-bind:class="{checkCompleted: addedItem.completed}">완료</span> <span v-bind:class="{textCompleted: addedItem.completed}">{{addedItem.item}}</span> <span class="remove" v-on:click="showDeleteInfo(addedItem, index)">삭제</span> </li> </transition-group> <DeleteModal v-if="showModal2" @close="showModal2 = false"> <h3 slot="header"> 경고! <i class="closeModalBtn fas fa-times" @click="showModal2 = false, cancelDeletion()"></i> </h3> <p slot="body"> {{toDelete.value.item}}의 삭제를 진행하시겠습니까?<br> 이 작업은 되돌릴 수 없습니다. </p> <button slot="deleteInfo" v-on:click="removeItemByModal()" @click="showModal2 = false"> 진행하기 </button> </DeleteModal><!--리스트 삭제 경고 모달창--> </div> </template> <script> import { mapGetters, mapMutations } from 'vuex' import DeleteModal from './common/Modal.vue' // 트랜지션 모달 임포트 export default { data(){ return{ toDelete:{ value:'', indexOfValue:'' }, // 삭제 버튼을 누른 리스트의 정보를 담는 곳 showModal2: false, } }, methods:{ showDeleteInfo(addedItem, index){ this.toDelete.indexOfValue = index; // 삭제 버튼을 누른 리스트의 인덱스 this.toDelete.value = JSON.parse(sessionStorage.getItem(addedItem.item)); // 삭제 버튼을 누른 리스트가 가진 정보 this.showModal2 = !this.showModal2; // 모달창 토글 console.log(this.toDelete); }, cancelDeletion(){ // 취소 시 저장된 정보 제거 this.toDelete.indexOfValue = ''; this.toDelete.value = ''; console.log(this.toDelete); }, ...mapMutations({ removeItems: 'removeOneItem', toggleComplete: 'toggleOneItem' }), removeItemByModal(){ sessionStorage.removeItem(this.toDelete.value.item); this.storedItems.splice(this.toDelete.indexOfValue, 1) // 삭제 대기로 저장된 리스트 제거 }, }, computed:{ ...mapGetters(['storedItems']) }, components:{ DeleteModal } } </script>
-
미해결파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
1:29 설명에서
드래그 치신 두 문장이 완전히 똑같다고 말씀하셨는데 위의 문장 값은 16이고 아랫문장에선 왜 18이 되는거죠? 16값이 나오는 부분까지 이해가 됬는데 다음에 += 2가 18이 되는 원리를 모르겠네요..
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
NextJS에 대한 궁금증
안녕하세요. 제로초님 수업잘 듣고 있습니다. Next의 경우 CSR과 SSR을 지원한다고 강의 초반에 들었습니다. 다름이아니라 getserversideprops와 같은 기능을 사용하지 않는 화면은 CSR로 작동하고 사용하는 화면은 SSR로 작동된다고 이해하면 될까요? 그리고 CSR로 페이지에 접속한후 해당 페이지에서 getserversideprops이 작성된 페이지로 이동하는 경우에는 어떻게 작동을 하나요?
-
미해결[리뉴얼] 처음하는 파이썬 백엔드와 웹기술 입문 (파이썬 중급, flask[플라스크] 로 이해하는 백엔드 및 웹기술 기본) [풀스택 Part1-1]
return을 하게되면 함수가 stack에서 사라지는 걸로 알고 있습니다.
안녕하세요 ! 크롤링 강의 이후에 웹 개발을 하고 싶어서 수강신청을 하게 됐습니다! 자바를 베이스로하고 있다가 파이썬의 신선한 공기를 마시며 왔다 갔다하며 재밌게 공부하고 있습니다 ! 좋은 강의 감사드린다는 말씀 먼저 드리며 질문 시작하겠습니다 ! 9:43초에 해당하는 내용입니다. fn = outer_function(10)에서 outer_function함수에 인자값으로 10을 줬습니다. 그러면 num에 10이 전달된 것까지 이해했습니다. 결과값을 봤을 때 첫번째 호출에서 입력한 10이 print(num)에도 들어간 것처럼 보여지는데요, inner_func()함수를 호출해주지 않았는데 어떻게 그 안에 값이 들어가는지 이해가 안되네요 ㅠㅠ 그냥 들어가나보다..하기엔 조금 찝찝해서요 ! 그리고, outer_func(10)의 결과값으로 inner_func함수를 리턴해서 fn변수에 저장했습니다. 이때, outer_func(num) 함수가 리턴에 의해서 종료가 되면, 안에 남아있던 num(10)값이나, outer_func(num)메서드도 스텍에서 사라지는 걸로 알고있는데, print(fn())을 실행했을 때 어떻게 10이라는 값이 출력되는지 의아합니다...
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
import BrouserRouter 입력할 때
다른 파일에서 컴포넌트를 불러올 때는 중괄호를 쓰지 않았는데 react-router-dom에서 BrowserRoute를 불러올 때는{ }중괄호를 써야하는 이유가 있나요? 단순 문법일까요? 알려주신 튜토리얼 들어가서 봤는데 설명이 없어 질문 드립니다!
-
미해결함수형 프로그래밍과 JavaScript ES6+
함수형 프로그래밍에 대해 궁굼한게 있습니다!
함수형 프로그래밍을 사용 하려고 할 때 (map, reduce, filter등등) 이 함수들의 기본꼴을 작성하고 이걸 적용하는 거 같은데, 그래서 코드가 길어지니 lib폴더를 만들어서 이 함수들의 기본꼴을 넣어놓고 재사용 하는 식이 잖아요. 그렇다면 나중에 이 함수들을 사용하고 싶을 때는 이 함수들의 로직을 외워두고 폴더에다 담아둬서 끌어다 쓰는 방법말고 공식문서나 라이브러리 같은 것을 설치해서 쓸 수 있는 방법은 없을까요 ? 다 외운다면 100점이겠지만 조금 쉬운 방법으로 나아가 보는 방법도 있을까 해서 여쭤봅니다 :)
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
강사님!!! 강의순서 문의드립니다!
귀에 박히는 강의 정말 잘 듣고 있습니다!!! 혹시 이 강의를 안 듣고, 바로 다음인 스프링 핵심원리 강의를 들어도 크게 상관없을까요?
-
미해결스프링 시큐리티
SecutiryConfig파일
자꾸 코드가 바껴있는데 무시하고 수강하면 되나욤?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
npm start 시 에러가 떠서 부탁드립니다.
npm start 시 에러가 떠서 부탁드립니다. 항상 좋은 강의 만들어주셔서 감사합니다. kylelee@Kyleui-MacBookAir 공부폴더 % npm start npm ERR! code ENOENT npm ERR! syscall open npm ERR! path /Users/kylelee/Desktop/공부폴더/package.json npm ERR! errno -2 npm ERR! enoent ENOENT: no such file or directory, open '/Users/kylelee/Desktop/공부폴더/package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent npm ERR! A complete log of this run can be found in: npm ERR! /Users/kylelee/.npm/_logs/2021-02-16T06_55_18_685Z-debug.log
-
미해결누구든지 하는 리액트: 초심자를 위한 react 핵심 강좌
npm 을 사용해서 create 하려니까 안되네요
저는 이전에 react-native 를 먼저 공부하다 이번에 react 를 처음 공부하게 되었습니다. 그동안 npm 을 사용하다 이번 기회에 yarn을 처음사용하여 study 를 마쳤서 npm 을 사용해서도 해보려고 하니 안됩니다. npx create-react-app myProject 라고 치니 자동적으로 yarn으로 만들어지고 npm create-react-app myProject 라고 실행시키면 만들어 지지 않습니다. npm 과 yarn 을 한 device 에 깔면 안되는건가요? npm 과 yarn 둘다 installed 되어 있을때 npm 으로 create 할수 있는 방법을 알고 싶습니다. npx create-react-app my-app npx creanpx create-react-app my-appte-react-app ㅞㅌmy-app
-
미해결Redux vs MobX (둘 다 배우자!)
initialState
const initialState = { user: { isLoggingIn: true, data: null, }, posts: [], }; const store = createStore(reducer, initialState); initialState를 쪼갰는데 굳이 index2.js에서 store만들 때 initialState가 또 왜 필요한지 궁금합니다. 실제로 지우고 해보니까 똑같이 잘돌아가더군요.. const store = createStore(reducer);
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
cors 오류가 납니다
이제 강의 한개 남았네요. 강의 정말 잘 보았습니다. 질문에 앞서 좋은 강의 제공해주셔서 감사드립니다. [문의사항] 11메가 짜리 이미지를 첨부했더니 cors 오류가 나네요. 업로드전에 첨부할 때 오류가 납니다. 오류가 난 후로 로그아웃도 안되는 등 사이트가 먹통이 되버리고요 ㄷㄷ;;; 혹시 왜그런건지 알 수 있을까요? 아마존 S3 정책이랑 관계있을듯 한데 잘 모르겠네요 그리고 이미지 첨부시 용량제한은 얼마로 해야하는지는 어디를 참고해서 판단해야 할지도 모르겠어요 ;;;
-
미해결[PyTorch] 쉽고 빠르게 배우는 딥러닝
cross_entropy
RNN의 cross_entropy를 적용해서 실행시켰는데 1D target tensor expected, multi-target not supported 라고 나옵니다. 코드는 모두 맞게 썻습니다. 이유를 알고싶습니다.
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
제 풀이 방식이 큐로 처리했다고 볼 수 있을까요?
import sys sys.stdin = open("input.txt", "rt") from collections import deque answ = input() n = int(input()) res = "" for i in range(n) : tmp = list(map(str, input())) dq = deque(tmp) while dq : a = dq.popleft() if a in answ : res += a if res == answ : print("#%d YES" %(i+1)) else : print("#%d NO" %(i+1)) res = ""
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
이미지 모델 관련 질문!
Image 모델을 따로 만드셨는데 만약 Post 모델안에 Image를 칼럼으로 넣어도 상관없지 않나요??? 혹시 지금드는 생각인데. 이미지 같은경우 여러장이 들어갈수도있으니까 더 보기쉽게 , 관리하기 편하게 빼놨다고 생각해도 될까요?
-
해결됨모든 개발자를 위한 HTTP 웹 기본 지식
patch 상태코드 관련 질문
항상 양질의 강의 감사드립니다. patch를 사용해 부분적으로 수정을 하는 로직을 수행할 경우에 상태코드로 200, 201중 어느 것이 더 적절할지 궁금증이 생겨 질문을 남깁니다! 감사합니다.
-
미해결파이썬 알고리즘 문제풀이 입문(코딩테스트 대비)
11강 16분08초
소수인지 확인하는 함수를 만드셨는데, 짜여진 대로 동작하면 range(2,2)는 아무것도 없는 값이라서 isPrime(2)하면 None으로 나옵니다. if x ==2: True 로 예외 처리하는 방법 말고 깔끔한 방법은 없을까요?
-
미해결[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)
개발가이드 > 샘플코드
안녕하세요 선생님 ! 지금 2021년 2월 16일에 강의를 수강하고 있는데요 ! 지금 정부 공공데이터 포털에서는 개발가이드 버튼탭이 없어서 요청주소와 python 샘플코드를 어디서 찾을 수 있을지 잘 모르겠습니다. 참고문서에 있는 docx에서 찾고자 하엿으나, 어디서 찾을 수 있는지 잘 모르겠어 이렇게 질문남깁니다 !
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
train_test_split 에서 random_state 없는 의미
선생님~ 궁금증이 생겼는데요..! X_train, X_test,y_train, y_test= train_test_split(iris_data.data, iris_data.target, test_size=0.3) 이렇게 random_state없이 하면 실행될때마다 계속 train데이터셋과 test데이터셋의 샘플링이 다양하게 되잖아요~ 그럼 iris라는 하나의 데이터(Bunch객체)이긴 하지만.. X_train, X_test,y_train, y_test= train_test_split(iris_data.data, iris_data.target, test_size=0.3) 과 dt_clf.fit(X_train, y_train) 를 몇 번 계속 해주면 샘플링의 경우의 수가 다양하듯이 학습도 그만큼의 경우의 수에 따라 되는 의미로 받아들여도 되는건가요..? 학습이