TypeScript를 공부하려고 하니까 Prototype, scope, this, 동적타입 느슨한 타입 이런 것들을 좀 알아야 왜 대체제를 만들었는지 알 수 있겠더라고요 ㅎㅎ 그래서 오늘은 Prototype을 공부해 봅시다! 프로토 타입 객체 Java, C++과 같은 클래스 기반 객체지향 프로그래밍 언어와 달리 자바스크립트는 프로토탑입 기반 객체지향 프로그래밍 언어입니다. Class 를 만들어서 객체를 만드는 방법도 사용할 수 있지만 prototype 을 사용해서 자식 object에게 데이터를 물려줄 수 있습니다. 일단 Class의 예를 보겠습니다. class human{ constructor(name, age){ this.name = name this.age = age } } const hosose =..
HTTP 란? HyperText Transfer Protocol의 약자입니다. html은 웹페이지를 만들기 위해서 웹브라우저 위에서 동작하는 언어를 뜻합니다. Transfer '전송하다'라는 의미로 저희가 만든 멋진 html 파일을 다른 곳으로 전송할 수 있다는 의미를 가졌습니다. Protocol 물리적으로 떨어진 컴퓨터 끼리 어떻게 HTML파일을 주고 받을지에 대한 약속입니다. HTTP 두가지 특징 1. request / response 소통의 핵심은 요청과 응답 예를 들어, 내가 즐겨보던 유투브 영상의 링크를 누른 경우, 그 순간 내 랩탑은 구글의 서버에게 요청을 보냅니다. '롤 영상을 주세요' 그 다음 구글의 서버는 이 요청을 처리해서 다시 요청을 보낸 나의 랩탑에 응답합니다. ' 롤 영상 드립니다..
Tagby company 에서 기업협업을 진행하게 되었습니다. 2개월차 개발자로써 부족한 점이 너무나도 많다는 것을 깨닫게 되었습니다. 프로의 세계는 아무도 기다려주지 않고 그 아무도 관심을 가져주지 않기 때문입니다. 프로젝트를 완료하고는 다른 회사에 취직을 할 예정인데, 취직하기전 그리고 후에도 계속 CS나 자바스크립트에 대하여 공부할 예정입니다. 더 많은 것을 배워 귀찮은 것들을 프로그래밍화하여 편한 세상을 만들어야겠습니다. 이번 프로젝트 역시 귀찮은 일을 자동화 시스템으로 만드는 일을 했습니다. 스케줄러를 생성해서 매시간마다 같은 작업을 반복하는 기능을 구현했습니다. PROJECT 설명 광고주에게 인스타나 네이버에 광고한 내용들이 얼마나 노출이 되었는지 확인시켜주기 위해 매시간마다 네이버나 인스타에..
크롤링의 사전적 의미가 무엇일까요? 기어가다?라는 의미를 가지고 있네요. 웹 크롤링은 웹에서 기어다닌다라는 의미를 가진 것일까요...? 웹 위에서 기어다니면서 검색한다... 정도로 생각하겠습니다. 각설하고 코드나 한번 보겠습니다. 저는 request, cheerio, iconv-lite를 이용하여 네이버 검색어에 샌드위치를 치고 인플루언서를 크롤링 해보았습니다. (하기 블로그를 보고 배웠습니다. 감사합니다.) 일단 패키지를 불러오겠습니다. const request = require("request"); const cheerio = require("cheerio"); const iconv = require("iconv-lite"); 다음 함수를 선언한 후 request 패키지를 이용하여 html을 불러옵니..
스케줄러는 특정일자/요일/시간/분/초에 지정된 일을 수행하라고 미리 스케줄을 요청하는 것입니다. 예를 들어, 제가 광고업체인데 매 시간마다 광고주에게 광고가 잘 되고 있는지 확인하는 메일을 보내고 싶다면 스케줄러를 이용하면 좋겠죠? 매시간마다 광고주가 맡긴 제품을 검색하여 캡처해서 메일로 보내주는 스케줄러를 만들면 자고 있을 때도 계속~~~ 찍어서 보내주겟죠. 이제 이러한 기능을 담기 위해서 node.js의 모듈을 하나 install 할 것입니다. Node Schedule이라는 module을 다운로드 받고 스케줄러를 간편하게(?) 만들 예정입니다. (설치는 https://www.npmjs.com/package/node-schedule 에서 하시거나 아래 명령어 치시면 됩니다.) $ npm i node-s..
2차 프로젝트는 텀블벅(https://tumblbug.com/)을 모티브로 웹페이지를 모델링했습니다. 이번 프로젝트에서는 1차에서는 구현해보지 못한 기능들을 구현해서 기능이 상대적으로 적어보일 수 있지만 알짜배기로다가 구현했기 때문에 더 진화를 했다 할 수 있습니다. 프로젝트 정보 기간 : 2022년 11월 28일 ~ 12월 9일 (2주) 팀원 : Frontend 4명, Backend 2명 레포지토리 : https://github.com/wecode-bootcamp-korea/39-2nd-bugbug-backend 구현한 기능 1. 소셜 로그인 (카X오) 사용자의 편의를 위해 이미 가입되어있는 소셜 로그인 기능 구현 카X오 REST API를 이용하여 인가코드 받기, 토큰 받기, 사용자 로그인 처리를 진행..
