웹 개발 시그니처 캠프
w. 쏘카 신희송 CTO

React를 배우기 위해서 무엇을 준비해야 할까요?

React를 수월하게 학습하기 위해 HTML, CSS, JavaScript, Node.js와 같은 선수 지식을 학습합니다.
웹 페이지의 구조를 나타내는 마크업 언어 HTML은 React의 JSX 문법을 익히는데 도움이 됩니다.
또, 사용자 친화적인 UI를 구현하려면 CSS에 대한 이해도 중요합니다.

또한, React는 JavaScript 기반의 라이브러리이므로 변수, 함수, 이벤트 객체 등의 기본 개념과 ES6 문법(비구조화 할당, 화살표 함수 등)을 익혀야 합니다. Node.js는 모듈 설치와 관리를 위해 필요한 지식입니다.

왜 React인가요?

React는 프론트엔드 개발자가 필수로 익혀야 할 기술 스택으로, 가상 DOM, 컴포넌트 기반 UI, 단방향 데이터 바인딩 등의 장점을 통해 효율적인 사용자 경험을 제공합니다.

많은 웹 사이트가 React로 개발되었으며, 최근 조사에서도 프론트엔드 개발자가 가장 많이 사용하는 기술로 확인되었습니다. 주니어 개발자로서 React는 선택이 아닌 필수입니다.

대표적인 React 사용 사이트로는 인스타그램, 토스, 에어비앤비 등이 있습니다. React를 학습한 후, 공용 API를 사용하여 영화 소개 사이트를 제작하는 프로젝트를 진행합니다.

더 높게, 더 완벽하게
남들과 똑같은 이력서를 가지고 취업 시장에 나갈 수는 없습니다.
시그니처 캠프에서는 여러분의 이력서가 돋보일 수 있는 강력한 스킬셋을 제공합니다.

AWS AWS는 전 세계적으로 널리 사용되는 클라우드 컴퓨팅 플랫폼으로, 인프라의 확장성과 안정성을 제공합니다.
AWS의 S3를 통해 정적 웹사이트와 리소스를 빠르고 안전하게 배포할 수 있고, CloudFront와 같은 CDN 서비스를 사용해 글로벌 사용자에게 콘텐츠를 지연 없이 제공할 수 있습니다.

또한, Lambda와 같은 서버리스 컴퓨팅을 활용하면 백엔드 관리 부담을 줄이면서 이벤트 기반 기능을 손쉽게 추가할 수 있습니다. 이처럼 AWS는 대규모 애플리케이션부터 간단한 웹사이트에 이르기까지 다양한 배포 및 확장 요구 사항을 유연하게 충족하여, 개발 생산성과 운영 효율성을 높이는 강력한 도구입니다.

데이터베이스 Supabase는 Firebase와 유사한 오픈 소스 백엔드 서비스로, 빠르고 쉽게 데이터베이스, 인증, 파일 저장소 등을 구축할 수 있게 도와줍니다. 특히 PostgreSQL을 기본 데이터베이스로 사용해 강력한 관계형 데이터 관리와 SQL 쿼리 기능을 제공합니다.

Supabase와 PostgreSQL을 함께 사용하면 데이터의 일관성을 유지하며 복잡한 데이터 요청을 효율적으로 처리할 수 있어, 대규모 애플리케이션에서도 안정적이고 확장 가능한 백엔드를 구축할 수 있습니다.
이 조합은 REST API 또는 GraphQL과 쉽게 통합할 수 있어 프론트엔드에서 빠르고 유연한 데이터 연동이 가능해 개발 생산성을 크게 향상시킵니다.

TypeScript TypeScript는 JavaScript의 확장 언어로, 정적 타입을 지원하여 코드의 안정성과 유지보수성을 높여줍니다.
React와 함께 사용하면 컴포넌트에 대한 타입 정의를 명확히 할 수 있어 예기치 않은 버그를 줄이고, 코드 작성 시 자동 완성 및 타입 검사 등의 편의성을 제공합니다.

특히, 규모가 큰 프로젝트에서 TypeScript는 개발 생산성을 크게 향상시킵니다.

React Native React Native는 React를 사용하여 네이티브 모바일 애플리케이션을 개발할 수 있는 프레임워크입니다.
하나의 코드베이스로 iOS와 Android에서 모두 동작하는 앱을 만들 수 있어, 시간과 비용을 절감할 수 있습니다.

React의 컴포넌트 기반 개발 방식을 그대로 사용하면서도, 네이티브 모듈과 통합하여 성능 최적화가 가능한 점이 큰 장점입니다.

좋은 동료와 실무 프로젝트를 할 수 있는 것은 시그니처 캠프 수강생들이 누릴 수 있는 특권입니다.
시그니처 캠프에서 배운 지식과 기술을 마음껏 활용해서 여러분이 원하는 서비스를 기획부터 구현까지
직접 해볼 수 있습니다.

