분류 전체보기
-
[부트캠프] T1F3 프로젝트 2일차부트캠프/프로젝트 2024. 7. 17. 20:17
오늘 작업한 내용 1. 팀원분들께서 완성한 내용을 하나로 병합 팀원분들 개개인의 능력이 너무 뛰어나셔서 병합하는 과정 / 병합 후의 기능적 문제는 발생하지 않았습니다. 문제점코드 합치는 것에는 문제가 발생하지 않았지만, 처음에 너비를 정해두지 않아 UI의 너비가 제각각으로 들쭉날쭉하였습니다. 병합 후 이미지 너비를 조정하면서 A 요소를 수정하면 B 요소 또한 같이 수정됐고,긴 코드 속에서 내용을 수정하는 것은 생각보다 번거로웠습니다. 이 과정을 통해, 와이어 프레임 단계에서 디테일하게 규격과 내용을 정하고 시작해야 함을 알게 되었습니다. 2. 이미지 변경 기존에 온라인에서 발견한 이미지가 아닌, 실제 팀원분들의 이미지를 삽입했다. 문제점1일차 작업에서 이미 이미지를 원으로 자르는 것은 성공하였으나, ..
-
[부트캠프] T1F4 프로젝트 1일차부트캠프/프로젝트 2024. 7. 16. 21:11
프로젝트 명팀원을 소개하는 홈페이지 만드는 프로젝트로다음의 와이어 프레임을 기반으로 제작했다. 내가 맡은 역할 사용자가 버튼을 누를 경우 표시될, 하단의 팀원 소개창 요소를 만드는 것이 내 역할이었다. 우선, 해당 요소를 다음과 같이 세분화하여 나눠보았다. 하지만 진행하는 과정에서 콘텐츠 정렬을 위해 아이템을 묶거나,1. 2. 3과 같은 공통 옵션이 필요한 경우, 옵션 설정을 위해 class로 묶을 필요가 느껴졌고,해당 작업을 위해 더 세분화하여 나눌 필요가 있었다.해당 내용을 토대로 개발을 진행하였다. 문제점각 조원의 사진이 들어갈 myPhoto 영역이 제일 고비였었다.사각형으로 구성된 이미지들을 원모양으로 잘라 사용해야하나 생각이 들었지만, 이미지에 대한 border_radius값을 50%로 설..
-
HTML 요소프로그래밍 언어/Html 2024. 7. 15. 22:12
HTML 요소( Element ) 요소는 웹페이지를 구성하며, 데이터 항목, 텍스트 묶음, 이미지 등을 담을 수 있다. HTML 요소의 주요 부분은 다음과 같다.1. 여는 태그 : 요소의 이름으로 구성되며, 요소가 시작하는 곳 임을 나타낸다.2. 닫는 태그 : 여는 태그와 마찬가지로 요소의 이름으로 구성되어 있지만, 앞에 슬래시( / )가 포함되어 있으며, 요소가 끝나는 곳 임을 나타낸다.3. 콘텐츠 : 요소의 내용4. 요소 : 요소는 1, 2, 3번으로 이루어져있다. 또한, 요소는 속성을 가질 수 있다. 속성은 실제 콘텐츠로 표시되길 원하지 않는 정보를 담고 있다. 위 코드에서는 Class 속성을 이용해 Head 태그에서 요소를 특정하여 스타일이나, 색상 등 다..
-
HTML과 기본 구조프로그래밍 언어/Html 2024. 7. 15. 22:02
HTML이란? Hypertext Markup Lanaguage의 줄임말로 웹 컨텐츠의 의미와 구조를 정의할 때 사용한다. 여기서 Hypertext는 HTML: Hypertext Markup Language | MDN (mozilla.org) 와 같이 웹페이지를 다른 페이지로 연결하는 링크 말하며, 웹의 근본적인 속성인 링크를 통해 다른 사람이 만든 페이지로 연결할 수 있다. HTML은 컨텐츠를 표시하기 위해 마크업을 사용한다.HTML에서 사용되는 마크업에는 다양한 요소가 존재하는데, Body입니다.
-
2024.07.15 TIL ( Html )부트캠프/TIL 2024. 7. 15. 20:35
HTML 기본구조와 요소 HTML과 기본 구조 :: 껀's 알고리즘 (tistory.com) HTML과 기본 구조HTML이란? Hypertext Markup Lanaguage의 줄임말로 웹 컨텐츠의 의미와 구조를 정의할 때 사용한다. 여기서 Hypertext는 HTML: Hypertext Markup Language | MDN (mozilla.org) 와 같이 웹페이지를 다른 페이지로 연결하choni.tistory.com HTML 요소 :: 껀's 알고리즘 (tistory.com) HTML 요소HTML 요소( Element ) 요소는 웹페이지를 구성하며, 데이터 항목, 텍스트 묶음, 이미지 등을 담을 수 있다. HTML 요소의 주요 부분은 다음과 같다.1. 여는 태그 : 요소의 이름으로 구성되며,..