본문 바로가기

프론트엔드15

프론트엔드 기초 (HTML 구조, CSS 배치, JavaScript DOM) 프런트엔드 공부를 처음 시작했을 때 저는 HTML, CSS, JavaScript를 각각 따로 외우면 된다고 생각했습니다. 하지만 직접 화면을 만들다 보니 태그를 많이 알아도 구조가 엉키고, CSS 속성을 외워도 레이아웃이 깨지며, JavaScript 코드가 맞아 보여도 DOM을 찾지 못하는 문제가 생겼습니다. 그때 세 기술은 따로 움직이는 것이 아니라 브라우저 안에서 하나의 흐름으로 연결된다는 걸 알게 됐습니다. 저는 HTML은 의미 있는 구조를 만들고, CSS는 그 구조를 화면에 맞게 배치하며, JavaScript는 사용자 행동에 반응해 화면을 바꾸는 역할이라고 생각합니다. 이 글에서는 제 경험을 바탕으로 프런트엔드 기초를 어떻게 이해하면 좋은지 정리해 보겠습니다.프런트엔드 기초, HTML 구조를 설계.. 2026. 6. 8.
웹 브라우저 동작 원리 (렌더링, DOM, 개발자 도구) 웹 브라우저가 웹페이지를 보여주는 과정을 처음에는 단순하게 생각했습니다. HTML은 구조, CSS는 디자인, JavaScript는 동작이라고 외우면 충분하다고 봤습니다. 하지만 화면이 깨지거나 버튼 이벤트가 작동하지 않는 문제를 겪으면서 생각이 달라졌습니다. 브라우저가 서버에 요청을 보내고, HTML과 CSS를 해석해 DOM과 CSSOM을 만들고, JavaScript 실행 시점에 따라 화면이 달라진다는 흐름을 이해해야 오류를 제대로 찾을 수 있었습니다. 저는 브라우저 동작 원리가 단순한 이론이 아니라 웹 개발의 실전 기본기라고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 웹페이지가 브라우저에서 어떻게 화면으로 그려지는지 정리해 보겠습니다.웹 브라우저 동작 원리: 렌더링, DOM의 실제 흐름일반적으로 주소.. 2026. 6. 7.
IT 직무에서 요구되는 커뮤니케이션 (직무별 차이, 실무 역량, 취업 준비) IT 취업을 준비할 때 저는 커뮤니케이션 역량을 단순히 말을 잘하는 능력으로만 생각했습니다. 그래서 자기소개서에도 “소통을 잘합니다”라고 쉽게 적었지만, 막상 구체적인 사례를 묻는 질문 앞에서는 답이 막혔습니다. 이후 직무별 업무를 살펴보며 생각이 달라졌습니다. 프런트엔드는 기획자와 디자이너에게 구현 제약을 설명해야 하고, 백엔드는 API 명세를 정확히 공유해야 하며, 데이터·보안·인프라 직무는 각각 다른 방식으로 문제를 전달해야 합니다. 저는 IT에서 커뮤니케이션은 성격이 아니라 협업자가 실제로 움직일 수 있게 만드는 실무 능력이라고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 직무별 커뮤니케이션 역량의 차이를 정리해 보겠습니다.IT 커뮤니케이션, 직무별로 요구하는 것이 다르다일반적으로 커뮤니케이션 역.. 2026. 6. 5.
개발자 취업 공부 방법 (학습 성향, 직무 설계, 실습 검증, 피드백) 솔직히 말씀드리면, 저는 처음에 공부법보다 공부량이 중요하다고 믿었습니다. 유명한 강의를 끝까지 들으면 어느 순간 실력이 따라올 거라고 생각했습니다. 그런데 강의를 수십 시간 들은 뒤 막상 빈 에디터 앞에 앉으니 손이 움직이지 않았습니다. 그때 처음으로 내가 공부를 잘 못하고 있는 건 아닐까 라는 의문이 들었습니다.개발자 취업 공부 방법 - 나에게 맞는 학습 성향부터 확인해야 한다강의를 많이 들을수록 실력이 는다고 생각하는 분들도 있는데, 제가 직접 겪어보니 강의 시청 시간과 구현 능력은 생각보다 별개였습니다. 강의에서는 이해가 됐는데, 막상 혼자서 로그인 기능 하나를 만들려고 하면 어디서부터 시작해야 할지 몰랐습니다.개발 학습에서 먼저 파악해야 할 것은 자신의 학습 양식(Learning Style)입니.. 2026. 5. 19.
개발자 취업 준비 기술 스택 (직무 연결, 채용 공고, 기술 활용) 처음 개발자 취업을 준비하기 시작했을 때, 저는 무조건 많이 배워야 한다고 생각했습니다. Java도 해야 하고, Python도 해야 하고, React도 빠질 수 없고. 그렇게 이름만 아는 기술들을 줄줄이 늘어놓다가 어느 순간 아무것도 제대로 설명하지 못하는 자신을 발견했습니다. 기술 스택 선택, 사실 방향만 제대로 잡으면 생각보다 단순해집니다.개발자 취업 준비 전에 직무를 먼저 정해야 연결 가능한 기술 스택이 보인다취업 준비를 시작하면 가장 먼저 부딪히는 문제가 뭘 배워야 하지?입니다. 저도 처음엔 그냥 유명한 기술부터 시작하려 했는데, 그게 얼마나 비효율적인지는 직접 겪어보고 나서야 알았습니다.개발 직무는 크게 프런트엔드(Frontend), 백엔드(Backend), 앱 개발, 데이터, 클라우드·인프라로.. 2026. 5. 16.
신입 IT 취업 (직무 이해, 기본기, 포트폴리오) 면접 날짜가 잡히고 나서 저도 처음에는 자기소개 문장부터 다듬었습니다. 저는 문제 해결에 강점이 있는 개발자입니다 처럼 그럴듯한 문장을 만들어 외우는 데 며칠을 썼는데, 막상 준비를 이어가다 보니 그게 얼마나 순서가 잘못된 일인지 느끼게 됐습니다. 신입 IT 취업에서 자기소개는 준비의 시작이 아니라, 쌓아온 것들이 압축되어 나오는 결과에 가깝습니다.신입 IT 취업, 직무 이해 없이 자기소개는 공허하다제가 처음 백엔드 개발자로 지원하겠다고 마음먹었을 때, 솔직히 이건 예상 밖이었습니다. 서버 쪽 일을 하고 싶습니다라고 말하면 충분한 줄 알았는데, 면접관이 그럼 REST API가 무엇인지 설명해 보세요라고 바로 물어오더니 말문이 막혔습니다.여기서 REST API란 클라이언트와 서버가 HTTP 프로토콜을 기반.. 2026. 5. 15.