레이아웃 3

[Final Project] 회원가입/로그인 추가, 공지사항 페이지 구현

그린컴퓨터아카데미 -  Final Project팀명 : RE:Coder주제 : 소개팅 사이트 (Heart Link)팀장 : Eunsik팀원 : Jaein, Ahtae, Jongsun회원가입/로그인 프론트 보완회원가입 페이지 수정로그인 페이지 -> 텍스트 및 폰트수정회원가입 페이지 -> 텍스트 및 폰트수정, 사이트 특성에 맞춰 필요한 정보 인풋창 추가  공지사항 페이지 구현 공지사항 리스트공지사항 리스트 페이지 프론트 구현 완료  공지사항 글쓰기 페이지글 작성 페이지같은경우에는 에디터를 가져와 사용하기보다는 HTML,CSS,JS로 만들어서 기능 구현을 완성했다. 공지사항 상세 페이지목록으로 버튼 구현 -> 리스트로 넘어가게 JS수정 버튼 클릭시 -> 수정페이지로 이동 공지사항 수정 페이지 공지사항 작성 페..

CSS ■ 레이아웃 (2)

◈ CSS 용어 ◈  • 컨테이너(container)요소들을 포함하고 있는 상위(부모) 요소 레이아웃을 구성하는 요소들을 묶어서 그룹화 하는 역할을 수행하며 이를 묶어주는 역할을 하는 요소를 컨테이너 라고 부름* 일반적으로 div, section, article, main 등의 요소에 많이 사용됨  • 아이템(item)레이아웃을 구성하는 요소 container 안에 포함된 각각의 요소들을 아이템이라고 부름* div, span, p 등 다양한 요소들로 구성할 수 있음  ◈ float ◈  • float각각의 요소들의 배치를 변경하여 다른 요소들과 어떻게 상호작용할 지 컨트롤 할 수 있는 속성 (다음 요소 위에 떠있게 함) • 참고float예전에 자주 사용되던 속성으로 최근에는 flexbox 또는 grid로..

Front-End/CSS 2024.06.19

CSS ■ 레이아웃 (1)

◈ 블록 레벨 요소 vs 인라인 레벨 요소 ◈  • 블록 레벨 요소가능한 최대 가로 너비를 차지하여 한 줄 전체를 차지하는 요소 - 종류1. div2. p3. h1 ~ h64. ul5. li6. hr7. footer8. 등등... • 블록 레벨 요소 예시-1h3로 이루어져 있어 한 줄 전체를 차지하는 블록 레벨 요소 • 블록 레벨 요소 예시 - 2                                                                                                 필요하지 않은 영역까지 공간을 차지함 (블록 레벨 요소)   • 인라인 레벨 요소필요한 만큼만 공간을 차지하며 텍스트와 함께 표시되는 요소 - 종류1. span2. a3. strong4. e..

Front-End/CSS 2024.06.13