Tegi Log : 블록체인, 축구, 소레어, Sorare 컨텐츠망상공간

onChange 프로퍼티에 익명함수(변수)를 전달하는 것. event로 받아온 것을 event.target.value 밸류로 접근하는 것. jsx는 html과 다른점이 몇가지 있다. 변수를 할당할때 ${}이 아닌 {}으로 인식하고 class이름은 className for는 htmlFor 이런식으로 다른 프로퍼티들이 존재함.

💡 JSON은 네트워크 데이터 전송방식의 표준 포맷으로 보편적으로 쓰이고 있습니다. 실제 자바스크립트에서 쓰일때는 파싱을 해야되는데 간단히 살펴봅시다! const character = JSON.parse('{"name":"lena","age": 14}'); console.log(typeof(character)); console.log(character.name); console.log(character.age); //문자열에 적혀있는 객체가 오브젝트타입으로 변환됨. const character2 = JSON.stringify({name:'tom', age:12}); console.log(typeof(character2)); console.log(character2.name); console.log(cha..

💡 document.createElement()를 활용해 엘리먼트를 생성해서 랜덤한 이미지를 나오게 해봅시다. 0,1,2.png로 랜덤하게 선택되고 엘리먼트가 잘 생성된 모습을 볼 수 있습니다. 아직은 Javascript에만 존재하고 document에 존재하지 않으니 body 엘리먼트에 자식으로 붙혀봅시다. 폴더이름도 img와 같아야되고, 이미지를 꼭 코드와 같은 이름으로 해줘야 합니다.

💡 new Date(); : 현실시간을 받아올 수 있는 객체 padStart(a,b); : 2,3,4 이런 1의자리 숫자들을 02,03,04 이런식으로 10자리로 만들 수 있음. 매개변수a는 어느정도 길이로 할것인지, 매개변수 b는 어떤 문자열로 채울것인지 적는다.

💡 classList.add, remove로 만든 토글함수 //h1태그의 엘리먼트를 변수에 담고 const heading1 = document.querySelector('h1'); //클릭하면 handleH1Click 함수를 호출하는 이벤트를 생성 heading1.addEventListener('click',handleH1Click); //함수생성 function handleH1Click(){ // 클릭드 클래스라는 변수를 만들어서 상태체크 const clickedClass = "clicked"; //클릭드 클래스가 classList에 포함되어있는지 체크 if(heading1.classList.contains(clickedClass)){ //포함 되어 있으면 classList에 있는 클릭드 클래스를 지운..

💡 자바스크립트 배열 특징(다른 언어들에 비해 엄격하지 않다.) 1. 배열안에 다양한 데이터 타입이 들어갈 수 있음. 2. 배열의 크기가 동적으로 변할 수 있다. //Array생성자 활용 const arr1 = new Array(); arr1[0] = '첫번째'; arr1[1] = 111; arr1[2] = true; //초기값 넣고 생성 const arr2 = new Array('두번째',222,false); //new Array생성자의 매개변수는 배열의 크기를 뜻함. 5개의 undefined가 출력됨. const arr3 = new Array(5); //----------------------------------------------------------------------------// // [..

💡 코딩강의를 보다보면 자주 보이는 화살표 함수에 대해 알아보겠습니다. 매개변수가 없는 화살표함수 매개변수가 없다면 ()로 매개변수가 없는 것을 표현해주자. //매개변수가 없는 화살표함수. ()를 표시해준다. const noParameter = () => console.log('매개변수 없는 화살표함수'); //화살표로 표현한 익명함수이기 때문에 변수명으로 호출 noParameter(); 매개변수가 하나인 화살표함수 매개변수가 하나라면 () 대신 매개변수를 적어주면 된다. //매개변수가 하나일때 () 대신 매개변수를 써준다. const oneParameter = parameter => console.log(parameter); //변수명으로 호출하고 인자를 전달! oneParameter('매개변수가 하나..