인프런 아이디 : guinness987@gmail.com 인프런 이메일 : guinness987@gmail.com 깃헙 아이디 : guinness987@gmail.com 깃헙 Username : kimchulyeon  

안녕하세요! img src 주소 관련 질문드리겠습니다! process.env.PUBLIC_URL + `/... 경로`를 하셨는데 src에 그냥 /assets/emotion1.png를 해도 잘 나오는데 상관없는거죠?? 

어디서 설정하는지 알려주세요.

new Vue를 통해 인스턴스가 만들어져 root컴포넌트가 생긴다고 알고있는데,   이 root컴포넌트가 생성되기전에 vue.component를 통해 하위 컴포넌트를 등록하셨는데, 이게 순서가 정확히 어떻게 되는건가요?

propsdata라는 똑같은 이름을 중복으로 사용해도 큰 문제가 없는건가요?   이렇게 짜면 appheader의 propsdata인지 appcontent의  propsdata인지 구분이 힘들꺼같아서요   js가 태그이름에 따라서 알아서 식별해주나요?

강의에서는 useRef 를 사용하면 된다고 하셨는데, 그 이유가 무엇인지에 대한 설명이 없으셔서  let 이나 var 는 불가능한가 해서 테스트해보니 값이 증가하지 않더라구요. 왜 그런지 이유가 궁금합니다.     // const dataId = useRef(0);   let dataId = 0;   const onCreate = (author, content, emotion) => {     const created_date = new Date().getTime();     const newItem = {       author,       content,       emotion,       created_date,       id: dataId,     };     dataId += 1;     setData([newItem, ...data]); };

강의 너무 잘듣고 있습니다! 하지만 Props 정말 알듯 모를듯 아리송하네요.. 질문드립니다! 1. 파일명은 무조건 대문자 시작인가요??  2. 각 컴퍼넌트에 return 뒤에는 하나 이상일 경우 ()가 오고 한 줄 일경우에는 <> </>로도 가능할까요? 3. children 이라는 Props는 고정된 이름인가요? 다른 child같은걸로는 변경 불가능하죠?? 변경해서 하니까 오류가 나더라구요! 4. <button count={count}> 이렇게 속성으로 준 Props와 객체로 선언해서 넘겨주는 Props를 동시에 사용 못하나요?? const Counter = (props,{ counterValue3 }) => { const [count, setCount] = useState(counterValue3); // props 매개변수로 받아 프로퍼티로 전달 방법   이런식으로 말이죠..  

강의 잘 보고 있습니다. 질문이 있는데요, useEffect()로 Mount 를 구현하였고, 콘솔에 로그를 Mount를 출력하였습니다. 그런데, 이상하게, Mount 로그가 두번씩 출력됩니다. 동작은 이상없지만, 두번 출력되는게 이상해서요~ 제가 무엇을 잘못했는지 궁금합니다. useEffect(()=>{   console.log("Mouint!"); }, []); 즐거운 하루 보내세요.

말씀해주신 소스코드를 다운로드 받고 Live Server를 켰는데 502 에러가 납니다 어떻게 할까요?

안녕하세요. 강사님, 강의 잘 듣고 있습니다.   다름이 아니라, useEffect 부분 따라하고 있는데 다르게 작성한 부분이 없는데 useEffect 부분이 항상 2번씩 호출되서 콘솔에 찍힙니다.  다른 예제 할때도 이게 계속 반복되는데 혹시 왜 그런걸 까요? 

안녕하세요. 이제 막 React를 시작한 초보 개발자 입니다. 강의 11분에 리스트를 undefined 했을때 어떤 부분에서 에러가 나는지 강사님과 같은 화면을 보고싶으면 어떻게 해야하나요?  저는 위와 같은 화면이 뜨지 않고 빈 화면만 표기가 됩니다. 그리고 콘솔에 에러 표기도 DiaryList.js 가 아닌 bundle.js 로 표기가 되는데ㅠ 강사님처럼 상세 에러 화면을 보려면 어떻게 해야 하나요? 궁금합니다!

안녕하세요. 강의 잘 보고 있습니다. 다름 아니라 defaultProps 부분과 관련해서 여쭤보고 싶은 게 있어서요.   지금 강의에서는 props가 undefined으로 올 때 등을 대비해서 defaultProps을 지정해주시는데, 혹시 이 방법 말고 diaryList에 바로 디폴트 값(빈 배열)을 할당하면 안 될까요? (ex. {diaryList = []}) => {...} ) 기본값 매개 변수로 지정할 수도 있을 것 같아서 여쭤봅니다. 아니면 혹시 차이점이 있을까요?   감사합니다!

안녕하세요. 강의 보면서 기초 개념 다지는 중인 학생입니다 :)   다름이 아니라 일기 작성 시 제목과 내용 본문 입력 후, 점수를 별도로 선택하여(이벤트 발생) 저장하면 데이터가 잘 넘어가는데, default로 설정한 점수에서 점수를 별도로 선택하지 않고 제목과 내용만 입력 후 저장하면 데이터가 넘어가지 않은 채 undefined로 콘솔에 확인이 됩니다.ㅠㅠ   간략하게는 제목, 내용, 점수 모두 지정해서 저장하면 잘 나옴. A 제목, 내용만 쓰고 디폴트 점수로 저장하면 점수가 undefined로 됨. 입니다! B   어디가 문제인지 하루종일 들여다봐도 문제를 찾을 수가 없어서 질문드려요ㅠㅠ  

  아래와 같은 HTML 문서에서 URL 이 javascript 로 구성되어 있을 경우 어떻게 가져올 수 있을까요? <span style="font-size:14px;color:#555;font-weight:bold"> <font onclick="location.href='proxy_view.php?id=1649543121&amp;code=&amp;stype=&amp;stype_val=&amp;photo=&amp;nick=&amp;area1=&amp;area2=&amp;age=&amp;sex=a&amp;sort1=ep_code&amp;sort2=DESC&amp;ids=&amp;page=1'" style="font-size:14px;cursor:pointer">안녕하세요 ~~~~ </font></span>   도움 부탁 드립니다.