메인 프로젝트 X 2회 백엔드 수강생과 협업하여 원하는 서비스를 직접 구현합니다.
현업 멘토진의 꼼꼼한 코드 리뷰와 퍼실리테이팅을 통해 구현한 서비스에 대한 깊이 있는 피드백을 받을 수 있습니다.

취업 컨설팅 이력서/포트폴리오를 완성할 수 있는 꿀팁을 배웁니다. 실제 취업 과정에서 마주하게 될 기술면접을 위한 대비를 합니다.

리눅스 기초 • 리눅스의 구조와 특징을 이해하고, 파일 시스템과 디렉터리 구조를 학습
• 명령어 기반의 환경에서 파일 및 디렉터리 관리, 권한 설정 등의 기본 작업
• Bash 쉘과 기본 명령어 사용법, 리다이렉션과 파이프라인을 활용한 작업 자동화 학습
• 프로세스 관리, 사용자 관리, 네트워크 설정 등 시스템 관리의 기초 학습
• 실습을 통해 리눅스 기반 서버의 설정과 관리 과정을 체험하며 실무 능력 배양

Git • 브랜치, 병합, 충돌 해결 등 분산형 워크플로우를 통해 협업을 효율적으로 수행
• 커밋, 푸시, 풀 등 핵심 명령어를 사용해 로컬과 원격 저장소 간 동기화를 관리

Github • Pull Request를 통해 팀원 간 코드 리뷰와 협업 프로세스를 체계적으로 운영
• GitHub Actions를 활용해 CI/CD 파이프라인을 자동화

Python • 강력한 라이브러리와 프레임워크를 제공해 웹 개발, 데이터 분석, AI 등 다양한 분야에서 활용
• 객체지향과 함수형 프로그래밍을 지원하며, 유연한 코딩 스타일을 제공
• 다양한 내장 함수와 데이터 타입을 활용해 효율적으로 코드를 작성
• 파이썬 3.11에서는 인터프리터의 시작 속도와 코드 실행 속도가 개선되어, 이전 버전보다 약 1.25배 빠르게 실행

Mysql(관계형 데이터베이스) • 인덱스 설계, 트랜잭션 관리, 성능 튜닝 등 데이터베이스의 최적화 기법 학습
• 데이터 무결성과 보안을 유지하기 위한 권한 관리와 백업/복원 전략을 학습

MongoDB(비관계형 데이터베이스) • 샤딩, 복제, 클러스터링을 통해 대규모 데이터를 효율적으로 처리방법 학습
• Aggregation Framework를 사용해 복잡한 데이터 분석과 집계 작업 수행

AWS와 클라우드 운영과 아키텍처 • EC2: 가상 서버를 생성하고, 인스턴스 설정 및 배포, 트래픽 관리
• S3: 객체 저장소 데이터 저장, 백업, 복원하며 보안 및 버전 관리 기능 학습
• Auto Scaling: 사용량 변화에 따라 자동으로 서버를 추가하거나 제거하여 안정적이고 효율적인 운영 방법 학습
• AWS의 다양한 서비스를 활용하여 아키텍처 설계, 배포, 운영을 직접 실습
• 장애 복구 전략, 백업 계획 수립, 고가용성 아키텍처 설계 등의 운영 기술 학습

HTML HTML 태그를 활용해 웹 페이지 구조를 설계 및 시맨틱 태그 사용법 학습

CSS 색상, 폰트 등의 스타일 속성을 이해하고 페이지의 일관된 디자인 구현
HTML을 이해하면 Django나 Flask에서 템플릿 엔진(Jinja2 등)을 활용해 동적으로 HTML 페이지를 생성하고, 사용자 입력을 효과적으로 처리할 수 있음

Javascript • 변수, 조건문, 반복문, 함수 등 기본적인 프로그래밍 개념을 익히고, DOM API를 통해 HTML 요소를 동적 조작
• Fetch API와 JSON 데이터를 다루는 방법을 배우고, 백엔드와의 통신을 위한 RESTful API 호출을 학습
• JavaScript는 Django REST Framework나 FastAPI로 개발한 백엔드와의 통신에서, 클라이언트 측의 비동기 요청 처리와 데이터 표시를 가능

웹 스크래핑과 데이터 수집 • 정적 스크래핑
• HTML 소스에서 원하는 데이터를 파싱하고 추출하는 방법과 XPath, CSS Selector 사용법을 학습

• 동적 스크래핑
• 자바스크립트로 렌더링되는 웹페이지의 요소를 처리하고, 브라우저 자동화를 통해 데이터를 추출하는 기술 학습

