🌱 기초 basic
프론트엔드와 백엔드
쉽게 이해하기
레스토랑을 생각해보세요. 프론트엔드는 홀이에요. 손님이 보는 인테리어, 메뉴판, 직원의 친절한 응대 같은 거죠. 백엔드는 주방이에요. 손님 눈에는 안 보이지만, 주문받은 음식을 만들고, 재료를 관리하고, 레시피대로 요리하는 곳이죠. 둘이 잘 협력해야 좋은 식사 경험이 완성돼요.
핵심 정리
프론트엔드는 사용자가 보는 화면, 백엔드는 뒤에서 데이터를 처리하는 부분이에요.
자세히 알아보기
프론트엔드(Frontend)는 '앞쪽'이라는 뜻이에요. 사용자가 직접 보고 만지는 모든 것을 말해요. 웹사이트의 버튼, 메뉴, 이미지 배치, 색깔, 애니메이션 같은 거죠. HTML로 구조를 만들고, CSS로 예쁘게 꾸미고, JavaScript로 움직이게 만들어요. '이 버튼을 누르면 팝업이 뜬다', '스크롤하면 이미지가 나타난다' 같은 걸 구현하죠.
백엔드(Backend)는 '뒤쪽'이에요. 사용자 눈에는 보이지 않지만, 실제로 데이터를 저장하고 처리하는 부분이에요. 예를 들어 로그인하면 아이디와 비밀번호가 맞는지 확인하고, 게시글을 쓰면 데이터베이스에 저장하고, 친구 목록을 불러오는 일을 해요. 주로 Python, Java, Node.js 같은 언어로 만들어요.
실무에서는 둘이 API라는 통로로 대화해요. 프론트엔드가 '사용자 정보 보여줘'라고 요청하면, 백엔드가 데이터베이스에서 정보를 꺼내서 JSON 형태로 전달하죠. 마치 웨이터가 주방에 주문을 전달하고, 주방이 요리를 내어주는 것처럼요.
요즘은 둘 다 할 줄 아는 '풀스택 개발자'도 많아요. 하지만 각 분야가 워낙 깊어서, 보통은 하나를 전문으로 하고 다른 쪽은 협업할 정도로 아는 게 일반적이에요.