본문 바로가기

바닐라코딩/Prep8

바닐라코딩 프렙 후기 - 9월 말 바닐라코딩 부트캠프 프렙과정을 모두 마친 후 작성하는 후기입니다. - 일절의 후원을 받지않았고 제돈내고 다녔으며 솔직한 감상을 담았습니다. 비싼 돈들여 부트캠프를 꼭 가야하나??? 저는 2020년 후반부터 개발자직군으로 전향하고 싶었습니다. 그때 당시에는 인터넷에 유데미나 인프런 같은 좋은 자습자료가 많은데 부트캠프같이 비싼 교육기관을 굳이 가야하나 생각했습니다. 그래서 혼자서 파이썬도 깨작대보고 C언어 강의도 들어보고 독학으로 계속 혼자 이것저것 건들여봤죠. 그런데 혼자 학습해도 개념은 뭔가 자꾸 둥둥 떠다니는 느낌이고, 강의동영상에서 나온걸 이해는 못한채 타자만 따라치고있고, 혼자서 뭔가를 만들어 보려하면 못하고, 아무튼 전반적으로 엉망진창이었습니다. 단순히 인터넷강의를 보고 혼자 학습하.. 2021. 10. 15.
바닐라코딩 prep 8,9주차 정리 및 어드미션 테스트 후기 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 8,9 주차강의는 1. 웹프로그램의 기본 작동구조(Http통신, 서버 - 클라이언트 개념...etc) 2. 비동기 자바스크립트 3. 프로미스 4. 깃 에대한 강의를 수강했습니다. 웹프로그램의 기본 작동구조 - 웹은 기본적으로 서버 - 클라이언트로 구성되어있으며 서로 HTTP 통신을 통해 요청과 응답(request, respose)을 주고 받습니다. 해당내용은 제가 인프런에서 따로 수강한 강의인 모든 개발자를 위한 HTTP 웹 기본 지식 에서 한번 봤던 내용이었으며 해당 내용을 한번 더 복습했습니다. 비동기 자바스크립트 - 자바스크립트의 내부구조, 특히 이벤트 루프와 콜스택에 관하여 공부하는 내용이었습니다. 모던 자바스크립트 deep d.. 2021. 9. 17.
바닐라코딩 prep 7주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주 강의는 클로저, 실행컨텍스트, 재귀에 관한 내용이었습니다. 모던 자바스크립트 deep dive의 해당 챕터를 같이 읽는 것이 이해에 큰 도움이 되었습니다. 클로저 - 함수가 생성될때 당시의 주변환경을 기억하는 것을 의미합니다. (함수가 생성될때 라는 점이 중요!) - 자바스크립트는 기본적으로 let, const 가 블록 스코프, var가 함수 스코프를 지닌 다는 점을 기억하면 이해하기 쉽습니다. 실행 컨텍스트 - 클로저와 맞물리는 개념입니다. - 함수가 실행 될때 마다 콜스택에 실행 컨텍스트가 생성됩니다. 재귀 - 자기자신을 호출하는 함수입니다. - 종료조건을 반드시 붙여주어야 스택 오버플로우가 발생하지 않습니다. 추가로 프렙코.. 2021. 9. 4.
바닐라코딩 prep 6주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주 강의는 프로토타입에 대해서 공부하는 파트였습니다. 강의와 함께 모던 자바스크립트 deep dive 의 프로토타입 파트를 다시 읽어보는 것이 큰 도움이 되었습니다. 프로토타입 중요내용 - 개인적으로 프로토타입을 학습하며 프로토타입은자바스크립트에서 상속을 구현하는 독자적인 방법이라고 느껴졌습니다. - 자바스크립트에서는 함수를 생성하면 자동으로 prototype 프로퍼티가 할당되며 해당 프로퍼티에는 prototype 객체가 할당됩니다. - 함수별로 prototype은 고유한 객체입니다. - 자바스크립트에서 인스턴스는 해당 프로토타입체인 내부에서 존재하는 모든 속성을 사용가능합니다. - 인스턴스에 이미 동일 이름으로 프로퍼티가 존재할경.. 2021. 9. 4.
바닐라코딩 prep 4주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주의 강의는 자바스크립트의 this에 관하여 공부하는 내용이었습니다. 주요 내용은 아래와 같습니다. -this는 작성된 곳이 아니라 함수 호출 방식에 따라 값이 달라진다. -함수 호출은 크게 4가지 형태로 구분이 가능하며 다음과 같다. 1.일반 함수 실행 => 전역객체가 this에 바인딩 되며 strict 모드에서는 undefined가 바인딩 됩니다. 2.메서드 호출(dot notation, bracket) => 메서드를 호출한 객채가 this 에 바인딩 됩니다. 3.간접 호출 (call, apply, bind) => 간접 호출시 인자로 전달한 객체가this 로 설정됩니다. 4. new 키워드를 통한 생성자 함수로 호출 => 생성자.. 2021. 8. 18.
바닐라코딩 prep 3주차 정리 바닐라코딩의 prep 과정을 수강한 내용을 정리한 포스팅입니다. 강의 이번주 강의는 원시타입과 참조타입에관한여 그리고 es5 이후로 추가된 자바스크립트의 기능에대해 공부했습니다. -Primitive & Reference type 자바스크립트에서 객체(object)를 제외한 모든 자료형은 원시타입입니다. 즉 객체만 참조형입니다. 참조형과 원시타입의 차이는 변수에 저장할때 해당 자료형의 메모리 주소를 저장하는지 아니면 실제 자료를 저장하는지로 구분됩니다.(실제로는 변수가 원시형이든 참조형이든 변수는 메모리주소가 저장됩니다. 다만 설명의 용이를 위해 대부분 위와 같이 구분하는 것 같습니다.) 코어자바스크립트 서적의 챕터 1과 모던 자바스크립트 deep dvie 서적의 원시형과 참조형에 관한 설명파트를 보면 이.. 2021. 8. 10.