네이밍 컨벤션네이밍 컨벤션은 코드에서 변수, 함수, 클래스, 파일, 디렉토리 등 다양한 요소를 일관성 있게 이름 짓는 규칙을 말함네이밍 컨벤션을 통해 코드의 가독성을 높이고, 협업에서 일관된 스타일을 유지하여 코드 관리와 유지보수를 쉽게 할 수 있음 카멜 케이스 (camelCase)형태 : 첫 단어는 소문자, 이후 단어의 첫 글자를 대문자로 표기사용 예 : myVariableName, fetchData, calculateSum사용 위치변수와 함수 이름에 주로 사용됨자바스크립트에서 많이 사용됨 파스칼 케이스 (PascalCase)형태 : 모든 단어의 첫 글자를 대문자로 표기사용 예 : MyClassName, UserComponent사용 위치클래스명이나 생성자 함수에 사용됨React에서 컴포넌트 이름은 주로..

렌더링 방식을 설명하는 두 가지 서로 다른 개념CSR (Client-Side Rendering)웹 애플리케이션 렌더링을 클라이언트(브라우저) 측에서 처리하는 방식서버는 주로 데이터와 기본적인 HTML 구조만을 제공하고, 브라우저가 JavaScript를 사용하여 콘텐츠를 동적으로 생성하고 렌더링함이 방식은 주로 SPA와 함께 사용되며 React, Vue.js, Angular와 같은 프레임워크에서 널리 활용 됨 장점빠른 사용자 인터렉션 : 초기 로딩 후에는 서버 요청 없이 페이지 전환과 업데이트가 즉시 이루어져, 빠른 반응성을 제공함유연한 프론트엔드 개발 : 프론트엔드와 백엔드의 역활이 명확히 분리되어, 독립적인 개발과 테스트가 가능함부드러운 사용자 경험 : 페이지 전환 시 부드러운 애니메이션과 동적 콘텐츠..

웹 애플리케이션 구조를 설명하는 두 가지 서로 다른 개념SPA (Single Page Application)웹 애플리케이션이나 웹사이트의 형태 중 하나한 번의 페이지 로드로 모든 콘텐츠를 제공하고 이후의 상호작용은 페이지의 일부만 동적으로 업데이트하는 방식 사용자는 페이지 전환 시 전체 페이지를 새로 로드하지 않고 필요한 데이터만을 서버로부터 받아와 화면을 업데이트 함이로 인해 사용자 경험이 향상되고, 애플리케이션의 응답 속도가 빨라진다 장점빠른 로딩 속도와 원활한 사용자 경험 제공페이지 전환 시 부드러운 애니메이션과 동적 콘텐츠 업데이트 가능백엔드와 프론트엔드의 분리로 개발 효율성 증가 단점초기 로딩 시간이 상대적으로 길어질 수 있음검색 엔진 최적화(SEO)에 불리할 수 있음클라이언트 측에서 더 많은 ..