🌱 → 🌳

📌 생성자 함수 생성자 함수는 와플 기계, 생성자는 와플.. -> ES6가 나오면서 class가 대체 (일종의 syntactic sugar 임) 📌 class 란? 객체지향 프로그래밍(OOP)에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀 -> 객체의 설계도 인스턴스화 : 클래스(객체의 설계도)를 이용해서 실제 객체를 만드는 과정 ✔️ class 로 구현 예시 // @ts-check class Car { constructor(brand, color) { this.brand = brand; this.color = color; } drive() { console.log(`${this.brand}의 ${this.color}색 자동차가 주행 중입니다.`); } } const hyundai =..

코딩애플 강의를 기반하여 공부한 기록입니다. https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com ✅ express 라이브러리 사용법 const express = require('express'); const app = express(); app.listen(8080, function() { console.log('listening on 8080') }) 굳이 해석해보자면 첫 두줄은 express 라이브러리 첨부와 사용, 밑에 app.lis..

코딩애플 강의를 기반하여 공부한 기록입니다. https://codingapple.com/ 코딩애플 온라인 강좌 - 개발자도 단기완성! 단연 NO1 강사님의 NO.1 강의 역시나 명강입니다. IT 업계의 대치동 NO1. 강사같은 엄청난 강의력. 코딩애플님의 강의는, 엄청나게 기초적인 것부터 가르치는 듯 보이지만, 실제로 다루는 깊이는 절 codingapple.com 📌 서버란? 전문 용어로 정리하자면 '클라이언트의 요청을 받으면 서비스, 데이터를 제공하는 컴퓨터 혹은 프로그램'이다 인간의 용어로 다시 설명하자면 '요청을 받으면 데이터를 보내주는 기계' 더 쉽게 이야기하자면, 서버는 닭갈비집 알바생과 같은 역할임 닭갈비 2인분 주세요 ~ 하면 닭갈비 2인분을 가져다주듯 웹서버도 마찬가지로, 네이버 웹툰 페이..

sudo로 권한 주어 설치 📌 NPM 이란? Node Package Manager 페키지 관리를 위해 하나의 json 파일로 관리해 줌 ✅ 패키지 관리 시작하기 npm init -y package.js 파일이 생성되고, 이 파일안에 node.js 관련 package 정보가 다 들어감 { "name": "day27", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "keywords": [], "author": "", "license": "ISC" } 위의 파일이 처음 생성 당시의 package.js이다. npm run tes..

📌 프레임워크 편리함, 보안이 좋음 ex) bootstrap - css 프레임워크(frontend) spring - java 프레임워크(backend) 프론트엔드로는 결과만 보여줌 📌 에러 컴파일에러(신텍스에러) : 문법 오류 런타임에러: 실행되는 도중에 다운되는 에러/ 문맥상 오류 ✅ head vs body head안에 있는 내용은 한 줄, 한 줄 나오는게 아니라 한꺼번에 나옴 body는 한 줄, 한 줄 나옴 head에 div, span ,, 이런 tag들 다 쓸 수 있음 body에 오류가 생기면 너그럽게 넘어가지만, head에 오류가 생기면 결과물이 로드되지 않음 📌 자바스크립트 : 비동기식 이벤트 기반 원래는 벡엔드가 시나리오 기반이였는데 채팅 : 시나리오 없음, 실시간으로 이루어 져야 함 대부분 ..