웹개발 3

본캠프 : Chapter 1 온보딩 주차 - 미니 프로젝트 4일차_최종 점검

오늘은 웹개발 종합반 강의 3~5주차를 복습했다. 3주차  jQuery(1) postbox 열고 닫기버튼에 onclick="openclose()" 지정카드에 id="postingbox" 지정toggle을 이용해 카드 열고 닫기 (2) 데이터 넣고 카드 생성버튼에 onclick="makeCard()" 지정데이터 입력칸에 id="image" "title" "content" "date" 지정변수값 지정 let~let temp_html = `` 안에 붙일 카드 코드 입력붙여질 곳(id="card") 옆에 .append 입력head>   script>    function openclose() {    $('#postingbox').toggle();    }     function makeCard() {     ..

개발/부트캠프 2024.12.27

사전캠프 : 숙제_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