본문 바로가기

JavaScript168

얕은 복사, 깊은 복사 🎪 얕은 복사 바로 아래 단계의 값만 복사하는 것 🎪 깊은 복사 내부의 모든 값들을 하나하나 찾아서 전부 복사하는 것 👉🏻 깊은 복사를 하는 방법 1. 객체의 깊은 복사를 수행하는 범용 함수 사용하기 var copyObjectDeep = function(target) { var result = {}; if (typeof target === 'object' && target !== null) { for (var prop in target) { result[prop] = copyObjectDeep(target[prop]); } } else { result = target; } return result; } 이 함수를 사용해 객체를 복사한 다음에는 원본과 사본이 서로 완전히 다른 객체를 참조하게 되어 어느 쪽.. 2021. 11. 17.

immutable.js, baobab.js 불변 객체의 규칙을 따르는 방법으로는 시스템적으로 제약을 거는 편이 제일 안전하다. 모두가 그 규칙을 따르지 않고는 프로퍼티 변경을 할 수 없게끔 시스템적으로 제약을 거는 것이다. immutable.js, baobab.js 등의 라이브러리가 유용하다. 이 라이브러리들은 자바스크립트 내장 객체가 아닌 라이브러리 자체에서 불변성을 지닌 별도의 데이터 타입과 그에 따른 메서드를 제공한다. 2021. 11. 17.

HTML, CSS 코드를 React로 변환할 때 주의할 점 🐳 가 여러개 있을 땐 , 태그로 전체 코드를 감싸줄 것! ex) import React from 'react'; class Login extends React.Component { return ( 안녕하세요 안녕히계세요 ); } 🐳 Self Closing Tag 꼭 닫아 줄 것! , , , , , 안 닫으면 오류 떠요 🐳 짝 맞는지 확인 할 것! 본인은 짝 안맞아서 한참 삽질했음ㅠ 🐳 import 경로 확인 할 것! CSS 파일이나 img 파일 경로 설정 잘못하면 적용이 안돼요ㅎㅎ... 2021. 11. 17.

arrow function에서 { }(중괄호)가 있고 없고의 차이 🍤 (number) => {return number + 10} return을 명확하게 작성해주어야함. 아니면 undefined로 인식을 함! 👉🏻 중괄호를 써야하는 경우 : 여러 줄을 작성하고 싶을 때 (number) => { // 추가적인 로직 return number + 10 } 🍤 (number) => number + 10 하나의 값으로 딱 떨어지는 경우에는 return을 안 써줘도 됨! 2021. 11. 16.

함수 선언문과 함수 표현식 함수 선언문 function 정의부만 존재하고 별도의 할당 명령이 없는 것을 의미한다. 반드시 함수명이 정의돼 있어야 한다. (기명 함수 표현식) 기명 함수 표현식은 주의할 점이 하나 있다. 바로 외부에서는 함수명으로 호출할 수 없다는 점이다. 함수명은 오직 함수 내부에서만 접근할 수 있다. 함수 표현식 정의한 function을 별도의 변수에 할당하는 것 함수명이 정의되지 않아도 된다. (익명 함수 표현식) 일반적으로 함수 표현식은 익명 함수 표현식을 말한다. 🎈함수를 정의하는 세 가지 방식 function a () { } // 함수 선언문. 함수명 a가 곧 변수명 a(); // 실행 var b = function () { } // (익명) 함수 표현식. 변수명 b가 곧 함수명 b(); // 실행 var.. 2021. 11. 16.

주석 사용법 🥊 React 코드 주석 한 줄 주석 : // 여러 줄 주석 : /* */ Javascript와 동일함! // 한 줄 주석 componentDidMount() { // console.log("hello world"); return; }; // 여러 줄 주석 componentDidMount() { /* console.log("hello world"); return; */ }; 2021. 11. 16.

이전 1 ··· 3 4 5 6 7 8 9 ··· 28 다음

티스토리툴바