HTML 4

본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 3일차_개인 소개 페이지 제작

오늘은 팀 프로젝트 개인 소개 페이지 제작을 진행했다.우선 내가 담당한 역할 중 팀소개 메인 페이지의 기본틀을 제작해 보니, 이후 개인 페이지는 조금 더 수월하게 진행할 수 있었다.그렇지만 개인 페이지 제작 중에 막힌 부분이 있었는데 다행히도 팀원의 도움으로 해결되었다.다음에도 사용하기 위해 정리해 보겠다.  토글 설정 시 기본적으로 열려있는 것을 닫고 열고 한다.나는 기본 세팅부터 닫혀 있는 화면에 onclick 했을 때 열고 닫히도록 하고 싶었다.그래서 알아낸 방법은 CSS의 값을 지정해 주듯이 해당 id(class)를 display: none으로 설정하면 된다.head> style>   #allcard {   display: none;   } style> script>   function openc..

개발/부트캠프 2024.12.26

본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 2일차_팀 소개 메인 페이지 제작

1.알고리즘 코드카타 : 아직... 나에게는 어려운 영역이다ㅠㅠ JAVA 기초 강의 수강 후에 도전하겠다!2.웹개발 종합반 강의 1~2주차 복습 : HTML, CSS, JS3.팀 프로젝트 진행 : 메인페이지 HTML, CSS, JS 뼈대 제작 배경에 넣은 이미지가 2~3개씩 중복되어 나타났다. 이럴 경우 background-repeat: no-repeat; 으로 사진이 1장만 뜨도록 했다.head>  style>    .intro {     font-family: "Black Han Sans", serif;     background-image: url("https://spartacodingclub.kr/css/images/scc-og.jpg");     background-position: right;..

개발/부트캠프 2024.12.24

사전캠프 : 숙제_HTML, CSS를 활용하여 화면 만들기

doctype html>html lang="en">head> meta charset="utf-8"> meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> title>푸드파이터title> link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> script src="https://cdn.jsde..

개발/부트캠프 2024.12.17

사전캠프 : 웹개발 종합반 1

1.HTML: 웹 뼈대 - 누가 누구 안에 있느냐가 중요!        구역    문단    순서가 지정되지 않는 항목(items)의 목록(list)를 나타내는 태그         bullet point! 글머리 기호1          bullet point! 글머리 기호2             제목    소제목     h3~h6도 각자의 역할이 있죠. 비중은 작지만..     문단 수준 요소 사이의 주제를 구분하며 가로 구분선 표시    글자 텍스트 스타일        http://naver.com/"> 하이퍼링크         https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png"/>        입력칸..

개발/부트캠프 2024.12.10