책 읽다가 코딩하다 죽을래

📖 웹 브라우저와 웹 서버 우리가 크롬이나 파이어폭스 같은 브라우저를 실행하여 어느 웹사이트에 들어가기 위해서는 두 가지가 필요하다. 하나는 크롬과 파이어폭스 같은 웹 브라우저, 그리고 나머지 하나는 웹사이트의 정보를 웹 브라우저에게 주는 웹 서버가 필요하다. 웹 브라우저와 웹 서버를 더 넓은 개념으로 보자면 request를 하는 클라이언트(웹 브라우저)와 request를 받으면 response를 하는 서버(웹 서버)가 필요한 것이다. 📖 사용자가 웹 사이트 정보를 받아오는 과정 우리가 웹사이트에 접속하면은 총 3단계를 거쳐 웹 정보를 받아오게 됩니다. 1. 웹사이트의 url을 주소창에 직접적으로 입력하거나 또는 간접적으로 입력하는 방식을 따른다. 2. 웹 브라우저가 url을 읽고 해당 웹 서버에 가서 ..

🧾 이 강의는 시리즈 별로 되어있습니다. 이 강의를 읽기 전에 확인하세요! 자바스크립트 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..