묻고 답해요

502에러

해결됨

만들면서 배우는 리액트 : 기초

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

• react
• javascript

useEffect mount 문의

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

• nodejs
• react
• javascript

개발자 도구 에러메세지 표기 화면 문의

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

• react
• javascript
• nodejs

디폴트 프롭스 관련 부분 질문드립니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

• javascript
• nodejs
• react

onCreate emotion undefined 문의

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

• react
• javascript
• nodejs

javascript 안의 URL은 어떻게 가져올 수 있을까요?

미해결

[신규 개정판] 이것이 진짜 크롤링이다 - 실전편 (인공지능 수익화)

아래와 같은 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> 도움 부탁 드립니다.

• url
• python
• javascript
• 웹-크롤링

와.. 여기서 1도 못하겠어요 ㅠㅠ

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

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

• tensorflow
• javascript
• HTML/CSS
• react
• nodejs
• express
• 머신러닝 배워볼래요?
• react-native

onCreate 이후 property 의 undefind 에러

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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 ]);

• Home.js
• property
• javascript
• nodejs
• undefind
• react
• length

parseInt() ..

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

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

• javascript
• 코테 준비 같이 해요!

Product ? Products?

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

<질문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 , } )

• express
• react
• javascript
• react-native
• HTML/CSS
• tensorflow
• 머신러닝 배워볼래요?
• nodejs

ReferenceError: Can't find variable: Data

미해결

처음 배우는 리액트 네이티브

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를 누르면 오류가 나오네요ㅠㅠ

• referenceerror
• react-native
• Can't
• javascript
• find
• variable
• data

JS 객체 강의에서 메모리에 관해 질문 드립니다.

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

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

• javascript
• nodejs
• react

copyList

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

안녕하세요 강의 듣는 중 궁금한점이 생겨서 질문을 드리게 됩니다. 영상 24:32 부분에서 const copyList = JSON.parse(JSON.stringify(diaryList)); 으로 하셧는데 원본 배열을 정렬을 하게되어 불변성 문제 때문에 Json.stringify 로 문자열로 바꿧다가 다시 JSON.parse로 새로운 배열을 만들어 값을 받았는데 혹시 그럼 스프레드 연산자인 const copyList = [...diaryList] 이렇게 하게 된다면 위 코드와 다르게 동작이 될까요..?

• javascript
• nodejs
• react

반응형 웹앱을 제작하고 있는데

미해결

Vue.js 시작하기 - Age of Vue.js

작업을 하다보니까 css 미디어 쿼리를 쓸 때도 있고 vuex 에서 window width를 저장해놓고 사이즈가 감지되면 v-if-else로 필요한 컴포넌트를 불러오는 방식을 동시에 쓰고 있습니다. 레이아웃이 크게 변하지 않는 부분은 미디어 쿼리로 해결하고 너무 크게 변하는 부분은 v-if-else로 렌더링하고 있는데요 서서히 프로젝트가 커짐에 따라서 이게 나중에 유지보수가 가능할지 두렵네요 처음부터 PC/Mobile를 나눠서 따로 만들었어야 했나 싶다가도 막상 또 그렇게 나누자니 레이아웃이 크게 안 바뀌는 부분도 제법 많아서 혼란에 빠졌습니다. 이와 관련해서 조언을 얻을 수 있을지 궁금합니다.

• 반응형
• vue.js
• vuejs
• javascript
• 모바일
• 웹

타입 단언 관련 질문이 있습니다!

해결됨

타입스크립트 입문 - 기초부터 실전까지

안녕하세여 강의잘보고있습니다! 타입 단언에 대해 궁금한점이있습니다. as 로 타입 단언을 해주면 null 같은 예외처리를 안해줘도 되는 건가여? as 로 단언 해도 null이 들어올 수 있는거아닌가요??(빨간 경고줄이 사라져서 여쭈어봅니다..) 아니면 단언을 한다는 것이 무조건 이것만 들어온다? 이런 느낌으로 받아 들이면될까요??..

• es6
• javascript
• typescript

cnt는 어떤 약어인가요?

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 아주 약간 헷갈려서요.!

• 코테 준비 같이 해요!
• javascript

강의 내용 전체 바닐라 스크립트 인가요??

미해결

입문자를 위한 자바스크립트 기초 강의

제목과 내용은 동일 합니다.

• javascript
• javascript
• front-end

매개변수 문자열 없는 url 링크 구별 방법

미해결

안녕하세요 현재 개인 프로젝트 웹 사이트를 제작하다가 일주일동안 정말 해결 안 되는 난제가 있어서 질문 드립니다.. 도와주세요 ㅠㅠ a 태그를 이용해서 해당 링크로 이동하는 부분을 작업하고 있는데 그 url이 매개변수 변화가 없어서 어떻게 작업을 해야 될 지 모르겠습니다. 해당 url은 https://www.g2b.go.kr:8092/sm/ma/mn/SMMAMnF.do 나라장터 종합쇼핑몰 링크인데요, 검색해보시면 확인하실 수 있겠지만 검색결과에 따라 url이 변화되지 않고 쭉 저 url 그대로입니다.. 저는 (예를들어) 간판이 검색 결과로 뜨는 url로 바로 이동할 수 있게 하고 싶은데 매개변수 변화가 없다보니 저 url 그대로 a 태그에 넣게 되니까 페이지 이동하면 간판 검색 결과 페이지가 아닌 나라장터 종합쇼핑몰 메인 화면이 나오더라고요.. 어떻게 해야 제가 원하는 값을 검색하여 결과가 나온 페이지로 나올 수 있게 url을 작업할 수 있을까요 url에 어떤 파라미터, 매개변수 코딩을 해야 되는지 알려주세요 ㅠㅠ + location.search해도 빈 문자열이 나옵니다.

• url
• 링크
• html
• css
• javascript
• a태그

깃헙 권한 요청드립니다.

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

- 인프런 아이디: - 인프런 이메일: @kakao.com - 깃헙 아이디: @kakao.com - 깃헙 Username: 감사합니다.

• vuejs
• javascript

github 권한요청드립니다.

해결됨

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

github 권한 요청드립니다.

• vuejs
• javascript