Flutter & Dart - The Complete Guide [2023 Edition]
·
Frontend/Flutter
플러터 강의 내용 정리 강의 - https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/?couponCode=D_0225노션 페이지로 이동 - https://jay-global.notion.site/Flutter-Dart-The-Complete-Guide-2023-Edition-a5a0710599504df59acb92d27c283294?pvs=4
Next.js 14 & React - The Complete Guide
·
Frontend/Next.js
유데미의 강의 Next.js 14 & React - The Complete Guide 를 학습한 내용으로 각 섹션마다 중요한 내용과 코드를 정리했습니다. 노션 페이지에서 확인하기-> https://jay-global.notion.site/Next-js-14-React-The-Complete-Guide-b0c0fdca34b14aae823f0b4d48d7e837
Observer pattern
·
Frontend/JS Patterns
With the observer pattern,we can subscribe certain objects, the observers, to another object, called the observable. Whenever an event occurs, the observable notifies all its observers! observers: an array of observers that will get notified whenever a specific event occursAn observable object usually contains 3 important parts: subscribe(): a method in order to add observers to the observers li..
Module pattern
·
Frontend/JS Patterns
The module pattern allows you to split up your code into smaller, reusable pieces.modules allow you to keep certain values within your file private. Declarations within a module are scoped (encapsulated) to that module , by default.// export exampleexport function add(x, y) { return x + y;}export function multiply(x) { return x * 2;}export function subtract(x, y) { return x - y;}export functi..
Mixin pattern
·
Frontend/JS Patterns
An object used to Add reusable functionality to another object or class, without using inheritance.Simply, adding functionalities to the target prototype!We can add the dogFunctionality mixin to the Dog prototype with the Object.assign method. We can add animalFunctionality to the dogFunctionality prototype, using Object.assign. In this case, the target object is dogFunctionality.class Dog { co..
Middleware Pattern
·
Frontend/JS Patterns
실제로 요청과 응답 사이에 위치하는 미들웨어 기능 체인으로,하나 이상의 미들웨어 함수를 통해 요청 객체부터 응답까지 추적하고 수정할 수 있습니다. const app = require("express")(); const html = require("./data"); app.use( "/", (req, res, next) => { req.headers["test-header"] = 1234; next(); }, (req, res, next) => { console.log(`Request has test header: ${!!req.headers["test-header"]}`); next(); } ); app.get("/", (req, re..