컨텐츠

웹 애플리케이션 개발 개요

• 웹 애플리케이션 개발, 소프트웨어 개발과 유사함
• 소프트웨어 개발 생명주기(SDLC) 이해 필요함
• SDLC 단계, 웹 애플리케이션 구축에 도움됨

소프트웨어 개발 생명주기(SDLC) 단계

• 계획(Planning): 범위, 목적, 목표 식별함
• 분석(Analysis): 사용자 요구사항, 프로젝트 타당성 이해함
• 설계(Design): 아키텍처, UI/UX 요소 설계함
• 구현(Implementation): 코드 작성, 애플리케이션 구축함
• 테스트(Testing): 기능 작동 여부 확인함
• 배포(Deployment): 사용자에게 애플리케이션 출시함
• 유지보수(Maintenance): 업데이트, 개선 진행함

요구사항 공학

• 요구사항 공학, 개발 시작 단계에서 중요함
• 애플리케이션 기능, 사용자, 작동 방식 수집 및 분석함

목표 설정

• 개발 목표 정의, 전자상거래 또는 소셜 미디어 선택함

리스크 식별

• 기술적 한계 등 잠재적 도전 과제 식별함

참고 자료

• 소프트웨어 개발 생명주기 이해하기
• 효과적인 요구사항 수집 방법
• 웹 애플리케이션 설계 기본 원칙 소개함

파킨슨의 법칙: 실제로 존재하며 활용하라

• 파킨슨의 법칙 설명: "일은 완료되는 데 필요한 시간까지 팽창함"
• 기한 없는 프로젝트: 필요 이상으로 소요
• 도전적인 기한 설정 중요성: 더 나은 결과 도출
• 아이언 트라이앵글 요소: 범위, 자원, 시간 관계 상호 영향
• 범위(Scope): 완료해야 할 작업 정의
• 자원(Resources): 작업 수행 가능 인원과 도구
• 시간(Time): 작업 완료 소요 시간
• 프로젝트 제약 조건: 하나 변경 시 다른 두 가지도 변화
• 파킨슨의 법칙 적용: 엄격한 시간 제약으로 프로젝트 관리
• 불필요한 범위 확장 방지 필요성 강조
• 참고 자료: 프로젝트 관리 철학, 효율적인 팀 운영 전략, 시간 관리 심리학

• 메소드 분해: 세분화 시 정보 부담 증가, 과도 분리 시 이해 어려움이다.
• 주석 사용: 코드 의도 전달 필수, 과도하거나 부족 시 혼란 발생이다.
• 테스트 주도 개발: 단위 테스트 통한 피드백 제공, 전술적 접근 위험 존재이다.
• 디자인: 모듈성과 가독성 확보 목표, 균형 유지 중요이다.

• 디자이너의 피그마 플러그인 제작기: CURSOR AI 활용

  • 개요

    • 이병기가 'Text 2 Json' 플러그인 제작
    • 텍스트 레이어를 JSON으로 추출

  • 배경

    • 인프런의 글로벌 시장 진출 준비
    • 다국어 지원을 위한 JSON 파일 필요

  • 개발 이유

    • 선택된 텍스트 레이어만 변환 필요
    • 기존 플러그인 부족

  • 주요 기능

    • 텍스트 레이어 추출
    • 선택 레이어 변환
    • 다국어 지원

  • 활용 사례

    • 다국어 서비스 준비 가속화
    • 서비스 현지화 효율화

  • 결론

    • 다국어 관리 효율 향상
    • 협업 원활화 계획

WXT 소개

• WXT는 웹 확장 프로그램 개발을 빠르게 수행.
• 오픈 소스 웹 익스텐션 프레임워크로 설계.

주요 기능

다양한 브라우저 지원

• Chrome, Firefox, Edge, Safari 등 지원.
• 하나의 코드베이스로 여러 브라우저 타겟화 가능.

MV2 및 MV3 지원

• Manifest V2와 V3 모두 지원.
• 동일 코드베이스로 다양한 브라우저용 확장 프로그램 빌드 가능.

빠른 개발 모드

• 초고속 HMR과 콘텐츠/백그라운드 스크립트 빠른 리로드 제공.
• 개발 속도 크게 향상.

파일 기반 엔트리포인트

• 파일 기반으로 매니페스트 생성.
• 프로젝트 구조 단순화 및 관리 용이.

TypeScript 기본 지원

• TypeScript 기본 지원으로 안정적 개발 가능.
• 타입 안전성으로 버그 감소.

자동 임포트

• 모듈 자동 임포트 기능 제공.
• 코드 작성 번거로움 감소.

자동화된 퍼블리싱

• 압축, 업로드, 제출, 퍼블리싱 자동화.
• 반복 작업 시간 낭비 방지.

프론트엔드 프레임워크 독립적

• Vite 플러그인을 통해 다양한 프레임워크 호환.
• 개발자 선택의 자유 제공.

모듈 시스템

• 코드 재사용성을 높이는 모듈 시스템 제공.
• 유지보수 용이성 증가.

프로젝트 템플릿

• 다양한 프로젝트 템플릿 제공.
• 초기 설정 시간 단축.

번들 분석 및 원격 코드 다운로드

• 최종 번들 분석 도구 제공.
• 원격 코드 다운로드 가능.