Computer Science

React 상태 관리의 근본, Redux의 토대가 되는 Flux 패턴에 대해 알아보고자 한다.MVC, MVVM 등 다양한 아키텍쳐 패턴이 있지만,프론트엔드 개발자, 그 중 React 개발자라면 Flux 정도는 당연히 알고가야하지 않나 싶다.Architecture Pat

이번엔 8월안에 개발해보고자 하는 PWA에 대해 알아보겠다.기존의 Native App. 과는 다른 PWA, 프로그레시브 웹 앱이 무엇이고,어떻게 개발하면 좋을 지를 위주로 서술하겠다.PWA란, 웹과 네이티브 앱의 기능 모두의 이점을 갖도록 수 많은 특정 기술과 표준 패

이번엔, 현재 진행중인 프로젝트 'YACHT DICE'에 도입 예정인 AWS S3에 대해알아보고자 한다.아직 한 번도 안써봐서 이론적 개념을 잡고 쓰는게 도움이 훨씬 될거라고 생각이 들었다.Amazon S3(Simple Storage Service) 는 AWS가 제공하

저번 포스팅에 이어, AWS S3에 버킷과 객체를 직접 업로드 후, Front-End에서 빠르게 사용해보고자 한다.S3에 이미지(객체)를 업로드하기위해, 가장 먼저 Bucket을 만들어야한다.나는 프로젝트 이름에 맞게 yachtdice라는 이름으로 만들었다.다음으로는

이번엔, 현재 진행중인 YACHT_DICE 프로젝트에서 로그인/회원가입을 구현하면서 또 한번 접한 브라우저 저장소에 대해 얘기하고자 한다.이전에 COCO때도 JWT 토큰, 세션을 통한 로그인을 구현했었고,이번엔 JWT 토큰과 로컬 스토리지를 통한 로그인을 구현했다.일단

오늘은 기업 인프라의 핵심이자 이제는 기본적 기술이 되어버린 MSA에 대해 알아보고자 한다.개발자 직무 면접에서도 빈번히 등장하며, MSA를 심도깊게 다뤄보진 못했더라도모든 개발자들이 얕게나마 거쳐갔기 때문이다. (나 포함)독립적인 작은 서비스들의 집합으로 구성된 애플

객체지향 프로그래밍이란, 컴퓨터 프로그램을 어떤 데이터를 입력받아 순서대로 처리하고 결과를 도출하는 명령어들의 목록으로 보는 시각에서 벗어나,여러 독립적인 부품들의 조합, 즉 객체들의 유기적인 협력과 결합으로 파악하고자 하는 컴퓨터 프로그래밍의 패러다임을 의미한다.쉽게

디자인 패턴이란,소프트웨어를 개발 및 설계하며 자주 발생하는 반복적 문제를 해결책을 제공하는 템플릿이다.즉, \~~한 상황에서는 OO을 사용하면 좋다! 정도의 패턴화된 해결책을 개발자에게 제공하는 것객체지향의 특성(추상화, 캡슐화, 다형성, 상속) 및 SOLID 원칙

이전 게시글에서 다뤘듯이, 디자인 패턴이란 소프트웨어를 개발하는 과정에서의 설계 패턴을 정의한 것이다.프론트엔드에서도 시대가 흐르면서, 복잡한 화면 작업, React, Vue 등의 프레임워크의 도입으로새로운 패턴 형성 및 기존 패턴의 구체적 구조화가 필요해졌다.특히,

Recoil은 React에서의 상태 관리 라이브러리 중 하나이다.전역 상태 관리를 위한 다양한 라이브러리(React-redux, MobX, zustand)를 사용하는데, 그 중 하나이다.Atomic. 즉, 원자성을 가진 상태관리 라이브러리로서 비교적 가벼운 러닝 커브와

들어가기에 앞서,회사에서 모든 업무가 Oracle DB를 베이스로 진행되다보니자연스럽게 ERD를 작성할 필요가 많아졌다.이번 프로젝트를 진행하면서 ERD를 그리고자다양한 툴을 사용해봤는데, (Mermaid, Lucid 등) 내 기준 가장 만족스러운 ERD 툴은 ERD

이번엔 ERD Editor에 이어, VSCode에서 UML을 그리는 Extension인 PlantUML을 사용해보자UML : Unified Modeling Language, 소프트웨어 시스템을 시각적으로 모델링하기 위해 표준화된 언어시스템 아키텍처의 설계 및 구현을 명

AI를 활용한 AI 코딩, 일명 바이브 코딩이 도입되고Claude Code, Codex등 강력한 성능의 AI 개발툴에 대한 의존도가 올라가며개발 환경의 생태계가 변화하고 있다.이제 단순히 코드를 작성하는 영역은 개발자에게 있어 프로덕트 완성의 걸림돌이 아니며,AI를 활