콛 다이어리

두번째 중괄호:자바스크립트 객체

1. import React from "react"입력했을 때 오류가 나는 이유:'React' 자리에 아무것도 써주지 않아서.(사용하는 프로그램 리액트가 아니라)리액트 패키지를 임포트하지 않아서. 2. import 옆에 괄호를 쓰고 안 쓰고의 차이괄호 O → export하는 코드만 가져옴괄호 X → export하는 모든 코드를 가져옴

while증감식을 넣지 않으면 무한 루프 사용 방법while (조건) {// 메인 로직// 증감} let j = 3; while (j   if (j % 5 === 0 && j >= 5) {     console.log(j);     // 5     // 10     // 15     // 20     // 25     // 30     // 35     // 40     // 45     // 50     // 55     // 60     // 65     // 70     // 75     // 80     // 85     // 90     // 95   }   j++; } do ~ while사용 방법do { // 반복할 코드}while (조건문) break continuefor문과 결합해서 쓰임 ..

for문사용 방법for (초기값; 조건식; 증감식) { } for (let i = 0; i   console.log(i); }// 0 // 1 // 2 // 3 // 4 // 5 // 6 // 7 // 8 // 9  배열 길이 사용하기const arr = ["one", "two", "three", "four", "five"]; for (let i = 0; i .length; i++) {   console.log(i);   console.log(arr[i]); }// 0 // "one" // 1 // "two" // 2 // "three" // 3 // "four" // 4 // "five" for ~ in문 객체의 속성을 출력하는 문법key는 객체 안의 키 사용 방법for (let key ..

forEach 사용 방법 배열.forEach(콜백 함수) 별도로 return되는 값은 없음 안의 로직이 실행되기만 함 콜백 함수 매개변수 자리에 들어가는 함수 (콜백 함수의) 매개변수에는 배열의 요소들이 순회함 for문과 비슷 let NotMini = ["OverTheTop", "Paradise", "Seaon2", "Back", "Top Seed"]; NotMini.forEach(function (item) {   console.log("item입니다.=>" + item);   // item입니다.=>OverTheTop   // item입니다.=>Paradise   // item입니다.=>Seaon2   // item입니다.=>Back   // item입니다.=>Top Seed });  map 배열 내..

배열 인덱스(index)를 가짐 인덱스는 0부터 시작 인덱스 순서가 중요 배열 생성하는 방법변수 = [ ]; 콤마로 요소들을 구분 배열 요소에 접근하는 방법변수 [인덱스 번호] // 크기 지정 let number = new Array(5); console.log(number); // [ ]  배열 메소드push( )마지막 요소를 추가하는 메소드 let IfntConcert = ["LV", "장동우 에어라인", "식목일", "REBOOT", "다시 시작"]; console.log(IfntConcert); // 'LV', '장동우 에어라인', '식목일', 'REBOOT', '다시 시작' ] IfntConcert.push("무한대집회 IV"); console.log(IfntConcert); // [ 'LV',..

객체를 생성하는 방법let 변수 = {    키: "문자열인 값",    키: 숫자,    키: true 나 false    키: 함수,    키: 배열    키: 객체}; let eundong = {// 문자열     name: "은동",// 숫자     age: 5,// 불리언     large: false,// 함수     function ( ) { },}; // 객체(에 객체 추가)let myDog = {     name : "은동이",     gender : "female",    birthday: "180830",    color: "white",    white : {    pink : "first favorite",    purple: "second favorite" },}; // 객체에 ..

자바스크립트에서는 배열 변경이 가능하지만state로 저장할 때는 변경할 수 없도록 해야한다.객체와 마찬가지로,state에 저장된 배열을 업데이트하고 싶을 때는새 배열을 생성하거나기존 배열의 복사본을 생성한 뒤,이 배열을 state로 두어 업데이트 해야함 변경하지 않고 배열 업데이트하기arr[1] = 'maltese' 처럼 재할당하면 안 됨push( ), pop( ) 같은 함수 사용하면 안 됨filter( ), map( ) 같은 함수로 새 배열 만들고새 배열들을 state에 설정  비선호(배열 변경)선호(새 배열 반환)추가push, unshiftconcat, [...arr] 전개 연산자제거pop, shift, splicefilter, slice교체splice, arr[i] = ... 할당map정렬rever..

문자const [herName, setHerName] = useState('미소'); function MyDogNameChanged( ) {setHerName('은동이');}// herName은 '미소'  숫자const [herAge, setHerAge] = useState(0); function MyDogAgeChanging( ) {setHerAge(6);}// herAge는 0

상위 컴포넌트에서 쓰는거   하위 컴포넌트에서 쓰는거{props.상위컴포넌트의props명},{props.children} boolProp= {true} //boolean arrProp= {['a','b','c']} //배열 objProp= {{name:'코딩젤리', title:'헬로리액트!'}} //객체 funcProp= {() => { alert('알림창'); }}  //함수  />