javascript3 리액트 공부 - 2일차 Class Component VS Hooks Component JSX 에서 HTML 속성 class 는 못쓰고, className 으로 써야함. label의 속성 for은 htmlFor로 써야함. hooks에서 state를 class Component같이 한꺼번에 안쓰는 이유 setState에서 일일이 state 하나하나를 모두 바꿔줘야 해서 hooks에서는 state는 나누어서 작성함. (Javascript 구조 분해 할당 표현식으로 선언) ex) const [val,setVal] = React.useState('초기값'); webpack - 개발 실제로 할 때, 컴포넌트 여러 개 합쳐서 하나의 스크립트 파일로 만들어주는 것 create-react-app 쓰기 전, 세팅을 해보면서 이 세팅을 자동화 해.. 2021. 2. 22. String Method 로 간단한 함수 만들기 var lengthFunc = function() { var input = prompt("입력"); alert(input.length); } 메서드는 아니고, String의 length 속성을 이용해, 입력한 문장의 단어 개수 출력하는 함수 var prequenFunc = function(){ let input = prompt("단어 개수를 셀 문장 입력"); let prequen = input.split(' '); alert(prequen.length); } 문장을 입력하면, 단어가 몇 개로 이루어져 있는지에 대한 함수를 string의 split 메서드를 사용해 세보기 , 발전한다면 객체를 이용, python에서 했던 단어 빈도 개수 세기랑 동일하게 작성한다면 동일한 기능을 할 것이다. var Chan.. 2020. 8. 7. 얕은 복사와 깊은 복사 얕은 복사(Shallow copy) vs 깊은 복사 (Deep copy) 바로 아래 단계의 값만 복사 내부의 모든 값들을 하나하나 찾아서 전부 복사 참조형 데이터가 저장된 프로퍼티를 복사할 때, 그 주솟값만 복사 - 얕은 복사 해당 프로퍼티에 대한 원본과 사본이 모두 동일한 참조형 데이터의 주소를 가리키게 된다. 사본을 바꾸면 원본도 바뀌고, 원본을 바꾸면 사본도 바뀐다. 변수 복사 비교 에서 다뤘던 내용이다. 불변객체 (immutable object) 참조형 데이터의 '가변'은 데이터 자체가 아닌 내부 프로퍼티를 변경할 때만 성립한다. 데이터 자체를 변경하고자 하면(새로운 데이터를 할당하고자 하면) 기본형 데이터와 마찬가지로 기존 데이터는 변하지 않는다. 이럴 때 사용하는 것이, 내부 프로퍼티를 변경할.. 2020. 7. 29. 이전 1 다음
