웹개발5 프론트엔드 기초 (HTML 구조, CSS 배치, JavaScript DOM) 프런트엔드 공부를 처음 시작했을 때 저는 HTML, CSS, JavaScript를 각각 따로 외우면 된다고 생각했습니다. 하지만 직접 화면을 만들다 보니 태그를 많이 알아도 구조가 엉키고, CSS 속성을 외워도 레이아웃이 깨지며, JavaScript 코드가 맞아 보여도 DOM을 찾지 못하는 문제가 생겼습니다. 그때 세 기술은 따로 움직이는 것이 아니라 브라우저 안에서 하나의 흐름으로 연결된다는 걸 알게 됐습니다. 저는 HTML은 의미 있는 구조를 만들고, CSS는 그 구조를 화면에 맞게 배치하며, JavaScript는 사용자 행동에 반응해 화면을 바꾸는 역할이라고 생각합니다. 이 글에서는 제 경험을 바탕으로 프런트엔드 기초를 어떻게 이해하면 좋은지 정리해 보겠습니다.프런트엔드 기초, HTML 구조를 설계.. 2026. 6. 8. UI·프론트엔드 개발자 차이 (직무 구분, 포트폴리오, 면접 준비) 저도 처음에는 UI 개발자와 프런트엔드 개발자를 같은 화면 개발 직무로 생각했습니다. 둘 다 HTML, CSS, JavaScript를 쓰기 때문에 차이가 크지 않다고 봤습니다. 하지만 채용 공고와 포트폴리오 기준을 비교해 보니 두 직무는 집중하는 지점이 달랐습니다. UI 개발자는 디자인 시안을 정확하게 구현하고 반응형, 접근성, 브라우저 호환성을 챙기는 역할에 가깝습니다. 반면 프런트엔드 개발자는 API 연동, 상태 관리, 비동기 처리처럼 화면과 데이터 흐름을 연결하는 역할이 더 큽니다. 저는 이 차이를 알고 나서야 직무명보다 실제 업무 내용을 먼저 봐야 한다고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 두 직무의 차이와 준비 방향을 정리해 보겠습니다.UI 개발자와 프런트엔드 개발자, 직무 구분이 왜 .. 2026. 5. 28. 서버란 무엇인가 (요청과 응답, 인증과 권한, 클라우드) IT 공부를 시작하면 꼭 한 번씩 막히는 지점이 있습니다. 서버가 뭔지는 알겠는데, 왜 필요한지는 모르겠다는 상태입니다. 저도 처음에는 서버를 그냥 큰 컴퓨터 정도로 생각했습니다. 그런데 실제로 웹사이트 구조를 공부하면서, 서버가 없으면 로그인 하나도 제대로 안 된다는 걸 알게 됐습니다. 그 순간부터 서버가 다르게 보이기 시작했습니다.요청과 응답, 서버가 하는 일의 본질서버를 처음 배울 때 가장 먼저 잡아야 할 개념이 클라이언트-서버 구조(Client-Server Architecture)입니다. 여기서 클라이언트-서버 구조란 사용자의 기기(클라이언트)가 요청을 보내고, 서버가 그 요청을 처리한 뒤 응답을 돌려주는 방식으로 서비스가 작동하는 구조를 말합니다. 쇼핑몰에서 상품 목록을 클릭하는 순간, 사용자의.. 2026. 5. 20. 프런트엔드 백엔드 협업 (API 명세, 역할 분리, 커뮤니케이션) 프런트엔드와 백엔드가 각자 맡은 코드만 잘 짜면 된다고 생각했다면, 그건 저도 처음엔 그랬습니다. 하지만 실제 서비스 흐름을 직접 들여다보니 그 생각이 완전히 틀렸다는 걸 금방 알게 됐습니다. 하나의 기능이 사용자 앞에 멀쩡히 서 있으려면, 화면과 서버가 정확한 규칙으로 끊임없이 대화해야 합니다.프런트엔드 백엔드 협업, API 명세: 협업이 무너지는 지점은 항상 여기였습니다일반적으로 프런트엔드는 화면을, 백엔드는 서버를 담당한다고 알려져 있습니다. 저도 처음엔 그 정도로만 이해하고 공부를 시작했습니다. 그런데 막상 로그인 기능 하나를 놓고 흐름을 따라가 보니, 두 영역이 얼마나 촘촘하게 얽혀 있는지 실감했습니다.사용자가 아이디와 비밀번호를 입력하고 버튼을 누르는 순간, 프런트엔드는 그 값을 서버로 전송합.. 2026. 5. 17. 서버와 클라이언트 (요청과 응답, 프런트엔드와 백엔드, 관계 정리) 저도 처음에는 서버를 어딘가에 있는 큰 컴퓨터, 클라이언트는 사용자가 보는 화면 정도로만 이해했습니다. 그런데 로그인 기능을 직접 만들어보면서 생각이 달라졌습니다. 아이디와 비밀번호를 입력하면 클라이언트가 요청을 보내고, 서버가 데이터베이스를 확인한 뒤 응답을 돌려주는 흐름이 보였기 때문입니다. 이 구조를 이해하고 나니 API, 프런트엔드, 백엔드 개념도 따로 떨어진 지식이 아니라 하나의 서비스 흐름으로 연결됐습니다. 화면만 만들면 웹 개발을 하고 있다고 생각했지만, 실제 서비스는 요청과 응답이 이어질 때 완성된다는 것을 알게 됐습니다. 저는 서버와 클라이언트의 차이를 먼저 이해하는 것이 웹 개발 공부의 출발점이자 이후 학습 속도를 좌우하는 핵심 기준이라고 생각합니다.서버와 클라이언트는 요청과 응답으로 .. 2026. 4. 27. 이전 1 다음
