책 읽다가 코딩하다 죽을래

🤔 실행 환경을 배워야 하는 이유 코드는 정적이다. 여러분들이 코딩을 끝마치고 컴파일을 하여도 변함이 없고 실제 런타임 때나 서버가 돌아가는 와중에도 코드는 자기가 스스로 변하지 않는다. 하지만 이런 변함없는 코드일지라도 실제 내부적으로는 그 코드 속 변수, 함수들은 항상 똑같이 행동하지 않고, 똑같은 것을 참조하지 않는다. 그것은 대부분 자바스크립트 엔진 작동원리의 핵심 개념인 실행 환경을 알면은 굳이 컴파일을 하지 않아도 예상할 수 있게 된다. 또한 개발자는 당연히 예상이 가능해야지 정상적인 개발을 할 수 있을 것이다. 그러므로 이런 동적인 움직임을 갖고 있는 자바스크립트 코딩을 하려면 실행 환경을 배워야 한다. 또한 이 개념은 hosting, this와도 밀접한 연결이 있다. 📖 실행 환경의 사전적..

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

🧾 이 강의는 시리즈 별로 되어있습니다. 이 강의를 읽기 전에 확인하세요! 자바스크립트 프로토타입에 대해 지금 같이 알아볼까?[클릭] 이 강의를 읽은 후에 확인하세요! 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를 클릭하여 설치한다. 그럼 설치 페이지도 이동하고 설치가 자동으로 이루어진다. 설치가 완료되면 실행시켜봅시다. 그러면 ..