[웹 개발] 개발일지 첫 시작...! 웹 개발이란?

웹 개발의 첫걸음: 프론트엔드와 백엔드 이해하기 😊

안녕하세요! 기록용으로 항상 배운것들을 정리하고 있었지만,
이렇게 공개적인 곳에 기록을 남기는 것이 더 의미있을 것 같아서
오늘부터 함께 웹 개발의 기초부터 기록해나가려 합니다!
웹 개발이란, 우리가 일상에서 자주 접하는 웹 페이지를 만드는 과정이에요.
이번 포스트에서는 웹 개발의 기본 구조와 개념에 대해 설명해드릴게요.

웹 페이지의 구조 🌐

웹 페이지는 크게 두 부분으로 나뉩니다: 프론트엔드와 백엔드.

프론트엔드 🖥️

프론트엔드는 사용자가 직접 볼 수 있는 웹 페이지의 부분입니다.

우리가 볼 수 있는 웹 페이지의 모든 부분이 여기에 속하죠
개념적으로는 디자인, 레이아웃, 사용자 인터페이스 등이 여기에 속해요.
사용자 경험(UX)을 향상시키는 모든 요소가 포함됩니다.

백엔드 🔧

백엔드는 웹 페이지의 '뒤쪽'에서 돌아가는 부분으로,
사용자가 볼 수 없는 데이터 처리 및 저장을 담당합니다.
로그인 ID와 비밀번호 검증, 사용자 정보 관리 등의 작업이 여기서 이루어져요.

또한, 데이터베이스는 백엔드의 중요한 부분으로, 모든 데이터가 저장 및 관리되는 곳입니다.

웹 개발의 첫걸음: HTML 📝

웹 개발의 시작으로, 프론트엔드의 기본 뼈대인 HTML을 배워나가려 합니다!
HTML은 웹 페이지의 골격을 형성하며, CSS와 JavaScript를 추가하여 스타일링과 동적 기능을 부여합니다.

CSS와 JavaScript 🎨

CSS는 웹 페이지를 아름답게 만드는 스타일 시트 언어예요.
JavaScript는 웹 페이지에 동적 기능을 추가하여 사용자 상호작용을 가능하게 합니다.

백엔드와의 연동: Java와 Oracle 🔗

프론트엔드가 준비된 후에는 백엔드와의 연동이 필요합니다.
Java와 Oracle을 사용하여 사용자 요청에 따라 데이터 처리 로직을 구현하고 데이터베이스와 상호작용합니다.
여기서 Oracle은 대표적인 데이터베이스 중 하나로 백엔드 부분에서 더 자세히 설명드리겠습니다.

---

최근 개발자를 준비하기 시작해서 아직 배울 것이 많고 부족한 점도 많습니다.
제 글에 잘못된 설명이 있거나 더 좋은 방법이 있다면 적극적인 피드백 부탁드립니다.
여러분의 조언과 피드백은 함께 성장하는 데 큰 도움이 됩니다ㅎㅎ

이 포스트가 웹 개발을 이해하는 데 도움이 되는 첫걸음이 되길 바랍니다.
다음 포스트에서는 HTML의 기본 구조와 태그에 대해 더 자세히 설명할게요.

웹 개발의 여정을 함께 시작해볼까요? 🚀