스터디/[패스트캠퍼스] 데브캠프: 김민태의 프론트엔드 개발 3기
-
[데브캠프 : 김민태의 프론트엔드 개발 3기] 기초학습(2) : HTML스터디/[패스트캠퍼스] 데브캠프: 김민태의 프론트엔드 개발 3기 2025. 1. 3. 13:09
HTML 개요01. 기본 문법HTML은 HyperText Markup Language의 약자로, 웹페이지의 구조를 정의하기 위해 사용된다. HTML 문서는 태그(tag)를 이용하여 요소(element)를 표시하며, 각 태그는 꺾쇠 괄호()로 감싸여 있다. 태그는 보통 여는 태그와 닫는 태그로 구성되며, 닫는 태그는 앞에 슬래시(/)를 붙여 나타낸다. 예를 들어, 는 여는 태그, 는 닫는 태그이다.HTML 문서는 선언으로 시작하며, 태그 안에 전체 문서가 포함된다. 는 메타데이터를 정의하고, 는 사용자가 볼 수 있는 콘텐츠를 포함한다.02. 부모와 자식 관계의 이해HTML에서 태그들은 계층적인 구조를 이루며, 이 구조를 DOM(Document Object Model)이라 한다.부모 요소는 다른 요소를 ..
-
[데브캠프 : 김민태의 프론트엔드 개발 3기] 기초학습(1) : 개요 및 세팅스터디/[패스트캠퍼스] 데브캠프: 김민태의 프론트엔드 개발 3기 2024. 12. 27. 13:48
Ch 1. 개요첫 인사 및 강의 개요프론트엔드 개발은 웹사이트와 웹 애플리케이션의 사용자 인터페이스(UI)를 설계하고 개발하는 것을 목표로 한다. 본 강의에서는 HTML, CSS, JavaScript와 같은 기본 기술뿐 아니라, 브라우저의 동작 원리와 웹 표준 등 실무와 연관된 기초 지식을 익힌다. 이를 통해 안정적이고 확장 가능한 웹 환경을 구축할 수 있다.HTML, CSS 그리고 JSHTML은 구조, CSS는 스타일, JavaScript는 동작을 담당한다. 이 세 가지는 웹 개발의 기초를 이루며 각각의 역할이 명확히 구분되어야 효율적인 개발이 가능하다.웹앱의 동작원리웹 애플리케이션은 클라이언트와 서버 간의 요청과 응답을 통해 동작한다. 사용자가 브라우저에서 URL을 입력하면, 브라우저는 서버에 요청을..
-
[데브캠프 : 김민태의 프론트엔드 개발 3기] Git/GitHub 학습스터디/[패스트캠퍼스] 데브캠프: 김민태의 프론트엔드 개발 3기 2024. 12. 20. 14:49
Git이란? 깃은 '형상 관리 도구'!Git은 소프트웨어 개발에서 필수적인 형상 관리 도구(VCS, Version Control System)이다. 코드를 포함한 프로젝트의 파일과 디렉토리 상태를 추적하고 관리할 수 있으며, 변경 이력을 남겨 과거 버전으로 복원이 가능하다. 버전 컨트롤 시스템의 필요성소프트웨어는 계속해서 변하며, 모든 변경사항을 기록하고 복구 가능하도록 관리하는 것이 중요하다. 다수의 인원이 방대한 양의 파일을 관리하는 환경에서 Git은 "누가, 왜, 무엇을" 수정했는지 기록하며, 협업 과정에서 충돌 문제도 해결할 수 있다. 개발자의 시각: 하드웨어와 운영체제 프론트엔드 개발자가 알아야 할 운영체제와 파일 시스템프론트엔드 개발자라면 하드웨어와 OS의 작동 방식을 이해해야 한다. "브라우..
-
[데브캠프 : 김민태의 프론트엔드 개발 3기] OT 후기스터디/[패스트캠퍼스] 데브캠프: 김민태의 프론트엔드 개발 3기 2024. 12. 16. 23:52
프론트엔드 개발을 어느 정도 경험한 후, 전문가의 멘토링을 통해 부족한 점을 보완하고 체계적인 학습으로 기본기를 다지기 위해 패스트캠퍼스의 데브캠프: 김민태의 프론트엔드 개발 3기에 참여하였다. 첫날 진행된 OT와 현직자 특강은 앞으로의 여정을 준비하는 데 중요한 출발점이 되었다. 이번 글에서는 OT와 특강에서 얻은 인사이트를 중심으로 공유하고자 한다.데브캠프를 선택한 이유프론트엔드 학습 기회를 탐색하던 중, 체계적인 커리큘럼과 실무 중심의 학습 환경을 제공하는 데브캠프가 주목을 끌었다. 특히, 다섯 번의 팀 프로젝트와 백엔드 연계 프로젝트를 통해 실무 역량을 키울 수 있다는 점이 매력적이었다.또한, 전문 컨설턴트를 통한 취업 상담과 포트폴리오 준비 과정이 포함되어 있어 개발 실력뿐 아니라 커리어 전반을..