Everyday Essential

토이 프로젝트 3 회고록목표정적인 상품 나열을 넘어, 사용자에게 가치를 제안하는 동적 콘텐츠 API 구현비즈니스 로직(할인율 계산, 판매량 순 정렬)을 백엔드에서 처리하여 프론트엔드 부하 감소프로젝트 2에서 설계한 DB 스키마와 인덱스가 실제 기능 구현에 어떻게 기여하는지 검증회고 일지프로젝트 2에서 데이터베이스라는 뼈대를 세웠다면, 이번 프로젝트는 그 위에 표정을 그리고, 생기를 불어넣는 작업이었다. 단순히 상품을 보여주는 것을 넘어, '지금 가장 인기 있는 상품', '놓치면 후회할 세일 상품'처럼 쇼핑몰이 사용자에게 말을 거는 듯한 느낌을 주고 싶었다.첫인상을 바꾸다: 홈 화면의 이벤트 배너가장 먼저 시작한 것은 쇼핑몰의 얼굴인 홈 화면이었다. 정적인 화면에 생동감을 주기 위해 이벤트 배너를 추가했다..

토이 프로젝트2 회고록프로젝트 주제올리브영 벤치마킹 쇼핑몰의 DB 물리 설계 및 API 설계 준비목표ERD를 실제 MySQL 데이터베이스로 구현효율적인 쿼리 성능을 위한 인덱스 전략 수립Spring Boot 개발을 위한 데이터 구조 최적화회고 일지드디어 ERD가 실제 데이터베이스로 구현되는 순간이 왔다.백엔드 개발자로서 가장 중요한 기반인 데이터베이스를 직접 구축하는 경험이었다.처음 DDL 스크립트를 작성할 때는 단순하게 생각했다. 그런데 막상 시작하니 백엔드 관점에서 고려할 게 한두 가지가 아니었다. VARCHAR(255)로 설정한 필드가 나중에 JPA 엔티티에서 어떻게 매핑될지, 인덱스를 어디에 걸어야 조회 성능이 좋을지,외래키 제약조건이 애플리케이션 로직에 어떤 영향을 줄지... 모든 결정이 곧 백..

토이 프로젝트1 회고록프로젝트 주제올리브영을 벤치마킹한 쇼핑몰 설계 (ERD 중심, 확장성 고려)목표단순 쇼핑몰 ERD 설계추후 AI 맞춤형 화장품 추천 시스템을 대비한 데이터 구조 기초 마련회고 일지오늘은 내가 처음 개발자라는 타이틀을 달고 도전했던 토이 프로젝트, “올리브영을 닮은 쇼핑몰” 회고록을 정리한다.처음엔 단순히 “쇼핑몰 ERD 그리기”라고 해서 테이블 이름 몇 개만 적으면 끝날 줄 알았다.그런데 막상 시작하니 단순 데이터 구조가 아니라, 서비스 전체의 흐름을 고민해야 한다는 걸 깨달았다.특히 고객 맞춤형 AI 추천을 염두에 둔 확장성을 고려하다 보니, 단순히 상품과 회원만 있는 구조가 아니라구매 이력, 취향 데이터, 행동 로그 같은 것이 필요하다는 걸 알게 됐다.“지금 당장은 필요 없어도 ..

리눅스 시스템 프로그래밍 개념 정리CHAPTER 1 리눅스 개요1.1 프로그램 및 프로세스프로그램은 하드디스크에 저장된 실행 파일이다. 회사 컴퓨터에 설치된 엑셀 파일처럼 그냥 저장만 되어 있는 상태다. 프로세스는 이 프로그램이 실제로 실행되어 메모리에 올라가 동작하는 상태를 말한다. 엑셀 아이콘을 더블클릭해서 실행하면 프로그램이 프로세스가 되는 것이다.1.2 커널커널은 운영체제의 핵심 부분으로, 하드웨어와 소프트웨어 사이의 중재자 역할을 한다. 회사의 총무팀이 사무용품, 회의실, 프린터 같은 자원을 관리하고 직원들에게 배분하는 것처럼, 커널은 CPU, 메모리, 디스크 같은 컴퓨터 자원을 프로그램들에게 할당하고 관리한다.1.3 시스템 콜시스템 콜은 프로그램이 커널에게 서비스를 요청하는 인터페이스다. 직원..

실습준비실행크롬 → F12 → Console 탭에서 코드 입력/실행또는 HTML에 태그로 작성기본 규칙변수는 let/const를 사용하고 var는 레거시로 간주한다.값이 변하지 않으면 const, 변할 수 있으면 let을 사용한다.alert/confirm/prompt는 데모나 내부 도구에서만 제한적으로 사용한다.1.1 자바스크립트의 역사원문Javascript는 1995년에 Brendan Eich가 발명. ECMA가 1997에 표준화ECMA5, 6가 주로 사용됨.(최신 버젼은 ECMA9)업데이트/정정표기는 ECMAScript(ES)가 정확하다. ES2015(=ES6) 이후 매년 릴리스되며, 현재는 ES2024까지 공개되었다.설명자바스크립트는 웹의 표준 언어이며, 브라우저와 서버(Node.js) 모두에서 ..

HTML5 & CSS3 기초 개념1. 웹의 기본 개념1.1 웹의 작동 방식웹은 클라이언트(브라우저)와 서버 간의 요청과 응답으로 작동한다. 사용자가 URL을 입력하면 브라우저는 해당 서버에 요청을 보내고, 서버는 HTML, CSS, JavaScript 등의 파일을 응답으로 전송한다.1.2 웹 표준과 브라우저웹 표준은 W3C와 WHATWG에서 정의한 웹 기술 표준이다. 모든 브라우저(Chrome, Firefox, Safari, Edge 등)는 이 표준을 각자의 방식으로 구현한다. 브라우저 간 렌더링 차이가 있을 수 있어 크로스 브라우저 호환성을 고려해야 한다.2. HTML 기초2.1 HTML 문서 기본 구조 안녕하세요! 이것은 내 첫 HTML 문서다.: HTML5 문서 선언: 루트 요소, lan..