본문 바로가기

분류 전체보기

 (76)
SEB_FE_44기 블로깅 챌린지 _ 4일차 (CSS 기초와 Selector_2) 레이아웃 1. 개념: - 와이어 프레임 : 레이아웃의 뼈대를 그리는 단계. 단순 선, 도형 등 화면의 영역을 구분. 구조를 보여주는 용도. - 목업 : 실물 크기의 모형. 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성. 2. HTML 구성 : CSS로 화면을 분리하고 싶을 때는 수직분할 후 수평분할을 적용하여 작업을 진행해야 함. -> 수직 분할 : 화면을 수직으로 구분해 콘텐츠가 가로로 배치될 수 있다록 요소를 배치. -> 수평 분할 : 분할된 각 요소를 수평으로 구분해, 내부 콘텐츠가 세로로 배치될 수 있도록 요소 배치. -> HTML 문서는 기본적인 스타일을 갖고 있어서 레이아웃을 잡기 전에 리셋 해주면 편함. ex ) * { margin : 0 ; padding : 0; box-siz..
SEB_FE_44기 블로깅 챌린지 _ 3일차 (CSS 기초와 Selector) 1. CSS 개념학습 : CSS : 웹 페이지의 스타일을 정의하는 스타일시트 언어. ( HTML이 있어야만 동작이 가능함. ) : 직관적인 UI 구성으로 사용하기 편리하게 제작하는게 좋음. : free app icon 을 이용해 무료 아이콘을 사용할 수 있음. CSS 문법 구성 1. Selector : 특정 요소 ( id, 클래스, 요소 이름 ) 선택 2. 선언 블록 : 요소에 적용할 내용( = 속성 ) 작성. 3. 속성 : 속성에 값을 부여해 스타일을 표현. ; 을 붙여 속성끼리 구분. CSS 파일 추가 1. 요소 : HTML 파일과 다른 파일을 연결해 주는 역할. 2. rel : 연결할 파일의 역할이나 특징. (CSS 는 stylesheet) 3. href : 파일 위치 추가..
SEB_FE_44기 블로깅 챌린지 _ 2일차 (웹 개발 기초와 HTML) 1. 웹 개발의 구성 : HTML 웹의 틀을 설계하는 마크업 언어. CSS 요소를 렌더링 하는 스타일 시트 언어. JavaScript 특정 조건에 따라 상호작용하게 만드는 알고리즘 제작 역할 : 툴 Visual Studio Code 공식 홈페이지에서 다운. (Extension 에서 Live Server , open in browser 설치) 2. HTML 기초 : Tag 들의 집합이다. : 연 Tag 가 있다면 닫아줘야 한다. (img같은 예외가 있을 수 있다.) : 가장 많이 사용하는 태그들은 다음과 같다. 태그 설명 예시 한 줄만큼 공간 차지 쓸 말 컨텐츠 만큼 공간 차지 쓸 말 이미지 삽입 링크 삽입 쓸 말 //alt="대체 텍스트" && 리스트 삽입 리스트1 리스트2.....
SEB_FE_44기 블로깅 챌린지 _ 1일차 1. 학습 툴 세팅 - 기본적인 자료 공유 툴 : 노션 : 목표 설정과 블로깅 챌린지, 과제를 제출 하는 곳 디스코드 : 학습 자료 공유, 일정 알림, Q&A 질문 등 구글 캘린더 : 시간에 맞춰 앞으로 무엇을 할 지 알려줌. 유어 클래스 : 코드 스테이츠 학습 홈페이지 2. 학습 전략 및 태도 - 학습 태도 : 메타인지를 기를 것 : 아는 척 하면서 대충 넘기지 않을 것 : 남들과 비교해 열등감을 높이지 않을 것 : 내가 1등 하겠다는 생각보다는 다같이 레벨업 된다는 마인드를 가질 것 - 학습 전략 : 매일 블로깅 챌린지를 작성 할 것. : 취미 생활을 없앨 것 ( 게임, 드라마 등 최대 하루 한시간으로 고정! ) : 가벼운 운동을 통해 체력을 기를 것 3. 앞으로의 학습 방법 - 챕터 : 기본적인 지..

티스토리툴바