본문 바로가기

전체 글163

프론트엔드 기초 (HTML 구조, CSS 배치, JavaScript DOM) 프런트엔드 공부를 처음 시작했을 때 저는 HTML, CSS, JavaScript를 각각 따로 외우면 된다고 생각했습니다. 하지만 직접 화면을 만들다 보니 태그를 많이 알아도 구조가 엉키고, CSS 속성을 외워도 레이아웃이 깨지며, JavaScript 코드가 맞아 보여도 DOM을 찾지 못하는 문제가 생겼습니다. 그때 세 기술은 따로 움직이는 것이 아니라 브라우저 안에서 하나의 흐름으로 연결된다는 걸 알게 됐습니다. 저는 HTML은 의미 있는 구조를 만들고, CSS는 그 구조를 화면에 맞게 배치하며, JavaScript는 사용자 행동에 반응해 화면을 바꾸는 역할이라고 생각합니다. 이 글에서는 제 경험을 바탕으로 프런트엔드 기초를 어떻게 이해하면 좋은지 정리해 보겠습니다.프런트엔드 기초, HTML 구조를 설계.. 2026. 6. 8.
HTTP와 HTTPS (평문통신, 암호화, 실전적용) HTTP와 HTTPS의 차이를 처음에는 주소창에 S가 붙느냐 정도로만 이해했습니다. 하지만 로그인 기능을 만들고 개발자 도구에서 입력값이 네트워크 요청으로 전달되는 과정을 보면서 생각이 달라졌습니다. HTTP에서는 데이터가 암호화되지 않아 아이디와 비밀번호 같은 민감 정보가 노출될 수 있다는 점이 충격적이었습니다. 또 개인 프로젝트를 배포하면서 HTTPS 페이지에서 HTTP API 호출이 차단되는 혼합 콘텐츠 오류를 겪으며, 보안 개념이 실제 개발과 운영에 직접 연결된다는 것을 느꼈습니다. 저는 HTTPS가 단순한 선택 사항이 아니라 사용자 신뢰와 서비스 안전성을 위한 기본 조건이라고 생각합니다. 이 글에서는 제 경험을 바탕으로 HTTP와 HTTPS의 차이를 쉽게 정리해 보겠습니다.HTTP 평문통신이 만.. 2026. 6. 7.
웹 브라우저 동작 원리 (렌더링, DOM, 개발자 도구) 웹 브라우저가 웹페이지를 보여주는 과정을 처음에는 단순하게 생각했습니다. HTML은 구조, CSS는 디자인, JavaScript는 동작이라고 외우면 충분하다고 봤습니다. 하지만 화면이 깨지거나 버튼 이벤트가 작동하지 않는 문제를 겪으면서 생각이 달라졌습니다. 브라우저가 서버에 요청을 보내고, HTML과 CSS를 해석해 DOM과 CSSOM을 만들고, JavaScript 실행 시점에 따라 화면이 달라진다는 흐름을 이해해야 오류를 제대로 찾을 수 있었습니다. 저는 브라우저 동작 원리가 단순한 이론이 아니라 웹 개발의 실전 기본기라고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 웹페이지가 브라우저에서 어떻게 화면으로 그려지는지 정리해 보겠습니다.웹 브라우저 동작 원리: 렌더링, DOM의 실제 흐름일반적으로 주소.. 2026. 6. 7.
협업 툴 IT 실무에서의 중요성 (협업 배경, 도구 분석, 실전 활용) 협업 툴을 처음 사용할 때 저는 단순히 팀원끼리 대화하고 일정을 공유하는 도구라고 생각했습니다. 하지만 팀 프로젝트에서 중요한 결정이 채팅방에 묻히고, 버그 재현 조건이 제대로 남지 않아 같은 질문을 반복하면서 생각이 달라졌습니다. 협업 툴은 편의 기능이 아니라 팀이 같은 기준으로 움직이게 만드는 실무 도구였습니다. 특히 GitHub Issues로 작업을 나누고, Notion에 회의록과 API 명세를 정리하니 누가 무엇을 하고 있는지 훨씬 명확해졌습니다. 저는 협업 툴을 잘 쓴다는 것은 도구 이름을 많이 아는 것이 아니라, 업무를 다른 사람이 이해하기 쉽게 기록하고 공유하는 습관이라고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 협업 툴이 왜 IT 실무에서 중요한지 정리해 보겠습니다.IT 실무에서 중요했.. 2026. 6. 6.
IT 개발자 배포란? (로컬 실행, 운영 환경, CI/CD) 배포를 처음 시도했을 때 저는 완성된 코드를 서버에 올리기만 하면 끝이라고 생각했습니다. 하지만 로컬에서 잘 돌아가던 서비스가 서버에서는 환경 변수 누락, 포트 설정, 데이터베이스 연결 문제로 멈추는 경험을 하며 배포가 단순 업로드가 아니라는 걸 알게 됐습니다. 배포는 사용자가 실제로 접속할 수 있는 운영 환경을 만들고, 오류가 생겼을 때 로그를 확인하며, 필요하면 이전 버전으로 되돌릴 수 있어야 하는 과정입니다. 저는 배포 경험을 통해 개발은 코드 작성에서 끝나는 것이 아니라 서비스 운영까지 이해해야 한다고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 배포의 의미와 입문자가 알아야 할 서비스 운영 개념을 정리해 보겠습니다.IT 개발자 배포와 로컬 실행, 뭐가 다를까배포를 처음 접하는 분들 중에는 로컬 .. 2026. 6. 6.
IT 직무에서 요구되는 커뮤니케이션 (직무별 차이, 실무 역량, 취업 준비) IT 취업을 준비할 때 저는 커뮤니케이션 역량을 단순히 말을 잘하는 능력으로만 생각했습니다. 그래서 자기소개서에도 “소통을 잘합니다”라고 쉽게 적었지만, 막상 구체적인 사례를 묻는 질문 앞에서는 답이 막혔습니다. 이후 직무별 업무를 살펴보며 생각이 달라졌습니다. 프런트엔드는 기획자와 디자이너에게 구현 제약을 설명해야 하고, 백엔드는 API 명세를 정확히 공유해야 하며, 데이터·보안·인프라 직무는 각각 다른 방식으로 문제를 전달해야 합니다. 저는 IT에서 커뮤니케이션은 성격이 아니라 협업자가 실제로 움직일 수 있게 만드는 실무 능력이라고 느꼈습니다. 이 글에서는 제 경험을 바탕으로 직무별 커뮤니케이션 역량의 차이를 정리해 보겠습니다.IT 커뮤니케이션, 직무별로 요구하는 것이 다르다일반적으로 커뮤니케이션 역.. 2026. 6. 5.

티스토리툴바