FrontEnd

FrontEnd Development

• Languages:

  • HTML: 웹페이지의 구조를 정의하는 마크업 언어.
  • CSS: 스타일과 레이아웃을 설계하여 웹페이지의 시각적 표현을 담당.
  • JavaScript: 브라우저에서 동작하는 동적인 기능을 구현하기 위한 프로그래밍 언어.
  • TypeScript: JavaScript의 상위 집합으로, 정적 타입을 통해 코드의 안정성과 유지보수를 강화.

• Frameworks/Libraries:

  • React.js: 컴포넌트 기반의 사용자 인터페이스(UI) 라이브러리로, 효율적인 렌더링과 상태 관리를 지원.
  • Next.js: React 기반의 프레임워크로, 서버사이드 렌더링(SSR) 및 정적 사이트 생성(SSG) 기능 제공.

• Styling:

  • CSS (Flexbox, Grid, Responsive Design): 유연한 레이아웃 설계 및 다양한 디바이스 환경에 적응하는 반응형 디자인.
  • Tailwind CSS: 클래스 기반의 유틸리티 퍼스트(Utility-First) 접근 방식을 사용하는 CSS 프레임워크.

State Management

• Redux: 중앙 집중식 상태 관리를 지원하며, 대규모 애플리케이션에서 데이터 흐름을 명확히 유지.
• Recoil: React 환경에서 비동기 상태 관리와 글로벌 상태를 쉽게 다룰 수 있도록 지원.
• Context API: React 내장 기능으로, 상태를 컴포넌트 트리 전체에 전파할 수 있음.

Backend and APIs

• Open API Integration: 다양한 오픈 API와의 통합을 통해 애플리케이션의 기능 확장.
• RESTful Services: REST 원칙을 따르는 API 설계 및 데이터 교환 표준.

DevOps and Cloud

• AWS S3 & CloudFront:
  • AWS S3: 정적 파일을 저장하고, 안정적으로 호스팅 가능한 스토리지 서비스.
  • CloudFront: 빠르고 안전한 콘텐츠 전송을 위한 CDN(Content Delivery Network) 서비스.
• CI/CD:
  • CI/CD 파이프라인을 통해 코드 변경 사항을 자동으로 테스트하고 배포하여 개발 속도와 품질 향상.

---

📂 Additional Tools and Practices

• Responsive Web Design: 다양한 디바이스에서 최적화된 사용자 경험을 제공하는 웹 디자인 기법.
• Version Control with Git: 코드의 버전을 체계적으로 관리하고 협업을 지원하는 도구.
• Agile Development Workflow: 반복적이고 유연한 개발 방식을 통해 요구사항 변화에 신속히 대응.