Bootcamp

페이지 레이아웃, 웹 앱 화면 설계하기

📋 오늘 배운 내용 페이지 레이아웃 웹 앱 화면 설계하기 📋 페이지 레이아웃 - 학습목표 레이아웃을 위한 HTML 구조를 만들 수 있다. 손쉽게 웹 페이지의 각 요소를 정렬하는 데 Flexbox에 대한 핵심적인 개념과 내용을 이해할 수 있다. 📘 레이아웃 리셋 기본 스타일링 제거 * { box-sizing: border-box; } body { margin: 0; padding: 0; } 📘 Flexbox /* 부모 요소 */ main { display: flex; flex-direction: row; /* 정렬 축 설정 */ /* row(기본값), column, row-reverse, column-reverse */ flex-wrap : nowrap; /* 줄바꿈 설정 */ /* nowrap(기본값),..

HTML, CSS

📋 오늘 배운 내용 HTML CSS 📋 HTML - 학습목표 HTML이 "구조를 표현하는 언어"라는 것을 이해하고, 그 기본 구조와 문법을 설명할 수 있다. HTML이 마크업 언어라는 것을 설명할 수 있다. 자주 사용되는 HTML 요소(Element)가 무엇인지 알고 차이를 설명할 수 있다. , , , , , 등 시맨틱 태그가 무엇인지 이해하고, 왜 사용하는 지 설명할 수 있다. 웹 문서의 구조와 내용을 HTML로 작성할 수 있다. 📘 HTML HyperText Markup Language 웹페이지의 틀을 만드는 마크업 언어 tag들의 집합 (, , , , , ) 트리 구조 📄 자주 사용되는 태그 태그 설명 한줄을 차지 ( 줄바꿈 O ) 컨텐츠 크기만큼 공간을 차지 ( 줄바꿈 X ) 이미지 태그 링크 태..

컴퓨터와 프로그래밍, 웹

📋 오늘 배운 내용 컴퓨터와 프로그래밍의 이해 웹 클라이언트와 웹 서버 📋 컴퓨터와 프로그래밍의 이해 - 학습목표 컴퓨터의 구성 요소에 대해서 설명할 수 있다. 프로그램을 실행하면 컴퓨터 내부에서 어떤 일이 일어나는지 이해할 수 있다. 프로그래밍과 관련된 개념들을 설명할 수 있다. 프로그램, 프로그래밍, 프로그래밍 언어, 컴파일, 빌드, 통합개발환경 웹 클라이언트와 웹 서버가 무엇인지 설명할 수 있다. 💻 컴퓨터란? 입력받은 데이터를 정해진 규칙대로 처리해서 결과를 저장하고 출력하는 장치이다. 💻 컴퓨터의 구성 요소 소프트웨어, 하드웨어 📘 소프트웨어 📄 시스템 소프트웨어 (System Software) 응용 소프트웨어의 실행 환경, 하드웨어 장치 관리 예) Mac, Windows, Linux, Node..