일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- Babel과 Webpack
- 프로그래머스
- 자바스크립트 패턴
- version management
- 브라우저의 렌더링 과정
- 새 코드 받아오기
- unique identifiers
- 이벤트
- 자바스크립트
- 딥다이브
- 이미지 갤러리 최적화
- js pattern
- 제너레이터와 async/await
- 프론트엔드 성능 최적화 가이드
- 모던 자바스크립트 Deep Dive
- mixin pattern
- 스코프
- pr review
- js pattern
- package management
- 올림픽 통계 서비스 최적화
- 자바스크립트 딥다이브
- 진행기록
- DOM
- peerdependencies
- 블로그 서비스 최적화
- middleware pattern
- const
- 커리어
- 학습내용정리
- Today
- Total
목록All About Programming;) (453)
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) 문제입니다. 단일 장애점에서 서버가 다운되면 시스..

홈트레닝 프로젝트 Build Your Body 의 취지, 기획, 디자인, 개발 등 모든 내용을 기록했습니다. 누군가에게 도움이 되길 바라며, 공유합니다 🔥 작업 노션 페이지 열기피그마 작업 보기 랜딩 페이지 기획 디자인 개발

자신이 원하는 운동들로 프로그램을 만들 수 있습니다!한 세트 끝날 때마다 체크박스를 클릭하세요!!통계 페이지에서 수행했던 모든 운동 히스토리를 확인하세요!!! 자세한 내용과 사용방법은 여기 클릭💪 웹사이트 둘러보기 클릭 💪💪

유데미의 강의 Next.js 14 & React - The Complete Guide 를 학습한 내용으로 각 섹션마다 중요한 내용과 코드를 정리했습니다.노션 페이지로 이동됩니다 : )

네트워크부터 개발 방법론, 기타질문까지개발자로서 알아야 할 각 개념들을 정리했습니다.노션 페이지로 연결됩니다. 네트워크운영체제데이터베이스자료구조알고리즘프론트엔드테스트개발 방법론기타질문

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