CS

CS/Software Engineering

[Design Pattern] 구조 패턴 정리(with JavaScript)

구조 패턴 (Structural Patterns)구조 패턴은 클래스와 객체를 결합하여 더 큰 구조를 형성하고, 시스템의 전체적인 구조를 단순화하고 유연하게 만드는 데 중요한 역할을 합니다. 이는 코드의 재사용성과 유지보수성을 높이고, 시스템의 확장성을 개선하며, 객체 간의 관계를 효과적으로 관리하는 데 도움을 줍니다. OOP(객체 지향 프로그래밍)에서 구조 패턴(Structural Pattern)이 중요한 이유1. 객체 간의 관계 관리객체 간의 관계 캡슐화: 구조 패턴을 사용하면 객체 간의 관계를 캡슐화하여 코드의 가독성과 유지보수성을 향상시킬 수 있습니다.유연한 구조: 객체 간의 관계를 유연하게 변경할 수 있어, 시스템의 확장성과 유연성을 높일 수 있습니다.코드의 재사용성 향상재사용 가능한 구조: 구조..

CS/Software Engineering

[Design Pattern] 생성 패턴 정리(with JavaScript)

생성 패턴(Creational Pattern)생성 패턴은 객체 생성의 복잡성을 감추고, 객체 생성 과정을 유연하고 효율적으로 관리하는 데 중요한 역할을 합니다. 이는 코드의 가독성과 유지보수성을 높이고, 시스템의 확장성을 개선하며, 객체 생성과 관련된 문제를 해결하는 데 도움을 줍니다.OOP(객체 지향 프로그래밍)에서 생성 패턴(Creational Pattern)이 중요한 이유1. 객체 생성의 복잡성 관리객체 생성 로직 분리: 생성 패턴을 사용하면 객체 생성 로직을 별도의 클래스나 메서드로 분리할 수 있어 코드의 가독성과 유지보수성이 향상됩니다.복잡한 객체 생성: 복잡한 객체를 생성할 때 생성 과정의 단계를 관리하고, 필요한 경우 유연하게 조정할 수 있습니다.2. 코드의 유연성과 재사용성 향상유연한 객체..

CS

[기타] 맥북 초기화시 다시 세팅하려고 만든 글(FE)

맥북 초기세팅 iTerm2 설치(기본 터미널보다 많은 기능 제공) 설치링크 node 설치 brew install node homebrew 설치 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" vscode 설치 brew install --cask visual-studio-code Oh-My-zsh 설치 sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" zsh 플러그인 설치 git clone https://github.com/zsh-users/zsh-autosuggestio..

CS

프론트엔드 기술 스택 트렌드(리액트 중점) ver. 23.08.22

프론트엔드 기술 스택의 전망이 궁금해서 패키지 비교 사이트에서 찾아서 정리해보았다. 제일 인기가 많은 라이브러리는 기울임, 밑줄 표시해두었다. 애니메이션 라이브러리 Compare NPM Packages: Find the Best npm Package for Your Project npm-compare.com GSAP gsap GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build high-performance animations that work in **every** major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, stri..