버전이 달라서 그런지 인터페이스도 다르고 메뉴도 다른 것 같아요 AVD Manager도 보이지 않고요 ㅠ  어떻게 해야 할지 모르겠습니다 

add 후에 List페이지로 이동하면, 흰화면으로 에러가 출력됩니다.Home.js 의 프로퍼티에 대해 undefind 가 출력됩니다.[Uncaught TypeError: Cannot read properties of undefined (reading 'length')  at Home.js:15:1] [ diaryList.length >= 1 ] : 에러 발생하는 부분   useEffect(() => {     if (diaryList.length >= 1) { //에러발생부분       const firstDay = new Date(         curDate.getFullYear(),         curDate.getMonth(),         1       ).getTime();       const lastDay = new Date(         curDate.getFullYear(),         curDate.getMonth() + 1,         0       ).getTime();       setData(         diaryList.filter((it) => firstDay <= it.date && it.date <= lastDay)       );     }   }, [diaryList, curDate]);

강의 잘 듣고 있습니다. 이 전부터 간혹 parseInt()로 풀이를 해주셨는데, mdn과 기타 블로그의 정리글을 보아도 개념과 알고리즘에서 풀이하실때 적용하는게 이해가 잘 되지 않습니다 ㅠㅠ혹시 이 문제 풀이에 사용된 parseInt()를 짧게나마 설명해주실수 있을까요?

  <질문1> Products.js에서 sequelize.define로 테이블 정의시 복수형태로 Products된다고 들었는데 models.Product.create도 Product 단수 형태로 테이블 이름에서 s를 빼주는건가요??? <질문2> result를 log찍어 봤을떄는 또 Product라고 나오고 위에는Products 테이블로 insert into 됐다고 나오는데테이블을 만들어주는건 models/products.js 에서하는건데 model.Product.create 이말은 사실 테이블 생성이아니라 데이터 삽입이라고 보면 될까요?   models.Product.create({     name,     description,     price,     seller,   })

import React, { useState } from 'react'; import { StatusBar, Dimensions } from 'react-native'; import styled, {ThemeProvider} from 'styled-components/native'; import {theme} from './theme'; import Input from './components/Input'; import Task from './components/Task'; const Container = styled.SafeAreaView` flex: 1; background-color: ${({theme}) => theme.background}; align-items: center; justify-content: flex-start; /* 타이틀이 상단에 나타나도록 justify-content의 값을 flex-start;로 지정해준다. */ `; const Title = styled.Text` font-size: 40px; font-weight: 600; color: ${({theme}) => theme.main}; width: 100%; align-items: flex-end; padding: 0 20px; `; /* styled components를 이용해서 Title이라는 이름에 새로운 컴포넌트를 만드는 작업이다. font-size와 font-weight 그리고 글자 color를 설정해주는데 글자 color는 theme.js에 정의해놓은 main을 가져와서 사용할것이다. 가로(width)는 전체를 차지하게하고, 글자를 왼쪽(align-items: flex-end;)에서부터 하도록한다. 화면의 끝에 바짝붙지않도록 padding을 주어서 약간 떨어지게 설정을한다. */ const List = styled.ScrollView` flex: 1; width: ${({ width }) => width -40}px; `; export default function App() { const width = Dimensions.get('window').width; const tempData = { 1: { id: '1', text: 'React Native', completed: false }, 2: { id: '2', text: 'Expo', completed: true }, 3: { id: '3', text: 'JavaScript', completed: false }, }; const [tasks, setTasks] = useState(tempData); const [newTask, setNewTask] = useState(''); const addTask = () => { const ID = Data.now().toString(); const newTaskObject ={ [ID] : {id: ID, text: newTask, completed: false }, }; setNewTask(''); setTasks({...tasks, ...newTaskObject}); }; return ( <ThemeProvider theme={theme}> <Container> <StatusBar style="light-content" backgroundColor={theme.background} /> <Title>TODO List</Title> <Input placeholder="+ Add a Task" value={newTask} onChangeText = {text => setNewTask(text)} onSubmitEditing={addTask} /> <List width = {width}> {Object.values(tasks) .reverse() .map(item => ( <Task key={item. id} text={item.text} /> ))} </List> </Container> </ThemeProvider> ); } 강의에 나오는것과 똑같이 했는데 +Add a Task에 글자입력하고 enter를 누르면 오류가 나오네요ㅠㅠ

강의 15분 대에 객체 프로퍼티 속성을 delete하면 결국 삭제가 된 상태이고, 브라우저에서는 더이상 콘솔 로그를 찍어도 알 수가 없습니다. 그러나 왜 여전히 메모리가 삭제 되지 않았는지 그 의미가 이해되지 않아 질문을 드립니다.