728x90 전체 글47 19장 프로토타입 - hasOwnProperty, Object.create Object의 property가 있는지 확인하기 위해 .hasOwnProperty()를 사용합니다. Eslint를 사용하면 밑줄이 그어지는데, 그 원인을 알아 보겠습니다. 그리고 대안도 함께 알아 보겠습니다. 목차 📑 Object.create() 란? 해결방법1 해결방법2 Object.create() 란? Object를 생성할 때, prototype을 인자로 받아 객체를 생성해주는 함수입니다. 즉 객체를 생성하면서 직접적으로 상속을 구현하는 것입니다. 장점은 new 연산자 없이도 객체를 생성할 수 있습니다. 프로토타입을 지정하면서 객체를 생성할 수 있습니다. 객체 리터럴에 의해 생성된 객체도 상속받을 수 있습니다. obj.hasOwnProperty() 사용시 문제점 const obj1 = { a : 1 .. 2023. 11. 28. 21장 빌트인 전역 함수 - encodeURI, decodeURI, encodeURIComponent, decodeComponent 빌트인 전역 함수 중 encodeURI/encodeURIComponent의 차이를 알아보고, URI와 그 하위개념인 URL과 URN을 살펴보겠습니다. 목차 📑 URI 소개 인코딩이란? encodeURI/decodeURI 소개 encodeURI/decodeURI 사용해보기 encodeURIComponent/decodeURIComponent 소개 encodeURIComponent/decodeURIComponent 사용해보기 URI 소개 URI는 인터넷에 있는 자원을 나타내는 유일한 주소를 말합니다. URI의 하위 개념으로 URL, URN이 있습니다. URL이 URI의 하위 개념인데 https:// 부터 #Intro까지 동일하게 보는 것 같습니다. 인코딩이란? 인코딩이란 URI의 문자들을 이스케이프 처리하는 .. 2023. 11. 24. 단축 평가, 옵셔널 체이닝, 함수 인자 초기화 목차 📑 연산자 개요 || OR 연산자 && AND 연산자 ?? null 병합 연산자 ?. 옵셔널 체이닝 연산자 function (a = ‘test’) function(인자) 초기화 || ( OR 연산자 ) 왼쪽이 falsly 값이면 오른쪽 값을 취합니다. const or1 = "Dog" || "Cat"; // 'Dog' const or2 = "" || "Cat"; // 'Cat' const or3 = "Dog" || ""; // 'Dog' && ( AND 연산자 ) 왼쪽이 falsly 값이면 왼쪽 값을 취합니다. const and1 = "Dog" && "Cat"; // 'Cat' const and2 = "" && "Cat"; // '' const and3 = "Cat" && ""; // '' ?? ( .. 2023. 11. 20. lodash Array, Collection, Object 메서드 모음 목차 📑 lodash 정리 lodash 정리 Array, Collection, Object 별 메서드를 정리하겠습니다. initial Array Collection Object a ---------- --------- _.assign _.assignIn _.assignInWith _.assignWith _.at b ---------- --------- --------- c _.chunk _.compact _concat _.countBy _.create d _.difference _.differenceBy _.differenceWith _.drop _.dropRight _.dropRightWhile _.dropWhile --------- _.defaults _.defaultsDeep e ----------.. 2023. 11. 8. 깃 설치하기 - 자격증명 목차 📑 git 소개 git 설치하기 git 설치 소개 깃을 설치 할 때 Next만 연타해도 되지만 window 자격증명을 사용하는 옵션만 선택해서 설치를 진행하겠습니다. 깃 다운로드 사이트 git 설치하기 로컬에서 git init할 때, 브랜치명을 변경할 수 있습니다. 저는 default 옵션인 master로 생성되도록 두겠습니다. window 자격증명을 사용 체크 간혹 사내에서 OpenSSL이 막혀있는 경우, Use the OpenSSL library로 설치가 되어 있으면 설치 이후에 아래 설정을 추가 해야합니다. 그래야 SSL확인을 건너 띄고 인증을 진행합니다. git config --global http.sslVerify false Use the native Window Secure Channel.. 2023. 11. 7. lodash Array 메서드 a to z - ( return Array ) 목차 📑 lodash Array 메서드 소개 lodash Array 메서드 a to z lodash Array 메서드 소개 Lodash Array 메서드를 한번씩 사용해보겠습니다. lodash 공식 홈페이지 lodash 연습장 lodash Array 메서드 a to z c _.chunk(array, [size=1]) 원본 배열을 size만큼 잘라 새로운 배열을 반환합니다. Creates an array of elements split into groups the length of size. If array can’t be split evenly, the final chunk will be the remaining elements. const chunk1 = _.chunk(["a", "b", "c", "d.. 2023. 10. 31. 이전 1 2 3 4 5 6 7 8 다음 728x90