inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

작동이안됨니다

미해결

처음 만난 리액트(React)

Line 7:29: 'Data' is not defined no-undef Search for the keywords to learn more about each error. 라며 자동이 안되고 data랑 toLocaleTimeString가 색이 안변한게 이상합니다 import React from "react"; function Clock(props){ return( <div> <h1>안녕, 리액트!</h1> <h2>현재 시간: {new Data().toLocaleTimeString()}</h2> </div> ); } export default Clock; 코드는 문제가 있는지 모르겠습니다 문제 될만한게 없는듯 합니다 index.js 완전똑같습니다

  • data
  • HTML/CSS
  • javascript
  • react
유승호 댓글 2 좋아요 1 조회수 394

서울시뉴딜일자리_IT인턴 3개월 [급여월260만]지원사업안내_빅데이터 기반 서비스플랫폼 과정 [스터디,프로젝트,프론트엔드,백엔드,자바,코딩]

미해결

서울시에서 뉴딜일자리사업 일환으로 2차 서비스플랫폼개발자 양성과정으로 3개월 인턴십 (급여 월 260) 보내주는 프로그램 진행중인데 신청해보세요! 자세한 내용은 https://blog.naver.com/kjc_sh/222775806456 참고해주세요~

  • 스터디
  • 프로젝트
  • 프론트엔드
  • 백엔드
  • 자바
  • 코딩
  • jave
  • 스프링
  • spring
  • data
한국취업센터 댓글 1 좋아요 0 조회수 297

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
  • find
  • javascript
  • variable
  • data
승현 댓글 1 좋아요 0 조회수 1744

MineForm.vue 작성시 input 에 v-model 을 사용하면 안되나요?

미해결

웹 게임을 만들며 배우는 Vue

MineForm.vue 작성할 떄, value 를 v-bind로 하고, onChange 이벤트를 추가해서, value 가 바뀔 때마다 vue 인스턴스에 data도 바뀔 수 있도록 하는데요! v-model 을 사용해서 간단하게 해도 괜찮나요? 성능상에서 문제가 따로 발생할까요? 아님 아예 똑같은 기능인가요?

  • vue
  • 웹팩
  • v-model
  • data
  • vuejs
  • vuex
모코딩 댓글 1 좋아요 0 조회수 257

인기 태그

인프런 TOP Writers

주간 인기글