Admin 페이지 프론트단 제작 프로젝트 • 미리 정의된 CSS 클래스와 컴포넌트를 사용하여 반응형 디자인과 UI 요소(버튼, 테이블, 폼 등)를 신속하게 구현하는 방법 학습
• 그리드 시스템을 통해 페이지 레이아웃을 간단하고 직관적으로 설계하는 방법 학습
• Bootstrap의 커스터마이징 기능을 활용해 프로젝트 요구사항에 맞는 디자인을 구현
• 정적 리소스 관리와 모듈화를 통해 프론트엔드의 유지보수성 향상

Flask • Flask 애플리케이션 생성, 라우팅 설정, 그리고 개발 환경 구성 방법 학습
• Flask-RESTful 또는 Flask 자체를 사용해 RESTful API를 설계하고 구현하는 방법 학습
• SQLAlchemy와 같은 ORM(Object Relational Mapping)을 사용하여 데이터베이스와 Flask 애플리케이션을 연동
• Nginx, Gunicorn 등의 서버 설정과 AWS, Heroku와 같은 클라우드 플랫폼을 활용한 배포 방법 학습

웹 스크래핑과 미니프로젝트 • 프로젝트를 통해 학생은 웹 스크래핑, 데이터베이스 관리, RESTful API 설계, 그리고 UI 개발까지 데이터 중심 애플리케이션 제작에 필요한 실무 역량 습득
• Flask를 활용해 데이터베이스 데이터를 JSON 형태로 프론트엔드에 전송하는 API를 설계하고 구현
• Python MySQL Connector 또는 SQLAlchemy를 사용하여 스크래핑 데이터를 MySQL에 저장, 갱신, 삭제하는 방법 학습
• Selenium을 활용해 사이트 내 데이터를 수집, 추출 및 정제하는 방법 학습

Django • Django의 MTV 아키텍처를 이해하고, 각 구성 요소의 역할과 상호작용 학습
• Django ORM을 통해 데이터베이스 모델을 정의하고, 데이터를 조작하는 방법 학습
• Django의 기본 인증 시스템을 활용해 사용자 등록, 로그인/로그아웃, 비밀번호 관리 기능을 구현
• 애플리케이션의 유닛 테스트와 통합 테스트를 작성
• AWS와 Docker를 활용해 확장 가능한 배포 전략 학습

바이럴 마케팅을 위한 랜딩 페이지 • 프로젝트를 통해 학생은 FastAPI의 고성능 비동기 백엔드 기능을 활용하여 실용적인 랜딩 페이지를 제작하는 역량을 갖추게 됩니다.
• 특히, API 설계, 데이터베이스 연동, 사용자 인증, 그리고 배포와 같은 실무 중심 기술을 익히며, 마케팅 캠페인에서 데이터를 활용해 비즈니스 목표를 지원하는 경험
• FastAPI를 활용해 사용자 데이터 수집, 저장, 관리에 필요한 RESTful API를 설계하고 구현하는 방법을 학습
• 이벤트, 소셜 미디어 공유 기능을 API와 통합하여 바이럴 마케팅 효과를 극대화하는 방법 학습

운영 체제 원리 • 프로세스, 메모리, 파일, 디스크 등의 자원 관리 원리 학습
• 메모리 할당 기법(페이징, 세그멘테이션)과 가상 메모리(Virtual Memory)의 원리를 학습
• 파일 시스템의 구조, 디렉터리 관리, 그리고 저장 장치의 데이터 읽기/쓰기 원리를 학습
• 사용자 인증, 권한 관리, 파일 및 네트워크 보안 등 운영체제에서의 보안 기능을 학습

메인 프로젝트 X 2회 • 프로젝트를 통해 학생은 실무 환경에서 요구되는 프레임워크 선택 능력, 마이크로 서비스 설계 및 개발, 그리고 DevOps 기반의 배포 전략까지 전체 서비스 개발 프로세스를 경험
• Python 프레임워크에 대한 깊은 이해와 함께 데이터 처리, 성능 최적화, 보안 관리 등 실질적인 기술을 익혀 기업에서 요구하는 개발 역량 확보
• 프론트 과정 수강생들과 함께 Agile 및 Scrum 방식으로 프로젝트를 관리하며, 팀원과의 협업 도구를 활용해 실무 환경을 경험 확보

취업 컨설팅 • 스타트업 백엔드 채용 공고 분석
• 현직 개발자와 채용 담당자의 이력서 및 포트폴리오 작성 팁 교육
• 실제 취업 과정에서 마주하게 될 기술면접을 위한 대비
• 완성된 이력서와 포트폴리오를 바탕으로 현직자와 1:1 멘토링 진행
• 맞춤형 스타트업 채용 공고 지원