Study Notes (6) 썸네일형 리스트형 Windows 패키지 관리의 원조, Chocolatey Chocolatey 란?📌 Windows에서 프로그램을 명령어로 설치/관리할 수 있게 해주는 도구다른 OS의 예시로는 Linux - apt, macOS - brew 가 있음 Chocolatey 장점 1. 다운로드 → 설치 과정을 자동화choco install gitchoco install nodejschoco install vscodechoco install python2. 특정 버전 설치 가능choco install python --version=3.113. 명령어 한 줄로 모든 프로그램 업데이트choco upgrade all4. 개발 환경 세팅할 때 매우 편함 : 10~20개 프로그램을 5분 안에 설치choco install git python nodejs vscode docker -y .. [Python] UV로 파이썬 프로젝트 생성부터 의존성·가상환경까지 실행 환경 관리 (init, venv, add, remove, sync) 파이썬, uv 설치 여부 확인 및 설치 파이썬 설치가 필요하다면, 아래 글을 참고해주세요.https://ppoddorin.tistory.com/260 Python 다운로드Python 다운로드 https://www.python.org/ Welcome to Python.orgThe official home of the Python Programming Languagewww.python.org 버전 선택 다운로드 실행 후 첫 번째 창에서 Add python.exe to PATH 체크 하고 설치하자 !왠만한 건ppoddorin.tistory.com uv 설치 : 터미널에서 다음 명령어 실행# windowpowershell -c "irm https://astral.sh/uv/install.ps1 | iex.. 프론트엔드 아키텍처 설계 시 고려 항목 리스트 (Checklist) 프론트엔드 아키텍처 설계 시 고려 항목 리스트📌 프론트엔드 아키텍처 설계 시 고려 항목 리스트기술 스택 및 개발 환경 (Tech Stack & Environment)라우팅 및 페이지 구조 전략 (Routing & Page Structure Strategy)렌더링 전략 및 기반 환경 (Rendering Strategy & Foundation)상태 관리 전략 (State Management Strategy)컴포넌트 및 UI 설계 (Component & UI Design)데이터 통신 및 어댑터 패턴 (Data Layer & Adapter)에러 핸들링 및 사용자 경험 (Resilience & UX)품질 보증 및 배포 (QA & DevOps)보안 및 성능 (Security & Performance) 1. .. CSS vs SCSS: 무엇을 선택해야 할까? CSS(Cascading Style Sheets) 📌 웹 스타일링을 위한 표준 스타일 언어. 브라우저가 기본적으로 바로 해석할 수 있으며, 모든 웹 프로젝트에서 필수적으로 사용 별도의 컴파일 과정이 없다모든 브라우저가 지원단순하고 직관적기본 기능 중심 → 반복되는 코드가 많아질 수 있음 SCSS(Sassy CSS) 📌 Sass(Syntactically Awesome Style Sheets)의 문법 중 하나 기존 CSS 문법과 100% 호환되지만 많은 추가 기능을 제공하는 전처리기 작성한 SCSS는 컴파일 과정을 거쳐 CSS로 변환 변수, 함수, 네스팅 등 강력한 기능 제공코드 재사용성 극대화구조적인 스타일 설계 가능유지보수 효율 높음💡전처리기코드를 실제로 사용되기 전에 미리.. SPA vs MPA SPA (Single-Page Application)📌 한 개의 HTML 페이지로 동작하는 웹 애플리케이션 구조📌 최초 요청 시 index.html + JS/CSS를 로드하고, 이후 페이지 이동은 JavaScript가 DOM을 동적으로 바꾸는 방식📌 일반적으로 CSR(Client Side Rendering) 방식으로 렌더링장점페이지 전환이 빠름 (리로드 없음)사용자 경험(UX)이 좋음프론트엔드 로직을 재사용하기 좋음라우터(Vue Router, React Router)로 자유로운 화면 구성 가능단점초기 로딩이 상대적으로 느림 (모든 정적 리소스를 최초 접근시 모두 다운로드하기 때문)SEO(검색엔진 최적화)에 불리함(SSR로 해결 가능)클라이언트 렌더링 복잡성 증가복잡한 상태 관리와 메모리 누수 문제에.. SEO (Search Engine Optimization, 검색 엔진 최적화) SEO(Search Engine Optimization, 검색 엔진 최적화) 란 ?📌 웹사이트가 구글·네이버 같은 검색엔진에서 더 잘 노출되도록 기술적·콘텐츠적 요소를 개선하는 작업 전체 📌 즉, 검색엔진에서 상위 노출되도록 웹사이트를 최적화하는 기술 SEO의 목적검색 결과 상위 노출 → 자연 검색 유입 증가더 많은 유입 (트래픽) 확보브랜드 인지도 상승 광고비 없이 지속적인 방문자 확보 (오가닉 트래픽)검색 엔진은 수많은 웹사이트 중에서 “가장 관련성 있고, 품질이 높은 페이지”를 먼저 보여주기 때문에SEO는 그 기준(랭킹 알고리즘)에 맞게 웹사이트를 최적화 SEO의 구성 요소 1. 기술적 SEO(Technical SEO) : 코드·구조·성능 관련 요소들 사이트 로딩 속도반응형 웹 여부r.. 이전 1 다음
