정리27 트리쉐이킹이란? 코드에서 사용되지 않는 부분을 제거하는 과정을 시각적으로 설명하기 위해 붙여진 이름으로, 나무(tree)를 흔들어(dead branches) 불필요한 가지를 떨궈내는 것에 비유한 것이다. tree에 비유하는 이유 모듈 시스템과 코드베이스는 일반적으로 트리 구조와 비슷하게 구성된다. 즉, 애플리케이션의 최상위 모듈에서 시작해 하위 모듈로 연결된 의존성 그래프를 생각할 수 있다. 이 트리에는 실제로 사용되는 모듈(가지)과 사용되지 않는 모듈(불필요한 가지)이 모두 포함된다. 'shaking'의 의미 '쉐이킹'은 나무를 흔들어서 쓸모없는 가지를 떨어뜨리는 과정처럼, 코드베이스에서 사용되지 않는 모듈이나 코드를 탐지하고 제거하는 것을 의미한다. 코드 분석: 번들러가 코드 트리(의존성 그래프)를 탐색하여 각 .. 2024. 11. 8. S3 browser add new Account system.config.properties 설정 파일 확인하여 Account만들기 1. REST Endpointaws.s3.bucket.url 2. Access Key Key IDaws.s3.access.key 3. Secret Access Key aws.s3.secret.key 2024. 10. 14. [JAVA/JAVASCRIPT] 공백 0으로 채우기 java %0[최소길이]d%: 포맷 지정자의 시작0: 공백을 채울 숫자3: 최소 길이d: 정수형(decimal) int order = 5String.format("%03d", order)// 005int order2 = 33String.format("%03d", order2)// 033 javascript padStart(최소길이, '공백을 대체할 문자') order = 55order.toString().padStart(3, '0');// 055 문자 + 공백 0으로 채우기 const order = 7const name = `chap${String(order).padStart(4, "0")}`console.log(name)// chap0007 2024. 7. 16. Prettier 설치 및 설정 방법 1. plugin 설치 2. dependency 설치npm install --save-dev --save-exact prettier 3. 설정 추가 4. 설정 파일 추가(.prettierrc.cjs)module.exports = { semi: true, trailingComma: 'all', singleQuote: true, printWidth: 100, tabWidth: 4,}; 5. 단축키ctrl + shift + alt + p 2024. 7. 15. [Intellij] Git주소로 새 프로젝트 불러오기(열기) File - New - Project From Version Control... URL : 여기에 받은 깃주소 입력 Directory : D:\worksapce (저장 경로) 2023. 10. 23. 서블릿(Servlet)이란? Servlet : 클라이언트의 요청을 처리하고, 그 결과를 반환하는 Servlet 클래스의 구현 규칙을 지킨 자바 웹 프로그래밍 기술이다. 웹 요청과 응답의 흐름을 간단한 메서드 호출만으로 체계적으로 다룰 수 있게 해준다. Spring MVC에서 Controller로 이용되며, 사용자의 요청을 받아 처리한 후에 결과를 반환한다. 간단히 말해 자바를 사용해 웹을 만들기 위해 필요한 기술을 말한다. 서블릿의 특징 클라이언트의 Request에 대해 동적으로 작동하는 웹 어플리케이션 컴포넌트 기존의 정적 웹 프로그램의 문제점을 보완하여 동적인 여러 가지 기능을 제공 JAVA의 스레드를 이용하여 동작 MVC패턴에서 컨트롤러로 이용됨 컨테이너에서 실행 보안 기능을 적용하기 쉬움 서블릿의 동작 과정 클라이언트가 웹 .. 2023. 5. 14. ERD(Entity Relationship Diagram) ERD(Entity Relationship Diagram) : ERD(Entity Relationship Diagram)는 구조화된 데이터에 대한 일련의 표현으로, 데이터베이스를 구축할 때 가장 기초적인 뼈대 역할을 한다. 또한 시스템을 구축할 때 가장 우선적으로 설계해야 할 부분이다. Entity : 데이터 모델링에서 사용되는 객체 Entity - 학생 Attributes - 이름, 성별, 나이 등의 속성 학생은 이름, 성별, 나이 등의 속성값으로 구성된 Entity이다. * 엔터티(Entity) : 테이블을 구성하는 객체 구성성분 * 인스턴스(Instance) : 데이터베이스에 저장된 데이터 내용의 전체 집합, ex - 학생 정보 * 속성(Attribute) : 인스턴스의 구성요소로써 더 이상 분리되.. 2023. 5. 8. 기본키(Primary key)와 외래키(Foreign key) Keys : 키(key)는 DB에서 조건을 만족하는 레코드를 찾거나 순서대로 정렬할 때 레코드를 서로 구분할 수 있는 기준이 되는 속성을 뜻한다. 키(key)란 특정 튜플을 식별할 때 사용하는 속성 혹은 속성의 집합을 말하며, 키의 종류는 기본키, 슈퍼키, 후보키, 대체키, 외래키 등으로 나뉜다. 키의 종류 Super key (수퍼키) Candidate key (후보키) Primary key (기본키) Alternate key (대체키) Foreign key (외래키) Composite key (복합키) 기본 키(Primary key) 기본 키(Primary key)는 유일성과 최소성을 가지며(후보키), 해당 레코드를 식별할때 기준이 되는 반드시 필요한 키이다. - 테이블은 하나의 기본 키 제약 조건만 .. 2023. 5. 4. MVC1, MVC2 차이점 MVC패턴이란? https://programinglab.tistory.com/63 MVC1 모든 클라이언트 요청과 응답을 JSP가 담당하는 구조로 구현 난이도는 쉽다. JSP 페이지 안에서 모든 정보를 표현(view)하고 저장(model)하고 처리(control)되므로 재사용이 힘들고, 읽기도 힘들어 가독성이 떨어진다. 장점: 단순한 페이지 작성으로 쉽개 구현 가능하다, 중소형 프로젝트에 적합하다. 단점: 웹 애플리케이션이 복잡해지면 유지보수 문제가 발생된다, 개발자와 디자이너 역할 분담이 어려워서 원할한 의사소통이 필수이다. MVC2 유지보수가 힘든 MVC 패턴1의 단점을 보완하기 위해 나온 패턴이다. 웹 브라우저 요청을 controller에서 처리한다. controller는 요청에 대한 로직처리를 m.. 2023. 5. 1. 이전 1 2 3 다음
