BWYOND SW CAMP 24기 4주차 회고

BEYOND SW 캠프에 합류한 지도 어느덧 4주가 지났다. 이번 주는 유난히 정신없는 한 주였다. DB 프로젝트를 진행하면서 내가 만들고 싶은 서비스의 데이터베이스 구조를 설계해보고, 다음 프로젝트를 위한 팀을 새로 구성하였다. 한 해의 시작을 캠프와 함께한 만큼, 2026년에도 이 열정을 이어가며 꾸준히 성장해 나가고자 한다.

---

👍🏻 좋았던 점

DB 프로젝트를 진행하며 평소 구상해보고 싶었던 서비스의 데이터베이스 구조를 직접 설계해 볼 수 있었다. 단순히 테이블을 만드는 수준이 아니라 부하 분산 환경에서 모니터링을 진행하면서 운영 환경을 고려한 데이터베이스 설계 과정을 경험할 수 있었다. 특히 쿼리 실행 시간을 확인하며 SQL 튜닝을 해본 경험은 데이터베이스 성능이 서비스 품질에 얼마나 큰 영향을 미치는지 체감할 수 있었던 계기였다.

😢 아쉬웠던 점

이틀이라는 짧은 시간동안 DB 프로젝트를 진행하다 보니 완성도가 조금 떨어진다는 느낌을 받았다. 다음 프로젝트부터는 미리 구상하여 더 짜임새 있는 결과물을 만들고 싶다. HTML과 CSS를 배우며 생성형 AI를 이용해 UI 코드를 생성해 보았는데, 기대 이상의 결과물을 보며 놀라움과 동시에 복잡한 감정이 들었다. 내가 만들고 싶은 화면을 AI가 바로바로 만들어주니 편하고 좋긴 했지만, 한편으로는 이 AI가 백엔드 영역까지 완벽히 구현하는 날이 온다면 개발자로서 내가 할 수 있는 게 무엇인가에 대해 깊이 고민하게 된 시간이었다. 막연한 두려움을 갖기보다 AI를 도구로서 완벽히 활용할 수 있는 역량을 키워야겠다고 생각했다.

📚 배운 점

이번 주에는 웹의 기본 구조와 HTML·CSS 핵심 문법, 그리고 반응형 웹 설계 방식에 대해 학습했다.

 

1. HTML 기본 구조

• HTML은 태그 기반 언어이며, 태그 전체를 요소(Element)라고 함
• <h1>~<h6>: 제목 태그 (실무에서는 구조용으로 주로 h1 사용)
• <a>: 페이지 이동 (절대 경로 / 상대 경로)

2. Form & 입력 처리

• <form>은 사용자 입력값을 서버로 전송
• action: 전송 주소 / method: 전송 방식
• name 속성은 서버에서 데이터를 구분하는 key

3. CSS 레이아웃 기초

• 선택자 우선순위: inline > id > class > 태그
• 실무에서는 class 선택자 위주로 사용

4. CSS 프레임워크

• Bootstrap:
  • grid(12칸) 기반
  • 빠른 개발, 정형화된 디자인
• Tailwind CSS:
  • utility-first 방식
  • 클래스 조합으로 자유로운 디자인

⚡ 앞으로 바라는 점 / 목표

앞으로 진행될 프론트엔드, 백엔드, 데브옵스 프로젝트 팀을 새로 구성했다. 이번 프로젝트에서는 단순한 기능 구현을 넘어서, 실제 서비스 운영을 고려한 구조와 완성도를 갖춘 결과물을 만드는 데 집중하고자 한다. 그동안 학습한 DB 설계, 웹 기초, 인프라 개념을 하나의 흐름으로 연결해, 배포까지 가능한 프로젝트를 완성하는 것이 목표다.