묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결정말 쉽게 풀어보는 코딩 테스트 top 기본 문제 (with 자바)
java문법관련 질문드립니다.
comparator 클래스 사용하시면서 return o1.start - o2.start; 하니 오름차순이 된다고 하셨는데 어떤 방법으로 이게 오름차순이 되는지 모르겠습니다. Comparator 클래스는 어떤 객체이며 파라미터로 사용하는 o1 o2들은 어떤의미인가요?
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
헉 앱개발 면접 때...
질문은 아니지만..정말강의쏙쏙입니다 감사합니다
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
버그를 못찾겠어요;;
배열을 넣는곳에 객체를 넣어버린것 같은데;; 어디가 문제인지 모르겠어요;; import React, {useState, useCallback } from 'react'; import { useSelector } from 'react-redux'; import PropTypes from 'prop-types'; import { Button, Card, Popover, Avatar, List, Comment } from 'antd'; import { RetweetOutlined, HeartOutlined, MessageOutlined, EllipsisOutlined, HeartTwoTone } from '@ant-design/icons'; import PostImages from './PostImages'; import CommentForm from './CommentForm'; import PostCardContent from './PostCardContent'; const PostCard = ({ post }) => { const [liked, setLiked] = useState(false); const [commentFormOpened, setCommentFormOpened] = useState(false); const onToggleLike = useCallback(()=> { setLiked((prev) => !prev); }, []) const onToggleComment = useCallback(() => { setCommentFormOpened((prev) => !prev); }) const id = useSelector((state) => state.user.me?.id); // me가 있으면(널이 아니면) id를 가져온다. // const id = me?.id; // const id = me && me.id; 옵셔널 체이닝 연산자 return ( <div style={{marginBottom: 20}}> <Card cover={post.Images[0] && <PostImages images={post.Images}/>} actions={[ <RetweetOutlined key="retweet" />, liked ? <HeartTwoTone twoToneColor="#eb2f96" key="heart" onClick={onToggleLike} /> : <HeartOutlined key="heart" onClick={onToggleLike} />, <MessageOutlined key="comment" onClick={onToggleComment}/>, <Popover key="more" content={( <Button.Group> {id && post.User.id === id ? ( <> <Button>수정</Button> <Button type="danger">삭제</Button> </> ) : <Button>신고</Button>} </Button.Group> )}> <EllipsisOutlined /> </Popover> ]} > <Card.Meta avatar={<Avatar>{post.User.nickname[0]}</Avatar>} title={post.User.nickname} description = {<PostCardContent postData={post.content} />} /> </Card> {commentFormOpened && ( <div> <CommentForm post={post}/> <List header={`${post.Comments ? post.Comments.length : 0}개의 댓글`} itemLayout="horizontal" dataSource={post.Comments} renderItem={(item) => ( <li> <Comment author={item.User.nickname} avatar={<Avatar>{item.User.nickname[0]}</Avatar>} content={item.content} /> </li> )} /> </div>)} {/*<CommentForm />*/} {/*<Comments />*/} </div> ); }; PostCard.propTypes = { post: PropTypes.shape({ id: PropTypes.number, User: PropTypes.object, content: PropTypes.string, createdAt: PropTypes.object, Comments: PropTypes.arrayOf(PropTypes.object), Images: PropTypes.arrayOf(PropTypes.object), }).isRequired, } export default PostCard; import React, { useCallback, useEffect } from 'react'; import { Form, Input, Button } from 'antd'; import PropTypes from 'prop-types'; import useInput from '../hooks/useInput'; import { useSelector, useDispatch } from 'react-redux'; import { ADD_COMMENT_REQUEST } from '../reducers/post'; const CommentForm = ({post}) => { console.log('post', post); const dispatch = useDispatch(); const id = useSelector((state) => state.user.me?.id); const [ addCommentDone, addCommentLoading ] = useSelector((state) => state.post); const [ commentText, onChangeCommentText, setCommentText ] = useInput(''); useEffect(() => { if (addCommentDone) { setCommentText(''); } }, [addCommentDone]); const onSubmitComment = useCallback(() => { dispatch({ type: ADD_COMMENT_REQUEST, data: { content: commentText, postId: post.id, userId: id}, }) console.log(post.id, commentText); }, [commentText, id]); return ( <Form onFinish={onSubmitComment}> <Form.Item style={{position: 'relative', margin: 0}}> <Input.TextArea value={commentText} onChange={onChangeCommentText} rows={4}/> <Button style={{position:'absolute', right: 0, bottom: -40}}type="primary" htmlType="submit" loading={addCommentLoading}>삐약</Button> </Form.Item> </Form> ); }; CommentForm.propTypes = { post: PropTypes.object.isRequired, } export default CommentForm; 분명 한강씩 따라하면서 한 강의마다 깃 커밋 올리면서 하고 있는데;; 고대로 안되염;;
-
미해결실전! Querydsl
Team 정보 가져올 때 Team 에 속한 회원들도 같이 가져오고 싶을 때는 어떻게 하나요 ?
Team 정보 가져올 때 Team 에 속한 회원들도 같이 가져와 아래와 같은 형태로 만들려면 DTO 구조랑 어떤 방식으로 querydsl 사용해야 하나요 ? { "team" : teamA , "members" : [ { "name" : memeber1 }, { "name" : memeber2 } ]}, { "team" : teamB , "members" : [ { "name" : memeber3 }, { "name" : memeber4 } ]}
-
미해결CSS Flex와 Grid 제대로 익히기
studiomeal 사이트 접속이 안되네요!
보안의 이유로 접속 거부 당하고 있습니다. 확인 부탁드립니다.
-
미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
왜 저는 slider가 안나올까요?
react-native community 에 똑같이 slider 검색을 했는데 안나오네요 ㅠ
-
해결됨초보를 위한 도커 안내서
도커 이미지관련 문의
실습을 진행하다보면 repo 나 tag가 none인 이미지가 생성되는데요 이러한 이미지가 생성되는 이유는 무엇인가요?? 또한 이런 이미지를 삭제하는 방법은 일일이 docker rmi 이미지 ID를 입력하는 방법 밖에없나요??
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
PostForm.js 에 Post 내용(text)가 빈값이 나와요.
import React, { useCallback, useState, useRef } from 'react'; import { useSelector, useDispatch } from 'react-redux'; import { Form, Input, Button } from 'antd'; import { addPost } from '../reducers/post'; const PostForm = () => { const { imagePaths } = useSelector((state) => state.post); const dispatch = useDispatch(); const imageInput = useRef(); const [text, setText] = useState(''); const onChangeText = useCallback((e) => { setText(e.target.value); }, []); const onSubmit = useCallback(() => { console.log('여기가 빈값 이에요.', text); // 여기가 빈값 이에요. dispatch(addPost(text)); }, []); const onClickImageUpload = useCallback(() => { imageInput.current.click(); }, [imageInput.current]); return ( <Form style={{ margin: '10px 0 20px'}} encType="multipart/form-data" onFinish={onSubmit}> <Input.TextArea value={text} onChange={onChangeText} maxLength={140} placeholder="어떤 신기한 일이 있었나요?" /> <div> <input type="file" multiple hidden ref={imageInput} /> <Button onClick={onClickImageUpload}>이미지 업로드</Button> <Button type="primary" style={{float: 'right'}} htmlType="submit">짹짹</Button> </div> <div> {imagePaths.map((v) => ( <div key={v} style={{ display: 'inline-block'}}> <img src={v} style={{width: '200px'}} alt={v} /> <div> <Button>제거</Button> </div> </div> ))} </div> </Form> ) } export default PostForm;
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
react 환경변수
배포할 때 npm run build 후에 pm2랑 nginx다 켜주고 나니까 리덕스 개발자 도구로 상태가 다 보여버리는데 production상태가 적용이 안되는 것 같습니다 이럴 땐 어떻게 해줘야되나요? "scripts": { "start": "cross-env NODE_ENV=production && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" },
-
미해결단 두 장의 문서로 데이터 분석과 시각화 뽀개기
pupyter에서 큰 데이터를 불러오는 방법
강의를 발 보고 있습니다. 공부한 내용을 제가 가지고 있는 데이터로 실습해보고 싶은데요.. 데이터가 좀 커서 ( 2~5G) jupyter에서 load 하면 timeout 이 걸립니다. 혹 용량이 큰 데이터를 로딩하는 좋은 방법이 있을런지요..^^
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
4:32에 addPostClick의 내용 찾아볼 수가 없습니다ㅠ
4:32에 addPostClick의 내용을 빈 값으로 넣어주셨는데, 추후 그 값을 넣어주는 강의가 없어서요ㅠ CKEditor 관련 강의 듣다가 add post를 눌렀는데, 아무런 반응이 없어서 찾아보니 addPostClick에 대한 내용이 없는 것을 확인했습니다. 다른 강의들도 다시 훑어봤는데, 그 부분에 대한 언급이 없어서 질문 남깁니다ㅠ
-
미해결웹 개발자와 정보보안 입문자가 꼭 알아야 할 웹 해킹 & 시큐어 코딩
한글깨짐현상
Burp Suite에서 한글이 ㅁㅁㅁㅁ으로 출력되는데 어떻게 해결하나용?
-
해결됨악성코드 분석 중급과정 (유형별분석)
쿠쿠박스 관련 파일을 못찾겠습니다.
쿠쿠박스 설치과정 강의 중에 나오는 cuckoo_util.zip 파일이 어디에 있는지 못찾겠습니다.
-
해결됨초보를 위한 도커 안내서
컨테이너 DB data관련질문
안녕하세요 mysql 컨테이너를 stop-rm 하고 다시 띄우는 실습을 진행하셨는데, 컨테이너의 data는 stop때 삭제되나요? 아니면 rm 할때 삭제되나요? 그리고 도커로 DB를 사용하면 좋지않다고들 하는데 그 이유는 무엇인지 궁금합니다.
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
yolo.h5 질문
yolo.h5 가 생성되고 나면, 아래와 같은 결과가 보입니다. Total params: 62,001,757 Trainable params: 61,949,149 Non-trainable params: 52,608여기서 Non-trainable prams 는 어떤 파라메터 인가요? dropout 된 weight 인가요?
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
yolov3.weight.2 질문
아래의 명령으로 Yolo weights를 conversion 하기 위해 불러오면 !wget https://github.com/chulminkw/DLCV/releases/download/1.0/yolov3.weights 약 236 Mbytes 용량의 weight가 저장됩니다. 그러면 아래에 yolov3.weights.2’ saved [248007048/248007048]라는 문구가 보입니다. 여기서 248,007,048 은 weight 갯수인가요?
-
미해결[개정판] 딥러닝 컴퓨터 비전 완벽 가이드
COCO data weight conversion
강사님, 욜로에서는 COCO data가 Darknet 용 weights 이어서 이를 Keras 용으로 convert 한다고 설명하시는 것을 들었습니다. 궁금한 것은, OpenCV에서는 conversion 얘기가 없었는데, Keras에서 이런 얘기가 나와서, 그러면 OpenCV는 Darknet 용 weight를 conversion 하지 않고 바로 사용하는 것인지, 아니면, COCO data set이 Yolo OpenCV 용으로 되어 있어(weights 가 OpenCV 용으로 있어서) conversion 할 필요가 없는 것인지 궁금합니다.
-
해결됨[기초스피치] 14년차 아나운서에게 배우는 말 잘하는 방법!
복식호흡
안녕하세요 배에 힘이 없으니 막 떨리는데요 그래서인지 목소리까지 떠네요 제가 맞게 하고 있는건지 궁금합니다
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
실습 코드를 node 12에서 돌리려면 dependencies를 어떻게 해야 하나요?
package.json 에서 node와 npm 버전을 12로 변경해 주었는데, npm install로 dependencies에 있는 패키지를 인스톨 하려고 하면 에러가 발생합니다. package들의 버전이 npm 12에 맞지 않아서 발생하는 문제인지요? 그럼 실습 코드는 npm 10에서만 동작하는건지, 아니면 패키지 버전들을 일일이 변경하면 npm12에서 동작이 가능한지 궁금합니다.
-
미해결TDD 개발 방법론을 활용한 React Native 앱 개발
beforeEach 코드가 작동하지 않습니다.
AddToDo Component 강의의 AddToDo.spec.js 코드를 동작시켜보니 "Cannot read propery 'onAdded' of undefined" 라는 에러가 뜨면서 빌드에 실패합니다. 아래가 코드입니다. describe('Interaction', ()=> { let wrapper; let props; const text = "some ToDo" beforeEach(()=> { props = { onAdded: jest.fn() } wrapper = shallow(<AddToDo {...props}></AddToDo>) wrapper.find('TextInput').simulate('changeText', text) wrapper.find('Button').prop('onPress')(); }) it('should call the onAdded callback with input text', ()=>{ expect(props.onAdded).toHaveBeenCalledTimes(1); expect(props.onAdded).toHaveBeenCalledWith(text); }) }) beforeEach 콜백함수가 동작하지 않으면서 onAdded 변수가 초기화되지 않는 것으로 보이는데 구글링해도 답을 찾기 어렵네요ㅜㅜ beforeEach를 작성하기 이전의 TDD 코드들은 모두 동작하였습니다. 정 해결책을 찾지 못하게 된다면 TDD 부분을 넘어가고 컴포넌트와 앱 부분만 진행하더라도 무리는 없을까요? 혹시 모르니 package.json 코드도 첨부하겠습니다. { "name": "TDDRN", "version": "0.0.1", "private": true, "scripts": { "android": "react-native run-android", "ios": "react-native run-ios", "start": "react-native start", "test": "jest", "lint": "eslint ." }, "dependencies": { "react": "16.13.1", "react-native": "0.63.3" }, "devDependencies": { "@babel/core": "^7.12.3", "@babel/runtime": "^7.12.5", "@react-native-community/eslint-config": "^2.0.0", "babel-jest": "^26.6.3", "detox": "^17.11.4", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.5", "eslint": "^7.13.0", "jest": "^26.6.3", "metro-react-native-babel-preset": "^0.64.0", "react-dom": "^17.0.1", "react-test-renderer": "16.13.1" }, "jest": { "preset": "react-native", "setupFiles": [ "./tests/setup.js" ] }, "detox": { "test-runner":"jest", "configurations": { "ios.sim": { "binaryPath": "bin/Exponent.app", "type": "ios.simulator", "name": "iPhone 7" } } } }