JavaScript

[Javascript] Node.js 모듈

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🦙Node.js 내장 모듈을 사용하는 방법 Node.js 내장 모듈 목록은 다음 링크에서 찾을 수 있다. https://nodejs.org/dist/latest-v16.x/docs/api/fs.html 파일을 읽을 때는 File System에 있는 readFile메서드를, 저장할때는 writeFile메서드를 사용하면 된다. 이러한 메서드를 사용하기 위해서는 모듈을 불러오는 과정이 필요합니다. const fs = require('fs'); // 파일 시스템 모듈을 불러옵니다 const dns = require('dns'); // DNS 모듈을 불러옵니 모듈을 불러왔기 때문에 fs.readFile메서드를..

[Javascript] 비동기

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐉Asynchronous (비동기) 🐊blocking non-blocking blocking 요청에 대한 결과가 동시에 일어난다. (synchronous) non-blockinig 요청에 대한 결과가 동시에 일어나지 않는다. (asynchronous) 🐊Callback Async에서 순서를 제어하고 싶을때, collback을 사용한다, const printString = (string) =>{ setTimeout( ()=>{ console.log(string) }, Math.floor(Math.random()*100)+1 ) } const printAll = () => { printString("A"..

[코플릿] 객체 - 다른 객체들의 속성 가져오기

코드스테이츠 과제 코드를 공부 목적으로 변형 해서 정리 하였습니다. 🍀문제 코드 ✅ 문제 세개의 객체가 있다. 세개의 객체의 모든 속성을 첫번째 객체에 추가해야한다. ⛔ 주의 추가하려는 속성이 중복되는 경우 우선 순위는 첫번째 > 두번째 > 세번째 이다. 첫번째를 제외한 객체는 수정 되어서는 안된다. 💬 입출력 예시 const snack1 = { jelly: 1, cookie: 2, }; const snack2 = { cookie: 4, candy: 3, }; const snack3 = { jelly: 4, candy: 2, fruit: 6, }; //함수 실행 전 console.log(snack1); console.log(snack2); console.log(snack3); Solution(snack1..

[코드스테이츠 과제] 클래스와 상속 활용 - 학교 인원 관리

코드스테이츠 과제 코드를 공부 목적으로 변형 해서 정리 하였습니다. 🍀문제 코드 extends, super, this를 사용하여 다음 Todo를 해결 하세요. class Human { /* TODO.. * Human 클래스 age 속성은 '35',food 는 'cookie', job 은 'teacher' 이어야 한다 * */ } class Student { /* TODO.. * Student 클래스는 Human 클래스에서 food 속성을 상속받는다. * age 속성은 '19', job 속성은 'student' 이어야한다. * lunch 메서드가 존재하고 '점심을 먹습니다' 가 출력 됩니다. * */ } class JuniorFreshman { /* TODO.. * JuniorFreshman 클래스는 St..

[Javascript] 프로토타입 체인

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐫상속 https://leewang31.tistory.com/138 [Javascript] 객체 지향 프로그래밍 코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐦객체 지향 프로그래밍 자바스크립트는 엄밀히 말하면 객체 지향 언어는 아니지 leewang31.tistory.com 다음에서 상속을 참고해 주세요 객체 지향 프로그래밍 특성 중 상속을 javascript에서 구현할 때에는 프로토타입 체인을 사용합니다. 🐫프로토타입 체인 프로토타입이 상위 프로토타입까지 연결되는 구조를 말한다. 즉, 하위 프로토타입은 상위 프로토타입의 속성과 메소드를 공유..

[Javascript] 프로토타입과 클래스

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐘프로토타입과 클래스 JavaScript는 프로토타입 기반 언어 입니다. 여기서 프로토타입(Prototype)은 원형 객체를 의미합니다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개발 학습하기 | MDN Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추가하기 위해 프 developer.mozilla.org MDN문서를 읽고 이해가 ..

[Javascript] 객체 지향 프로그래밍

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐦객체 지향 프로그래밍 자바스크립트는 엄밀히 말하면 객체 지향 언어는 아니지만, 객체 지향 패턴으로 작성 할 수 있습니다 😎 🦜OOP 객체지향 프로그래밍의 줄인말로 프로그램 설계 철학이다. 모든 것을 객체로 그룹화 한다. 4가지 주요 개념을 통해 재사용성을 얻을 수 있다. 🦜클래스와 인스턴스 클래스는 객체를 생성하기 위한 청사진이다. 인스턴스는 클래스의 사례이다. 클래스는 객체를 만들기 위한 생성자(constructor)함수를 포함한다 🦜OOP Basic Conepts 위에 oop를 설명하면서 언급한 4가지 주요 개념 캡슐화, 상속, 추상화, 다형성에 대해 알아보겠습니다. 캡슐화 (Encapsulat..

[Javascript] 클로저 모듈 패턴 / 클래스와 인스턴스

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🦢클로저 모듈 패턴 🕊매서드 호출 실습하기 메서드 호출은 객체.매서드()와 같이 객체 내에 메서드를 호출하는 방법이다. 글로는 이해가 잘 되지 않으니 코드를 보자😎 let counter = { value: 0, addNumber: function() { this.value++ // 메서드 호출을 할 경우, this는 counter을 가리킵니다 }, minusNumber: function() { this.value-- }, resultNumber: function() { return this.value } } counter.addNumber() //counter 객체 내에 addNumber매서드를 호출..

[Javascript] 고차 함수의 중요성과 추상화

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🐇추상화 복잡한 어떤것을 압축해서 핵심만 추출한 상태로 만드는 것 배열의 평균 값을 얻을수 있는 getAverage함수가 있다고 가정하자. 이 함수를 만들면 우리가 어떤 배열의 평균을 알고 싶다면 언제든 getAverage함수를 사용하여 값을 얻을수 있다. 이는 함수를 통해 복잡한 로직은 단순하게 만든 추상화이다. 함수 = 값을 전달받아 값을 리턴한다 = 값에 대한 복잡한 로직은 감춰있다 = 값 수준에서의 추상화 고차함수는 이 추상화의 수준을 사고의 추상화 수준으로 올린다. 고차함수 = 함수를 전달받거나 함수를 리턴한다 = 사고에 대한 복잡한 로직은 감추고 있다 = 사고 수준에서의 추상화 추상화의 수..

[Javascript] 고차 함수와 내장 고차 함수

코드스테이즈 41기 교육 내용을 정리하고 있습니다. 틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다. 🦔일급 객체 자바스크립트에는 특별한 대우를 받는 일급 객체들이 존재한다. 이들은 다음과 같은 특징이 있다. 변수에 할당할 수 있다. 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 함수를 변수에 할당할 수 있기 때문에 함수를 배열의 요소나 객체의 속성값으로 지정할 수 있다. 🐈고차 함수의 이해 고차함수는 함수를 전달인자로 받을수 있고, 함수를 리턴할 수 있는 함수이다. 함수가 일급 객체이기 때문에 고차함수로 활용이 가능하다. 다른 함수의 전달 인자로 전달되는 함수를 콜백 함수라고 한다 함수를 리턴하는 함수를 커링 함수하고 부릅니다. 콜백 함수와 커링함수 모두 고차 함수..