본문 바로가기

패스트캠퍼스 후기31

[패스트캠퍼스 챌린지 7일차] Javascript 기초이론(3) 패스트캠퍼스 작심 30일 챌린지 7일차. Javascript 기초이론 마지막! 오늘은 Prototype에 대해 학습하였다. Prototype은 Javascript에서 상속을 구현하기 위해 사용된다. 객체지향 프로그래밍을 하는 개발자들은 상속의 편리함과 필요성을 알 것이다. 예를들어 RedCar와 BlueCar라는 서로 다른 객체가 있고, 둘 다 바퀴가 있고, 굴러간다는 공통점이 있다. 만약 상속 기능이 없다면 각 객체마다 바퀴라는 속성과 굴러간다는 기능을 작성해줘야 한다. 하지만 Car라는 객체에 바퀴라는 속성과 굴러간다는 기능을 작성한 후 RedCar, BlueCar 객체가 상속을 받으면 각자 필요한 속성과 기능을 작성할 필요가 없어진다. 이를 Javascript에서는 Prototype을 통해 구현할 .. 2021. 9. 12.
[패스트캠퍼스 챌린지 6일차] Javascript 기초이론(2) 패스트캠퍼스 작심 30일 챌린지 6일차. 오늘도 자바스크립트의 중요한 개념을 배운 날. Javascript의 Hoisting과 Scope, 그리고 Closure의 개념에 대해 강의를 들었다. 먼저 Hoisting은 함수와 변수 선언을 스코프의 맨 위로 끌어 올려준다는 개념으로 var 변수를 선언하거나 Function을 작성하게 되면 발생한다. 다만, var 변수의 선언만 Hoisting이 되고 값 세팅은 Hoisting이 되지 않으니, 이 점에 유의해야겠다. ex> console.log(value); var value = 10; // Hoisting 후 val value; console.log(value) value = 10; Scope는 변수를 어디까지 접근할 수 있는지에 대한 범위를 의미하며, Jav.. 2021. 9. 11.
[패스트캠퍼스 챌린지 5일차] Javascript 기초이론(1) 패스트캠퍼스 작심 30일 챌린지 5일차. Node.js를 배우기 전에 기본적으로 알아야 할 Javascript의 개념에 대한 강의가 구성되어 있다. 오늘은 그 중 Event 처리에 대한 강의를 수강하였다. 먼저 JS 실행 모델에 대한 개념! Call Stack이란? - 호출된 함수들을 담는 자료구조 - LIFO(Last In First Out) - 가장 마지막에 호출된 콜백부터 Pop Callback Queue란? - Message Queue라고도 함 - FIFO(First In First Out) - 앞으로 실행할 Callback을 쌓아두는 자료구조 - Event 발생 시 Main Thread에게 알려주기 위해 사용 Run to completion - Event Loop가 다음 Callback을 처리하.. 2021. 9. 10.
[패스트캠퍼스 챌린지 4일차] TypeScript Config 패스트캠퍼스 작심 30일 챌린지 4일차. 오늘 강의는 Ch.2의 마지막 과정인 Node.js를 위한 TypeScript Config 구성. 요즈음 TypeScript를 많이 배우던데, 이 과정을 계기로 TypeScript에 대해 조금 자세히 공부해봐야곘다. 실제 현업에서 javascript로만 개발하다 보면 변수에 어떤 타입이 지정되어 있는지 항상 console을 찍어봐야했다. 미리 Type을 강제할 수만 있다면 console을 통해 확인하지 않아도 타입을 알 수 있으니 생산성이 향상될 것 같다. 먼저 Typescript Package를 설치한 후 JS 파일 맨 위에 '//@ts-check' 구문을 작성하면 Typescript를 사용할 수 있다. String Type에 숫자를 넣거나, Numeric Ty.. 2021. 9. 9.
[패스트캠퍼스 챌린지 3일차] ESLint 설치 패스트캠퍼스 작심 30일 챌린지 3일차. 오늘은 ESLint 소개 및 설치 강의를 들었다. 이전 시간에 설치한 Prettier와 함께 ESLint는 코드를 작성하는 규칙에 대해 검사해주는 라이브러리이다. 실무에서 팀원들과 협업을 하는 과정에서 미리 코딩 규칙을 문서화하여 개발하는 경우도 많지만 개발자마다 코딩 스타일이 다르기 때문에 규칙에 맞지 않는 코딩을 하는 경우가 발생한다. 이런 문제를 해결하기 위해 코딩 규칙을 강제해야 하는데, 이에 적절한 라이브러리가 Node.js 강의에서 추천해준 Prettier와 ESLint가 아닐까 한다. 코드 끝에 세미콜론을 작성할지, var 변수를 사용할 것인지 let const를 사용할 것인지, String은 SingleQuotes를 사용할 것인지 등 각자 스타일에 .. 2021. 9. 8.
[패스트캠퍼스 챌린지 2일차] Node JS 설치 패스트캠퍼스 작심 30일 챌린지 2일차. 오늘은 회사 업무를 하느라 밤 늦게 강의를 들었다. 오늘 학습한 내용은 - 웹 환경에서 Node.js 작성해보기 - Node.js 설치 및 관리 - VS Code를 이용해서 Script 작성해보기 - Node.js를 작성하기 위한 포매터, 린더 설치 먼저 Glitch 사이트를 통해서 프로토타입의 Node.js 환경이 어떻게 구성이 되는지, 소스코드 작성을 하면 어떻게 출력이 되는지 연습할 수 있다. 이처럼 별도로 Node.js 환경을 구성하지 않았을 때 미리 연습해볼 수 있는 사이트를 알게되었다. 패스트캠퍼스의 Node.js 강의에서는 Visual Studio Code를 이용하여 Node.js를 개발하므로 미리 Visual Studio Code를 설치해보는 것도 .. 2021. 9. 7.