728x90 반응형 javascript12 [React+JS/리액트] 웹 스터디 3주차 자식이 부모의 state 를 가져다 쓰고 싶을 때: props function App (){ let [글제목, 글제목변경] = useState(['남자코트 추천', '강남 우동맛집', '파이썬독학']); return ( )}function Modal(){ return ( { 글제목[0] } 날짜 상세내용 )} 위의 코드를 실행시키면 '글제목' 이라는 변수가 define 되지 않았다는 에러 발생-> 글제목이라는 state 변수는 function App() 에 있지 function Modal() 에 없기 때문 props 를 사용해서 state 전달하기 1. 자식 컴포넌트를 사용하는 곳에 가서 (tip: '작명' 은 보통 state.. 2024. 5. 8. JS 배열 Array 배열 (Array) 이란? JavaScript 에서 배열은 크기 조정이 가능하고, 다양한 데이터 형식을 혼합하여 저장할 수 있는 array 객체 let arr = ['Apple', 1, 3.14, true, function sayHI() {console.log('HI')}]; 배열에 항목 추가/삭제하기 let arr = ['apple', 'banana', 'lemon', 'orange']; shift() : 배열의 첫 요소 삭제 arr.shift(); console.log(arr); // ['banana', 'lemon', 'orange'] pop() : 배열의 마지막 요소 삭제 arr.pop(); console.log(arr); // ['apple', 'banana', 'lemon'] unshift(v.. 2024. 1. 5. JS Date 객체 Date 객체란? JavaScript 의 Date 객체는 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담음 Date 객체 만들기 new Date(milliseconds) // 1970년 1월 1일 00:00:00 UTC + 1000ms -> 기준이 되는 시간 + 1s let date = new Date(1000); console.log(date); // 1970-01-01T00:00:01.000Z // 1970년 1월 1일 00:00:00 UTC + 1000ms -> 기준이 되는 시간 + 0.5s let date = new Date(500); console.log(date); // 1970-01-01T00:00:01.500Z new Date(dataStri.. 2024. 1. 5. JS 객체와 속성 JS 에서 객체란? JavaScript에서 객체는 속성과 타입을 가진 독립적인 개체(entity) 속성 이름 : 속성 값 (또는 key : value) 속성 이름은 string 타입 속성 값은 모든 자료형 가능 객체 생성하기 // 객체 초기자 사용 const myCar = { make: "Ford", model: "Mustang", // 이름 규칙에 벗어나는 속성 이름은 따옴표 사용 'creation-year': 1969, 'license plate': 1234, '1owner': 'A', '2owener': undefined, }; // 생성자 함수 사용하기 const myCar = new Object(); myCar.make = "Ford"; myCar.model = "Mustang"; // 이름 규.. 2024. 1. 4. 이전 1 2 3 다음 728x90 반응형
