지식을 남기고 쌓는 곳

🧾 이 강의는 시리즈 별로 되어있습니다. 이 강의를 읽기 전에 확인하세요! 자바스크립트 prototype에 대해 지금 같이 알아볼까?[클릭] prototype으로 배워보는 메소드 상속 및 동작 원리[클릭] prototype chaining에 대해 알아보기 위해선 구글링 해서 개념을 이해하기보다는 실제로 사용해서 알아보는 것이 나을 것이다. 📚 prototype chaining이란? ctrl + shift + j 눌러 크롬 개발자 도구 콘솔 창을 열어 다음과 같이 입력해보자 배열 리터럴 [1,2,3]의 prototype을 알아보기 위한 코드이다. 다음과 같은 출력이 나오는데 출력 코드를 한 번 더 클릭하여 펼쳐보자 클릭하면 [1,2,3]에 대한 정보가 나와있는데 [1,2,3]에 생성자가 array라는 것이..

이 글은 캡틴 판교님의 블로그에서 따온 글을 다시 가공하여 적는 글입니다. 원본 글은 여기 있습니다.[클릭] 🧾 질문 유형 질문의 범주를 다음과 같이 4개로 구분하였습니다. 단골 질문 - 기본적으로 다 알고 대답할 수 있어야 하는 내용 직무 관련 질문 - 최소 70% 이상 대답할 수 있으면 좋지 않을까? 하는 내용 그 외 나올 수 있는 질문 - 필수로 알아야 하는 질문은 아니지만 알면 좋은 내용 기본적으로 준비해 가야 하는 질문 - 지원자로서 기본적으로 대답할 준비가 되어야 있어야 하는 내용 자 그럼 하나씩 살펴볼게요 :) ☝ 단골 질문 - 기본적으로 다 알고 대답할 수 있어야 하는 내용 프런트엔드 개발자 면접이라면 거의 빠지지 않고 물어보는 내용입니다. 웹 서비스를 개발하기 위해서 기본적으로 알아야 하..

🧾 이 강의는 시리즈 별로 되어있습니다. 이 강의를 읽기 전에 확인하세요! 자바스크립트 프로토타입에 대해 지금 같이 알아볼까?[클릭] 이 강의를 읽은 후에 확인하세요! prototpe chaining에 대해 알아봅시다[클릭] prototype에 대해 전혀 모르신다면 위에 있는 링크를 타서 prototype의 개념부터 정리하셔야 이 글을 이해하실 수 있습니다. 이번 시간에는 prototype 개념을 사용해 자바스크립트의 메소드 상속에 대해 다뤄보겠습니다. 📚 메소드 상속 및 동작원리 function Person(n, a){ this.name = n; this.age = a; } const rose = new Person('로제',30); const gisu = new Person('지수',25); rose..

🧾 이 강의는 시리즈 별로 되어있습니다. 이 강의를 읽은 후에 확인하세요! prototype으로 배워보는 메소드 상속 및 동작 원리[클릭] prototype chaining에 대해 알아봅시다 이 글은 인프런 정재남 강사님의 JS Flow 강의를 기반으로 하여 작성하였습니다. 인프런 JS Flow 강의 보러 가기[클릭] 견우(Object.prototype)와 직녀(Object 인스턴스)를 잇는 연결고리는 오작교(인스턴스.[[prototype]])이다. 📚 프로토타입(Prototype)이란? JavaScript는 흔히 프로토타입 기반 언어(prototype-based language)라 불립니다. 모든 객체들이 메소드와 속성들을 상속받기 위한 템플릿으로써 프로토타입 객체(prototype object)를 가..

🧾 이 강의는 시리즈 별로 되어있습니다. git (깃), github(깃허브)에 대해 제대로 배워보는 강의 0장 Git과 GUI,CLI[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 1장 Git 설치법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 2장 Git 구조와 사용법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 3장 GitHub[클릭] 📖 Branch란? Git을 통해 예전 코드들로 왔다 갔다 할 수 있는 기능을 타임머신에 비유할 수 있다면 Branch는 평행우주라고 비유될 수 있습니다. Branch의 뜻은 나뭇가지입니다. Git에서 사용되는 의미는 '구분된 작업 공간'을 의미하며 기존의 이력들은 유지된 채로 새로운..

🧾 이 강의는 시리즈 별로 되어있습니다. git (깃), github(깃허브)에 대해 제대로 배워보는 강의 0장 Git과 GUI,CLI[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 1장 Git 설치법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 2장 Git 구조와 사용법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 4장 Branch따는 법 및 PR[클릭] 📖 GitHub란? 다른 사람과의 협업을 할 때 Git만으로는 한계가 있다. 왜냐하면 Git은 어디까지나 로컬 저장소 즉 내 컴퓨터 내에서만 작업이 이루어지는 것이다. 내가 작업한 Git을 다른 컴퓨터에게 공유를 하려면 GitHub를 사용해야 한다. 자신이 작업한 Gi..

🧾 이 강의는 시리즈 별로 되어있습니다. git (깃), github(깃허브)에 대해 제대로 배워보는 강의 0장 Git과 GUI,CLI[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 1장 Git 설치법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 3장 GitHub[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 4장 Branch따는 법 및 PR[클릭] 📖 Git 구조 Git 은 크게 4가지 작업 공간으로 나뉘어 있다. Working Directory : 현재 작업하고 있는 폴더 Staging Area: 버전을 기록할 것들을 옮겨 놓는 장소 Local Repository : 내 PC에 파일이 저장되는 개인 전용 저장소 Remo..

🧾 이 강의는 시리즈 별로 되어있습니다. git (깃), github(깃허브)에 대해 제대로 배워보는 강의 0장 Git과 GUI,CLI[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 2장 Git 구조와 사용법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 3장 GitHub[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 4장 Branch따는 법 및 PR[클릭] 📖 Git 설치법 Git 공식 사이트 가서 설치하기[클릭] git 공식 사이트에 가서 저 빨간 네모 박스 안에 있는 Download for Window를 클릭하여 설치한다. 그럼 설치 페이지도 이동하고 설치가 자동으로 이루어진다. 설치가 완료되면 실행시켜봅시다. 그러면 ..

🧾 이 강의는 시리즈 별로 되어있습니다. git (깃), github(깃허브)에 대해 제대로 배워보는 강의 1장 Git 설치법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 2장 Git 구조와 사용법[클릭] git (깃), github(깃허브)에 대해 제대로 배워보는 강의 3장 GitHub[클릭] it (깃), github(깃허브)에 대해 제대로 배워보는 강의 4장 Branch따는 법 및 PR[클릭] 📖 Git이 뭐에요? 규모가 큰 프로젝트, 현업에서는 여러 명의 개발자들과 협업하는 일은 기피할 수 없다. 이렇게 여러 명의 개발자들이 하나의 프로젝트를 동시에 개발할 때 어떤 식으로 협업을 할까? 차례대로 한 사람씩 돌아가면서 기능을 구현하면서 완성된 결과물은 카톡으로 공유하는 ..