전체 글25 State React에서 State는 필수로 알아야할 요소이다. 알고리즘 주차까지 공부했던 것과는 다르게 let은 쓰지 않고 변해야할 변수가 있다면 let이 아닌 useState를 사용하여 변수취급을 해준다.거의 대부분의 선언은 const로 한다! let쓰지마!!!!!!! for문 if문 쓰지마! 왜냐면 for ,if에 return값을 주게되면 함수는 어떤 값을 리턴할지 양자택일 하기 때문에 중요함뮤.. state변경함수 특징으로는 기존state와 신규state의값이 같을경우 변경해주지 않는다는 특징이 있다. 또한 arr나 object 데이터를 가져와서 변경해주려면 새로 독립적인 카피본을 만들어서 변경해줘야 적용됨.(깊은복사) 예를들어 arr = [a,b,c]일 때 arr를 state로 입혀서 0번째 인덱스 즉 a.. 2022. 5. 23. React에서 ES5/ES6란?(WIL쪼끔) 💜 ES란? ES는 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다. 뒤에 숫자는 버전을 뜻하고 요즘 사용하는 버전은 ES5,ES6정도이다. 💛선언 키워드 var하나로 모든걸 선언 했던 ES5의 여러가지 문제 때문에 ES6에서는 재선언 불가 재할당 가능한 let변수 선언 키워드와 상수선언 키워드 const가 추가되었다. 기존에 var하나로 모든걸 선언했을 때 보다 예측가능한 코드를 작성할 수 있게 되었다. 🧡템플릿 리터럴 ``(백틱)과 ${}를 통해 기존보다 덜 복잡하게 표현식을 만들 수 있다. 또한 이를 이용해 기존에 "\n"와 덧셈 연산자를 써야지만 줄 바꿈이 가능 했던 문자열 관리 또한 편해졌다. // ES5 var str1 = ', '; var str2 = 'World.. 2022. 5. 22. 코딩앙마 JS DOM & EVENT 정리 🧡DOM(Document Object Model) >> 문서 객체 모델 HTML문서의 각 요소들을 트리형태로 표현해줌 >>개발자는 자바스크립트를 이용해서 이를 생성 수정 삭제가능 >>트리 형식의 자율 구조. >>하나의 객체를 노드라고 부름. 트리에서 위쪽은 부모 노드 아래쪽을 자식 노드라고 합니다. >>도큐먼트를 제외하고 최상단에 있는 html은 루트 노드가 됩니다. 🧡유사 배열 >>>진짜 배열처럼 배열 관련 메서드를 사용할 수 있는건 아님 >>> for..of사용 1) document.querySelectorAll('p') >>>NodeList 생성 --- 한 번 저장된 값을 계속 사용함 2) document.getElementsByTagName('p') >>>HTMLCollection 생성 --- h.. 2022. 5. 21. 코딩 앙마 왕초보 모르는 부분만 정리해보자구! 💚While문 while(true){ let answer = confirm('계속할까요?'); //계속 할까요? 라는 알람창을 띄우고 예 누르면 알람창 반복으로뜸 if(!answer){ break; //아니오라면 멈춤 } } for 문과 비슷하지만 명확한 횟수가 정해져 있으면 for문 정해져있지 않다면 while문을 쓰는게 좋다. for(let i =0; i 2022. 5. 21. React 입문 주차 S.A. 🐥JavaScript의 자료형과 JavaScript만의 특성은 무엇일까 ? -일단 Javascript에 대해 알아보자 자바스크립트는 HTML,CSS와 함께 웹을 구성하는 요소중 하나로 웹 브라우저에서 동작하는 유일한 프로그래밍 언어이다.기본 문법은 C,자바와 유사하고 다른 여러 프로그래밍 언어의 개념을 차용했다. 자바스크립트는 개발자가 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어다. 그래서 컴파일이 뭐고 인터프리터 언어가 뭔데? >컴파일 : 주어진 언어로 작성된 컴퓨터 프로그램을 다른 언어의 동등한 프로그램으로 변환하는 프로세스 >인터프리터언어 : 코드를 한 줄씩 읽어 내려가며 실행하는 프로그램 - Javascript의 자료형 기본형과 객체(Object)타입이 존재한다. 기본적으로 자바스크립트는 .. 2022. 5. 20. 노마드 코더 바닐라 JS-2 function onLoginBtnClick(){ const username = loginInput.value; if (username === ""){ alert("Plz write your name") }else if(username.length>15){ alert("too long!") } } 위와 아래 같은 작용 html적용 Log In 클릭시 자동으로 submit 후 새로고침 Log in 이름의 버튼이 생성됨 엔터로도 submit가능 const loginForm = document.getElementById("login-form"); const loginInput = loginForm.querySelector("input"); function onLoginSubmit(event){ event.pr.. 2022. 5. 20. 이전 1 2 3 4 5 다음
