티스토리

우당탕탕 개발
검색하기

블로그 홈

우당탕탕 개발

oizys.tistory.com/m

주니어 개발자 양찬우 개발 블로그입니다.

구독자
2
방명록 방문하기
공지 모든 자바스크립트 개발자가 알아야 하⋯ 모두보기

주요 글 목록

  • AWS EC2 Ubuntu 초기세팅 + Nginx, NodeJS 설치 AWS EC2 인스턴스 생성 (Ubuntu) AWS 콘솔 접속 EC2 대시보드 접속 인스턴스 시작 이름 입력 app / os 이미지로 ubuntu 선택 인스턴스 유형 선택 (t2.micro) 키 페어 추가 후 pem키 저장&보관 네트워크 설정 인터넷에서 HTTP / HTTPS 트래픽 허용 체크 (선택) SSH 트래픽 허용 지정 AWS EC2 nginx 설치 # Ubuntu 이미지를 이용했을 경우 sudo apt-get install nginx # 다운로드가 완료되면 명령어를 통해 nginx 설치 폴더로 이동한다. cd /etc/nginx # nginx 실행 sudo service nginx start # nginx 실행 확인 ps -ef | grep nginx AWS EC2 Ubuntu Node.js 설.. 공감수 0 댓글수 0 2022. 6. 8.
  • 개발 포트폴리오 개발진척 업데이트 현재 완료된 항목 반응형 웹 디자인 SSR i18n 다국어 지원 (영어 - 한국어) 다크/라이트 컬러 테마 변경 Fake 터미널 구현 Vercel 배포 추가 예정 항목 과거 팀프로젝트 경험 소개 페이지 과거 개발한 UI 컴포넌트들 projects/gallery에 추가 Burger 프로젝트 애니메이션 추가 및 보완 three.js 사용, 3d오브젝트 및 로고 추가 이미지 최적화 공감수 0 댓글수 0 2021. 12. 6.
  • HTML5 Canvas 성능저하 및 랙 이슈 해결 개요 현재 개발 중인 포트폴리오 사이트에 이전에 제작했던 토이 프로젝트인 Wave를 추가할 때 발생한 문제이다. 아래는 기존에 제작한 Wave 프로젝트의 간략한 설명이다. Wave HTML5 + Javascript App : canvas 생성, 메서드 생성, WaveGroup 생성 WaveGroup : 지정한 wave와 point 개수에 맞춰 파도 각각의 색상과 포인트 지정 후 Wave 생성 Wave : canvas context에 파도를 그린다. 화면 크기 변화 시 각 파도를 resize 한다. 기존 프로젝트의 경우 파도의 갯수와 파도의 높이를 결정하는 waveCount와 pointCount를 WaveGroup 내부에서 하드 코딩하여 미리 지정하고 생성하여, 처음 한 번 canvas를 그릴 때 Wave.. 공감수 0 댓글수 1 2021. 11. 26.
  • JS33 - 30.상속, 다형성, 코드의 재사용성 클래스 상속 JS는 프로토타입과 프로토타입 체인 개념을 사용해 상속한다. Non JS Classical Inheritance non-JS의 클래스 상속은 보통 클래스를 확장할 때 부모 클래스와 자식 클래스가 별도의 엔티티 인 동작을 부모 클래스에서 자식으로 복사한다. 클래스에서 인스턴스 또는 객체를 만들 때 두 가지 동작의 또 다른 복사본이 발생하며 둘 다 별도의 Entity다. 자식 클래스가 상속된 이후엔 사본이기 때문에 연결되어 있지 않고, 따라서 둘은 별도의 개체다. 속성 및 동작이 아래로 흐른다. JS Prototypal Inheritance (Behavior delegation pattern) 상속된 객체는 __proto__로 연결되어 있다.(new키워드로 생성됨!) JavaScript에서 객체.. 공감수 0 댓글수 0 2021. 11. 9.
  • JS33 - 29.알고리즘 알고리즘을 마스터하기 위해선 데이터 구조에 대한 명확한 이해가 필요하다. 일반적으로 고려해야 할 사항 필요한 변수 반복 횟수, 종류 사용가능한 빌트인 메서드 고려해야 할 에지 케이스 헬퍼 함수를 추출하거나 추상화할 수 있는가? 확장성이 있는가? input 크기가 커지면 어떻게 실행되는가? 캐싱 메커니즘이 필요한가? 성능 향상과 메모리 최적화 코드 리팩터링과 재사용 기회가 있는 코드를 작성하기 커링을 통한 파라미터 제거 정렬 알고리즘 버블소트 const bubbleSort = array => { let swapped; do { swapped = false; array.forEach((number, index) => { if (number > array[index + 1]) { [array[index], a.. 공감수 0 댓글수 0 2021. 11. 9.
  • OSI 7계층, TCP/IP 4계층, TCP/IP updated 5계층 1. OSI 모형(Open Systems Interconnection Reference Model) 네트워크 통신에서 일어나는 과정을 단계 별로 파악하기 쉽게 7단계로 나눈 것 국제표준화기구(ISO)에서 개발한 모델로, 컴퓨터 네트워크 프로토콜 디자인과 통신을 계층으로 나누어 설명한 것이다. 일반적으로 OSI 7 계층이라고 한다. - wikipedia 이 모델은 프로토콜을 기능 별로 나눈 것이다. 각 계층은 하위 계층의 기능만을 이용하고, 상위 계층에게 기능을 제공한다. '프로토콜 스택' 혹은 '스택'은 이러한 계층들로 구성되는 프로토콜 시스템이 구현된 시스템을 가리키는데, 프로토콜 스택은 하드웨어나 소프트웨어 혹은 둘의 혼합으로 구현될 수 있다. 일반적으로 하위 계층들(물리, 데이터링크)은 하드웨어로,.. 공감수 0 댓글수 0 2021. 11. 9.
  • 프로그래머스 알고리즘 문제풀이: 소수찾기 코딩테스트 연습 - 소수 찾기 한자리 숫자가 적힌 종이 조각이 흩어져있습니다. 흩어진 종이 조각을 붙여 소수를 몇 개 만들 수 있는지 알아내려 합니다. 각 종이 조각에 적힌 숫자가 적힌 문자열 numbers가 주어졌을 때, 종이 programmers.co.kr 풀이 완전 탐색 문제 주어진 numbers 문자열의 순서를 바꿔 배치한 후 만들어낼 수 있는 숫자들 중 소수의 개수를 구하는 문제. 즉, 순열 + 소수 검사를 요구하는 문제. python의 경우 itertools의 permutations를 사용하여 순열을 생성하고 약수가 존재하면 False, 없다면 True를 반환하는 소수검사 함수를 생성하여 체크했다. 단, 그대로 제출할 시 시간초과에 걸릴 수 있다. numbers는 길이가 1이상 7 이하이고 숫.. 공감수 0 댓글수 0 2021. 11. 6.
  • 프로그래머스 알고리즘 문제풀이: H-index 코딩테스트 연습 - H-Index H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표 programmers.co.kr 프로그래머스 정렬 level 2 H-index 위키백과 설명 과학자의 생산성 및 영향력을 나타내는 지표인 H-index를 계산하는 문제이다. 어떤 과학자가 발표한 논문 중, H번 이상 인용된 논문이 H편 이상이고 나머지 논문이 모두 H번 이하 인용되었다면, 이때H의 최댓값이 H-index다. 어떤 과학자가 발표한 논문의 인용 횟수를 담은 배열 citations가 주어질 때, 이 과학자의 H-index를 계산하시오. 풀이 numer.. 공감수 0 댓글수 0 2021. 11. 6.
  • JS33 - 28.함수 성능과 빅 오(Big O) 표기법 Big O is the worst-case scenario growth curve for the complexity of an algorithm 입력 시간에 따라 알고리즘이 실행되는 데 걸리는 시간을 수학적으로 표현한 것 알고리즘의 전체 단계를 대수로 바꾸고 문제의 전체 복잡성에 큰 영향을 미치지 않는 하위 상수 및 계수를 제외한다. Regular Big-O 2 O(1) --> It's just a constant number 2n + 10 O(n) --> n has the largest effect 5n^2 O(n^2) --> n^2 has the largest effect Constant Complexity (일정한 복잡성) : O(1) const firstElemEven = (array) => { .. 공감수 0 댓글수 0 2021. 10. 27.
  • JS33 - 27.자료구조 Object와 Array 원시 타입 6종류(Boolean, Null, Undefined, Number, String, Symbol) 이외의 데이터 타입 array도 object도 둘 다 object // arrays []; // objects { } Object 식별자 (Identifier)로 참조할 수 있는, 메모리에 있는 값 속성(Property)을 담고 있는 가방(Collection) 중괄호는 개체를 나타내며 개체의 요소가 개체를 구성합니다. 객체 값은 키 : 값 쌍으로 제공되며 이러한 값은 객체의 속성 또는 방법 (함수) 일 수 있습니다. 속성은 객체의 특징 또는 속성 인 반면, 방법은 객체에서 수행할 수 있는 기능 또는 동작입니다. // simple way to create a string co.. 공감수 0 댓글수 0 2021. 10. 27.
  • JS33 - 26.Async/Await Async/Await async function 함수명() { await 비동기_처리_메서드_명(); } async와 await는 자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법 (ES2017 ES8 ) 내부적으론 비동기 작업을 수행하면서, 표면적으론 완전히 동기식 코드를 작성할 수 있도록 도와준다. 기존의 비동기 처리 방식인 콜백 함수와 프로미스의 단점을 보완하고 개발자가 읽기 좋은 코드를 작성할 수 있다. 일반적으로 자바스크립트의 비동기 처리 코드는 아래와 같이 콜백을 사용해야 코드의 실행 순서를 보장받을 수 있다. 함수 앞에 async가 붙으면 항상 promise를 리턴한다. 다른 값들은 자동적으로 resolve된 promise로 감싸진다. // 미적용 function logName() .. 공감수 0 댓글수 0 2021. 10. 27.
  • 소규모 팀의 협업을 위한 git + github workflow 현재 진행 중인 프로젝트에서 프론트엔드 담당으로 참여 중이다. 합류 초기 협업을 위한 Git workflow가 설정되어 있지 않다는 것을 확인하고 원만한 협업을 위해 git workflow 문서를 작성했다. 기본 골자는 처음 팀 프로젝트를 시작했을 때부터 참고했던 우아한 형제들 기술 블로그의 git-flow에서 가져왔으며, 이후 몇 달 간의 실제 프로젝트 진행 후 문서를 보완해야 한다고 느껴서 몇 가지 규칙을 현 상황에 맞춰 수정 및 보완했다. 현재 우리 팀의 상황은 아래와 같다. 팀원 수가 2~10명 이하인 소규모 팀 JIRA 등 다른 협업용 툴을 사용하지 않거나 엄격히 활용하지 않음 Git에 익숙하지 않은 팀원이 다수 존재 개발 초기라서 잦은 배포가 필요함 Git + Github 원격 저장소 사용 P.. 공감수 0 댓글수 0 2021. 10. 20.
  • React + styled-components 재사용 Toggle 버튼 이슈 현재 개발에 참여 중인 MATATA 서비스의 프론트엔드 업무 중 새로운 요구사항을 전달받았다. 디자인 변경으로 인해, 현재 기본 checkbox input을 애니메이션이 추가된 Toggle 버튼으로 바꿔야 했다. 디자인/기획 담당이 원하는 토글 버튼 디자인의 예시로 보내준 링크를 보니, 다음과 같았다. 29 Unique CSS Toggle Switches – FrontEnd Resource Here is a collection of some of the most unique CSS toggle switches for you. You may also like Pure CSS Toggles Dev: Rafael González Pure CSS Toggle Buttons | ON-OFF Switches .. 공감수 0 댓글수 0 2021. 10. 18.
  • JS33 - 25.프로미스(Promise) 프로미스 Promise Promise - JavaScript | MDN Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다. developer.mozilla.org var promise = new Promise(function(resolve, reject) { // do a thing, possibly async, then… if (/* everything turned out fine */) { resolve("Stuff worked!"); } else { reject(Error("It broke")); } }); Promise 는 자바스크립트 비동기 처리에 사용되는 객체 콜백을 함수에 전달하는 대신 콜백을 첨부하는 객체가 리턴되는 것이다. 보다 동기적인 방식으로.. 공감수 0 댓글수 0 2021. 6. 24.
  • JS33 - 24.컬렉션과 생성기(Collection and Constructor) 컬렉션 Collection JavaScript Collections Collections 프로그래밍 언어에서 Collection 이란 단어는 '프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너' 라고 생각합니다. 메이저 프로그래밍 언어에는 여러가지 데이터 컬렉션들이 존재 velog.io 프로그래밍 언어가 제공하는 값을 담을 수 있는 컨테이너 Python - list, tuple, dictionaries … Java - ArrayList, HashMap, HashSet, Queue, Stack … Ruby - hashes, arrays Javascript(기존 Arrays + Objects, 이후 ES6에서 새로 추가) Indexed Collection - Arrays, Typed Array Keye.. 공감수 0 댓글수 0 2021. 6. 23.
  • GIT Error - Git can't detect local changes, can't add 오류 로컬 파일 수정 후 변경사항을 git add로 git index에 추가(staging)시 정상적으로 add 되지 않고, git status에도 변경사항이 기록되지 않는다. 즉, git이 로컬 변화를 인지하지 못한다. > git status On branch master nothing to commit, working directory clean 원인 및 해결 git은 원래 자동으로 파일의 변화를 기록하고 검사한다. 만약 해당 오류가 발생했다면 여러가지 원인이 있을 수 있다. .gitignore에 파일이 등록되어 있다. .gitignore 파일에 등록된 파일은 git이 파일 변화를 검사하지 않는다. 저장소 위치를 착각했을 경우 예를 들어, 파일을 수정한 text editor의 위치와 git statu.. 공감수 0 댓글수 0 2021. 6. 13.
  • GIT Error - can't find remote repository 오류 github 혹은 gitlab 등의 원격저장소를 로컬에서 clone, push, pull 등 조작할 때 발생 원인 로컬 git config의 계정 정보(credential)에 저장된 id 값에 해당하는 계정이 조작하려는 원격저장소에 대해 권한이 없을 때 발생한다. 즉, 접근(혹은 조회 및 수정) 권한이 없을 때 발생하는 에러이다. 해결 github 혹은 gitlab의 옵션 중 권한 옵션을 수정하여 로컬의 id에 관리 혹은 편집 권한을 부여한다. 현재 로컬 git config에 저장된 계정 정보가 옳게 되었는지 확인한다. 공감수 0 댓글수 0 2021. 6. 13.
  • Git 계정정보 초기화(git config clear), credential error 원인 및 해결방법 오류 Git clone/push: fatal : authentication error or Logon failed, use ctrl+c to cancel basic credential prompt. 원인 계정 정보의 불일치로 인해 인증이 실패한 상황에서 발생하는 에러다. git은 ID/PW를 입력해 계정 인증을 시도하면 계정 정보를 git config에 저장해 다음 인증 때 사용한다. 즉 git config에 저장된 id/pw가 맞지 않아서 발생하는 error이다. 주요 발생 원인은 아래와 같다. 온라인 상의 github에서 비밀번호를 수정한 후 로컬 git에 저장된 인증정보를 수정하지 않은 경우 처음 로컬 git에 인증정보 저장 시 ID/PW를 잘못 기입했을 경우 다른 저장소에서 사용하려는 config.. 공감수 4 댓글수 0 2021. 6. 13.
  • remote: HTTP Basic: Access denied 오류 : gitlab repository에서 local로 clone하던 중 에러발생 원인 : clone 시 계정 입력 패스워드 잘못 입력 해결 : git bash 관리자 권한에서 명령어 입력 $ git config --system --unset credential.helper 공감수 0 댓글수 0 2021. 6. 13.
  • JS33 - 23.재귀함수(Recursive Function) 함수 그 자체에서 자기 자신을 호출하는 함수 자바스크립트에서 재귀 함수를 구성 할 때는 Leave Event가 있어야 합니다. Leave Event? 함수가 재귀 루프를 종료 할 수 있게 하는 제어문. if문, 삼항인수, switch문 등이 될 수 있다. 프랙탈, 정렬 또는 복잡한 또는 비선형 데이터 구조의 노드 탐색과 같은 반복 분기와 관련된 문제를 해결하는 데 가장 효과적입니다. 함수형 프로그래밍 언어에서 재귀를 선호하는 한 가지 이유는 로컬 변수를 사용하여 상태를 설정 및 유지 관리 할 필요가 없는 코드를 생성 할 수 있기 때문입니다. 재귀 함수는 주어진 입력에 대해 구체적이고 일관된 반환 값을 가지고 외부 변수 상태에 대한 부작용이 없는 순수한 방식으로 작성하기 쉽고 자연스럽게 테스트하기 쉽습니다.. 공감수 0 댓글수 0 2021. 6. 8.
  • JS33 - 22.고차함수(Higher Order Function) 고차함수란? 고차 함수는 함수 인수를 받거나 함수를 반환하는 함수입니다. ( === 함수를 주고받는 함수) map(),reduce(),filter(),setTimeout(),addEventListener(),bind() …. // ES6 version const characters = [ {name: 'Luke Skywalker', img: 'http://example.com/img/luke.jpg', species: 'human'}, {name: 'Han Solo', img: 'http://example.com/img/han.jpg', species: 'human'}, {name: 'Leia Organa', img: 'http://example.com/img/leia.jpg', species: 'hum.. 공감수 0 댓글수 0 2021. 6. 8.
  • JS33 - 21.클로져(Closure) 정의 #1 : 클로저는 스코프가 닫힌 후에도 상위 스코프에 접근 할 수 있는 함수입니다. 정의 #2: 클로저는 함수와 해당 함수가 선언된 ‘lexical environment’의 조합입니다. //this is closure's global scope function outie(){ // this is closure's first and only outer scope function closure(){ // this is closure's local scope } } closure는 외부의 변수를 기억하고 접근할 수 있는 함수입니다(스코프 체인에 값에 대한 참조를 저장한다). 몇몇 언어에서는, 이러한 구현이 불가능합니다. 또한 이러한 일이 일어나게 하기 위해서는 함수를 특별한 방법으로 작성해야 합니다. 하.. 공감수 0 댓글수 0 2021. 6. 8.
  • 브라우저 캐싱(HTTP 캐싱, 웹 캐싱) 1. 캐시란? 캐시(cache, 문화어: 캐쉬, 고속완충기, 고속완충기억기)는 컴퓨터 과학에서 데이터나 값을 미리 복사해 놓는 임시 장소를 가리킨다. 캐시는 캐시의 접근 시간에 비해 원래 데이터를 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 캐시에 데이터를 미리 복사해 놓으면 계산이나 접근 시간 없이 더 빠른 속도로 데이터에 접근할 수 있다. 2. 브라우저 캐싱이란? 브라우저 캐시는 웹 캐시의 일종이다. 웹 캐시(영어: web cache) 또는 HTTP 캐시(HTTP cache)는 서버 지연을 줄이기 위해 웹 페이지, 이미지, 기타 유형의 웹 멀티미디어 등의 웹 문서들을 임시 저장하기 위한 정보기술이다. 웹 캐시 시스템은 이를 통과하는 문서들의 사본을 저.. 공감수 2 댓글수 0 2021. 6. 4.
  • error: RPC failed; curl transfer closed with outstanding read data remaining 원인 git pull, 혹은 git clone 중 remote 데이터의 용량이 너무 크거나 인터넷 속도가 너무 느려서 버퍼를 감당하지 못하기 때문. 해결 shallow clone 후 unshallow fetch를 통해 두 번에 나눠 데이터를 가져온다. $ git clone http://github.com/large-repository --depth 1 $ cd large-repository $ git fetch --unshallow 버퍼 사이즈를 증가 시킨 후 clone한다.(보통 1번을 사용하면 해결된다.) $ git config --global http.postBuffer 524288000 회고 AI 프로젝트 진행 하던 중, backend의 데이터와 학습시킨 모델의 용량이 너무 커진 나머지 git c.. 공감수 1 댓글수 0 2021. 6. 4.
  • Git 저장소 옮기기 / 복사 : git repository mirroring 깃 미러링: Git repository mirroring Git 원격 저장소를 다른 Git 원격 저장소로 커밋 로그를 포함해 온전히 옮길 때 사용한다. Github, Gitlab, Bit bucket 등 Git 기반 원격 저장소 간 모두 가능하다. (*편의상 원본 저장소를 A, 복사 저장소를 B로 지칭한다.) 1. 원본 저장소(A)의 데이터를 mirror 옵션을 사용해 로컬로 Clone $ git clone --mirror [원본 저장소(A) 주소] // git mirroring, 원본 저장소(A)의 데이터를 클론한다. 2. Clone 한 로컬 저장소에서 mirror 옵션을 사용해 복사할 원격 저장소(B)로 Push $ git remote set-url --push origin [이동할 원격 저장소(B).. 공감수 2 댓글수 0 2021. 6. 3.
  • [번역]Currying in Javascript 자바스크립트 커링 JS 공부중 도움이 되는 글을 번역한 게시글입니다. Author: Rémi Original Post: Currying in JS 커링은 모든 함수형 프로그래밍 언어의 중심에 있는 중요한 개념이다. 커링이 무엇이고 왜 사용해야하는지 살펴보자. 커링이란? 커링은 N개의 항수(인자)를 갖는 함수 하나를 1개의 항수(인자)를 갖는 N개의 함수로 만들 수 있는 수단입니다. 요컨대, 커링을 사용하면 함수 하나를 호출할 때 한번에 모든 인자를 정확히 지정하지 않아도 됩니다. 간단한 예제를 보겠습니다. 아래와 같은 방식이 익숙할 것입니다. const add = (a, b) => a + badd(1, 2) //should return 3 커리를 적용하면, 대신 이런 방식을 사용할 수 있습니다. const add = a .. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 20.Pure function, Side effect, Mutate Pure function 순수함수 동일한 인수가 주어지면 항상 동일한 결과를 반환하는 함수 함수실행 중에 변경되는 상태 또는 데이터에 종속되지 않는다. 인자에만 의존해야 합니다. 이 함수는 네트워크 요청, 입력 및 출력 장치 또는 데이터 돌연변이와 같은 관측 가능한 부작용을 생성하지 않는다. Clojure와 Scala에서 파생된다. Procedure programming 전역 변수 또는 클래스의 인스턴스는 순수 함수 내에서 합법적 인 변수로 간주되지 않습니다. 변수의 전역 범위는 순수 함수의 생성에 사용되지 않습니다. 장점 및 필요성 Side effect(외부와의 상호작용)이 없다. (Side effect 자체는 나쁘지 않지만 포함되면 순수함수가 아니다) Making a HTTP request Mutat.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 19.map, reduce, filter 왜 써야하나요? 코드 간결성 함수형 프로그래밍! for, forEach 루프 관리 안해도 된다! Array.prototype에 정의되어 있으므로 어떤 배열에서도 사용할 수 있다!! map() map() 메소드는 배열의 모든 요소에 제공된 함수를 적용하여, 결과로 새 배열을 생성한다. map에 전달한 콜백은 명시적으로return 문을 가져야한다. 그렇지 않으면map은undefined로 가득 찬 배열을 출력합니다. 콜백 인자 param meaning elem 요소 값 index 각 순회의 인덱스는 왼쪽에서 오른쪽으로 이동 array 메소드를 호출 한 원래의 배열 thisArg (선택 사항) 콜백에서 this로 참조 될 객체 array.map(function(elem, index, array) { ... },.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS 33 - 18.Object.create와 Object.assign, js에서 객체 복사하기 Object.create ECMAScript 5의 기능, IE8 이하 버전 사용 불가 프로토타입 체인만 연결한다고 보면 될 듯 // 1 const original = { a: 1, b: 2, c: { d: 3 } }; // 2 const copied = Object.create(original); // 복사가 아니다! console.log(original.isPrototypeOf(copied)); //true // 3 original.a = 1000; original.c.d = 3000; console.log(copied.a);// 1000 console.log(copied.c.d);// 3000 // 4 console.log(copied);// {} // 5 original.hasOwnProperty(.. 공감수 0 댓글수 0 2021. 6. 3.
  • JS33 - 17.프로토타입의 상속과 체인 prototype vs Prototype prototype (속성) - 특정 객체의 prototype 객체: JavaScript로 작성한 모든 기능의 속성으로 지정된 특수 객체입니다. 여기서 분명히 설명 하겠지만, JavaScript가 제공하는 내부 함수 (+ bind에 의해 반환 된 함수)에는 필수 항목이 아닌 모든 함수에 대해 이미 존재합니다. 이prototype은 (new 키워드를 사용하여) 그 함수에서 새로 생성 된 객체의[[Prototype]](아래 참조)이 가리키는 것과 동일한 객체입니다. [[Prototype]] (링크속성) - 생성자 함수의 prototype 프로퍼티가 가리키는 prototype 객체: 이것은 객체에서 읽혀지는 일부 속성을 사용할 수 없는 경우 실행 중인 컨텍스트가 액세스하.. 공감수 0 댓글수 0 2021. 6. 3.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.