본문 바로가기

내마음대로만들어보자326

사용자 정의 객체 생성자 함수 - Person() Person() 생성자 함수 예제 Person() 생성자 함수를 실행할 때 고유한 매개변수를 전달하면 여러 개의 고유한 사람 객체를 손쉽게 만들 수 있다! 같은 속성을 사용해야 하지만 이 기능은 속성의 값은 다르게 사용하는 객체를 둘 또는 셋이상 만들어야할때 편리하다! ※ 참고사항 1) new 연산자와 함께 사용한 자신만의 생성자 함수를 둘때에는 첫 문자를 대문자로 하는것이 좋다. new Person() 2) 생성자 함수를 new키워드와 함께 사용하면 생성자 함수 내부에서 정의된 속성과 값을 가지는 개체를 만들어 낸다. new 키워드를 사용하지 않고 생성자 함수를 사용하면 이때의 this는 생성자 함수가 포함된 "부모"객체를 참조한다. 3) 함수가 객체를 반환하도록 하여 new 키워드를 사용하지 않거나 .. 2021. 9. 26.
자바스크립트 네이티브 / 내장 객체 생성자 자바스크립트에는 9개의 네이티브 객체 생성자가 포함되어 있다. Number() String() Boolean() Object() Array() Function() Date() RegExp() Error() 자바스크립트는 이러한 객체를 사용해 언어를 구성한다. "구성하다(construct)"라는 말은 이러한 객체들이 자바스크립트 코드에서 객체값을 표현하기 위해 사용되었고 자바스크립트의 여러 기능도 조화롭게 이루고 있다는 뜻이다. 예를들어, 함수는 Function() 생성자로부터 만들어지는 객체이지만, new 키워드와 함께 사욯아면 생성자가 되어 다른 객체를 만드는데 사용할 수있다. 객체 생성자들은 객체를 생성하는것은 물론 자바스크립트 언어의 프로그램 규칙도 가능하게 한다. 2021. 9. 26.
[React] 메가박스 모바일 웹 화면 만들기 리액트 네이티브에 대해서 화면 뷰 그리는 연습을 하기위해서 이전에 HTML+CSS 공부를 하면서 만들었던 반응형 사이트를 만들어보려고한다. 버튼 , 상세 화면에 대한 기능들은 추가하지 않을거고 메인화면에 대해서만 화면 뷰를 그려보려고한다. 리액트 네이티브 특성상 컴포넌트로 쪼개서 화면을 그려주어야 하므로 아직은 한번에 모든 화면을 쪼개서 그리는건 어렵다고 생각이 들어 부분 나눠서 하나씩 만들어 가 볼 생각이다! 만들어 나가는 과정을 기록해서 완성할때까지 일지를 작성해보자!! 2021. 9. 26.
[복습]React 주요 개념정리 - 리덕스를 통한 상태 관리 1. 상태관리의 필요성 현재는 App.js에 리스트 항목 배열을 두고 props로 넘겨주고 있고 추가하기버튼도 App.js에 있는 상황이다. 만일 추가하기버튼과 텍스트영역을 AddListItem 컴포넌트로 분리하고싶은경우 어떻게해야될까! 단순히 파일을 만들고 코드를 분리한다면 문제점이 발생한다. → 자식 컴포넌트는 부모 컴포넌트의 state를 마음대로 수정할 수 없다. (데이터는 단방향으로만 흐리기때문에) 이러한 부분들을 리덕스를 통해 해결을 할 수 있다. 리덕스는 여러 컴포넌트가 동일한 상태를 보고 있을때 유용하게 사용할 수 있다. 또한 데이터를 관리하는 로직을 빼면 컴포넌트는 오직 뷰만 관리하면 되기때문에 유지보수에도 용이하다. 2. 상태관리 흐름 1. 리덕스 Store를 Component에 연결한다.. 2021. 9. 26.

티스토리툴바