Dev Blog

'쿠키 수집에 동의하십시오.'       쿠키는 웹사이트가 사용자의 브라우저에 저장하는 작은 데이터 파일로,사용자의 정보를 기억하고 웹 경험을 개선하는 데 사용됩니다.     쿠키 어원초코칩 쿠키를 의미하는가 싶을 텐데, 정확하게는 웹 브라우저에서 이용하는 정보 파일을 일컫습니다.쿠키의 어원은 1994년, 넷스케이프 개발자 루이 J. 몬툴리(Louis J. Montulli)가 고안했는데,유닉스 프로그래머들이 프로그램 수신 후 변경하지 않고 반환하는 데이터의 패킷을'매직 쿠키' 라고 부르는 데서 착안했습니다.최초의 쿠키는 넷스케이프(Netscape Navigator) 웹 브라우저에서쇼핑몰 장바구니 기능을 구현하는 데 사용되었습니다.이를 통해 사용자가 웹사이트를 떠나도 장바구니 정보를 유지할 수 있었습니다...

Hello & Intro안녕하세요, 오늘은 새로운 버전이 배포될 때github API 를 활용하여 사용자가 접속한 사이트를새 버전으로 리로드 해주는 Check Version & Reload 기능을 소개해드립니다.Problem사용자가 웹 서비스를 이용할 때 버그를 마주할 때가 있는데요.저희는 SPA(Single Page Application) 방식의 웹 서비스를 제공하고 있기 때문에매주 새 버전을 배포할 때마다 주기적으로 발생했던 문제가 있었습니다.(SPA 를 간단히 설명드리자면, 서버로부터 웹 사이트를 그려낼 수 있는 모든 데이터들을 다운 받아 화면에 그려주는 방식이라고 할 수 있습니다. 인터넷을 열고 사이트에 접속할 때나 새로고침을 할 때 이 데이터들을 받아옵니다.) 유저가 사용하는 화면과 관련된 코드..

현대의 시스템 설계에서 확장성(Scalability)은 필수적인 요소입니다.트래픽과 데이터가 증가해도 안정적으로 운영되기 위해서는 적절한 확장 방식을 선택하고 시스템을 설계해야 합니다. 이번 글에서는 초기 시스템 구조인 단일 서버 디자인부터서버의 수평, 수직 확장 그리고 데이터베이스의 확장 전략까지 차근차근 살펴보겠습니다.단일 서버 디자인 (레거시 시스템)단일 서버 디자인은 초기 시스템에서 자주 사용되는 간단한 구조로,하나의 서버가 클라이언트의 모든 요청을 처리하고 데이터베이스도 동일한 서버 내에서 운영되는 설계 방법입니다. 이러한 단순한 설계는 구현이 쉽지만, 심각한 한계를 가지고 있습니다.먼저, 단일 장애점(Single Point of Failure) 문제입니다. 단일 장애점에서 서버가 다운되면 시스..

“자식 클래스는 부모 클래스로 교체해도 프로그램의 동작에 문제가 없어야 한다”리스코프 치환 원칙 (Liskov Substitution Principle, LSP) 주요 특징1. 서브타입의 대체 가능성자식 클래스(서브타입)는 부모 클래스(슈퍼타입)와 완전히 호환되어야 하며, 부모 클래스 대신 자식 클래스를 사용해도 프로그램이 정상적으로 동작해야 합니다.즉, 부모 클래스의 인스턴스가 필요한 모든 곳에서 자식 클래스 인스턴스를 대체할 수 있어야 합니다.2. 행동 일관성 보장자식 클래스는 부모 클래스의 행동(메서드)을 변경하거나 예외를 추가하지 않고, 기존의 계약(Contract)을 그대로 따라야 합니다.부모 클래스가 특정 입력에 대해 예상되는 출력을 제공하면, 자식 클래스도 동일한 입력에 대해 일관된 출력을 ..

Unique Identifiers: Overview, Pros, Cons, and Best PracticesUnique identifiers are crucial for ensuring uniqueness, reducing collision probability, and enabling easy tracking in various systems. Below is a summary of common identifier types:1. UID (Unique Identifier)Description: General term for any unique identifier, often implemented as an incremental integer, hash, or other ID type.Common Use..

에러(Error)와 버그(Bug)는 소프트웨어 개발에서 자주 혼용되지만, 의미와 맥락에서 차이가 있습니다.아래에서 두 개념을 비교합니다.1. 에러 (Error)정의: 소프트웨어가 실행 중 예상치 못한 동작을 수행하거나 실패할 때 발생하는 문제.발생 원인: 주로 런타임(Runtime) 또는 컴파일 단계에서 코드나 시스템이 의도한 대로 작동하지 않을 때 발생.유형:컴파일 에러: 문법 오류나 잘못된 코드 작성으로 인해 프로그램이 컴파일되지 않는 경우.예: int x = "text"; (데이터 타입 불일치)런타임 에러: 실행 중에 발생하는 문제로, 프로그램이 멈추거나 비정상적으로 종료됨.예: 0으로 나누기, NullPointerException, 메모리 부족 등.논리적 에러: 실행에는 문제가 없으나, 결과가 의..

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..

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..