탐색
가이드
@hyedal95
전체 보기
프로젝트
포스트
팔로잉
스크랩
전체 보기
프로젝트
포스트
팔로잉
스크랩
프로젝트 히스토리
프로젝트 상세 페이지
타임라인
리스트
2022.02.15
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 9일차 과제
✅ 퀴즈 문제 : 미니홈피 홈화면 레이아웃 완성하기 html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>해달 미니홈피</title> <link rel="stylesheet" href="./static/font.css" > <link rel="stylesheet" href="./static/home.css" > <link rel="stylesheet" href="./static/layout.css"> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); </style> </head> <body> <div class="bookcover"> <div class="bookdot"> <div class="page"> <div class="left-container"> <div class="left-title">TODAY <span class="num">95</span> | TOTAL220217</div> <div class="left-box"> <div class="profile"> <img src="./static/Screenshot 2022-02-15 at 22.25.11.jpg"> <p> "나 살쪘어"<br> "...."<br> "...."<br> "언제 빼지..."<br> <span class="line">"난 해달이야"</span><br><br> -보노보노 이미지 첨부- </p> </div> <div class="dropdown"> <select name="surfing" class="surfing"> <option value="none" selected disabled hidden>파도타기</option> <option value="코뮤니티로 가기">코뮤니티로 가기</option> <option value="인스타그램으로 가기">인스타그램으로 가기</option> </select> </div> </div> </div> <div class="middle-container"> <div class="middle-title"> <div class="middle-title-name">해달 미니홈피</div> <div class="middle-title-url"><a href ="https://www.instagram.com/hyerim950905/">https://www.instagram.com/hyerim950905/</a></div> </div> <div class="middle-box"> <div class="news"> <div class="news-title"> Updated news </div> <div class="news-box"> <div class="news-left"> <div class="news-left-1"> <div class="icon-pic">사진첩</div> <div class="news-left-1-title">이직하고 싶어!</div> </div> <div class="news-left-2"> <div class="icon-notice">게시판</div> <div class="news-left-2-title">언니 노트북 사주고파</div> </div> <div class="news-left-3"> <div class="icon-notice">게시판</div> <div class="news-left-3-title">웹코딩 정복하자</div> </div> <div class="news-left-4"> <div class="icon-pic">사진첩</div> <div class="news-left-4-title">닭발 치즈 파스타 들어보았는가?</div> </div> </div> <div class="news-right"> <div class="news-right-1"> <div class="news-right-1-diary">다이어리<span class="date"> 0/18</span></div> <div class="news-right-1-pic">사진첩<span> 2/18</span></div> </div> <div class="news-right-2"> <div class="news-right-2-board">게시판<span> 2/18</span></div> <div class="news-right-2-visit">방명록<span> 0/18</span></div> </div> </div> </div> </div> <div class="room"> <div class="room-title"> Miniroom </div> <div class="room-box"> <div class="room-img"> <img src="./static/quiz-6.gif" style="width:250px; height:250px;" alt="룰루"> </div> </div> </div> </div> </div> <div class="right-container"> <div class="right-menu"> <div onclick="location.href='#';" style="cursor:pointer;" class="right-home">홈</div> <div onclick="location.href='#';" style="cursor:pointer;" class="right-diary">다이어리</div> <div onclick="location.href='#';" style="cursor:pointer;" class="right-pic">사진첩</div> <div onclick="location.href='#';" style="cursor:pointer;" class="right-visit">방명록</div> </div> </div> </div> </div> </div> </body> </html> font.css @font-face { font-family: 'KyoboHand'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KOTRA_BOLD-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NeoDunggeunmo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff'); font-weight: normal; font-style: normal; } .left-title { font-size: 14px; font-family: 'NeoDunggeunmo'; } .left-box p { font-size: 18px; font-family: 'Middleschool_student'; } .surfing { font-size: 10px; font-family: 'Noto Sans KR', sans-serif; } .middle-title { font-size: 12px; font-family: 'Noto Sans KR', sans-serif; } .middle-title-name { font-weight: bold; } .news-title, .room-title { font-family: 'KOTRA_BOLD-Bold'; color: #3e7fa4; } .news-box { font-size: 12px; font-family: 'Noto Sans KR', sans-serif; } .news-right span { color: #223591; } .right-container div { font-size: 12px; font-family: 'NeoDunggeunmo'; color: white; } home.css .middle-box { background: white; border: 1px solid #cdcdcd; border-radius: 10px; width: 495px; height: 485px; } .news { margin: 20px 17px 17px; } .news-box { border-top: 1px solid #7f7f80; display: flex; } .news-left { flex: 1; } .news-left-1, .news-left-2, .news-left-3, .news-left-4 { display: flex; margin-top: 3px; } .icon-pic { color: white; background-color: #e5615b; border-radius: 3px; padding: 1px 2px; margin-right: 5px; } .icon-notice { color: white; background-color: #6174b6; border-radius: 3px; padding: 1px 2px; margin-right: 5px; } .room { margin: 17px; } .room-box { border-top: 1px solid #7f7f80; } .news-right { flex: 1; } .news-right-1,.news-right-2 { margin-top: 7px; display: flex; border-bottom: 1px dashed #7f7f80; } .news-right-1-diary, .news-right-1-pic, .news-right-2-board, .news-right-2-visit { flex: 1; } layout.css .body { background-color: #a4a3a3; background-image: url(./images/pattern.png); background-size: 10px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .bookcover { width: 865px; height: 595px; background:#b9d5df; border-radius: 5px; margin: 170px auto; position: relative; } .bookdot { width: 835px; height: 565px; border: 2px dashed white; border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .page { width: 820px; height: 545px; background: #efeeed; border-radius: 5px; box-sizing: border-box; padding: 14px; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } /*left*/ .left-container { display: flex; flex: 0.3; flex-direction: column; margin-right: 22px; } .num { color: red; } .left-title { text-align: center; padding: 7px 0; } .left-box { background: white; border: 1px solid #cdcdcd; border-radius: 10px; width: 195px; height: 485px; text-align: center; } .profile { text-align: center; margin: 20px; } .left-box img { width: 144px; } .left-box p { margin: 10px 4px 4px; } .line { color: red; } .dropdown { display: inline-block; margin: 70px 20px 20px; } .surfing { width: 130px; height: 30px; border: 1px solid #c8d3da; padding-left: 4px; } /*middle*/ .middle-container { display: flex; flex: 1; flex-direction: column; } .middle-title { display: flex; padding: 5px 0px; } .middle-title-name { font-weight: bold; flex: 1; } .middle-title-url { flex: 1; } .room-img { text-align: center; margin: 20px; } .room-img img { width: 360px; } /* right*/ .right-container { display: flex; flex: 0.15; flex-direction: column; } .right-menu { position: relative; top: 50px; } .right-menu div { background: #3a81a3; margin: 10px 0; padding: 5px; border: 1px solid #5c77b6; border-radius: 0 5px 5px 0; } .right-menu div:hover { background: #5c77b6; }
2022.02.15
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 8일차 과제
📌 CSS 파일 분리하기
2022.02.15
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 7일차
✅ 오늘의 문제 : 미니홈피 홈화면 레이아웃 만들기 결과물: html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>2021 MINI HOMEPAGE</title> <link rel="stylesheet" href="style.css" /> <style> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap'); </style> </head> <body> <div class="bookcover"> <div class="bookdot"> <div class="page"> <div class="colume1"> <div class="row1">TODAY <span>28</span> | TOTAL 950905</div> <div class="row2 box"> <div class="image"><img src="profile.jpg" width=150px height=150px></div> <div class="detail">안녕!!난 벌써 결석을 4번이나 한 해달이야 ㅠㅠ 이번에 수료할 수 있을까 ㅎㅎ</div> <div class="name">해달</div> </div> </div> <div class="colume2"> <div class="row3"> <div class="colume3">해달홈피</div> <div class="colume4">https://url주소/나중에입력</div> </div> <div class="row4 box"> <div class="update"> <div class="UpdateTitle">Updated news<hr class="line1"></div> <div class="contents"> <div class="contents_left"> <div class="content"><span class="photos">사진첩</span> 해달은 토끼꺼</div> <div class="content"><span class="board">게시판</span> 어렵다어려워</div> <div class="content"><span class="board">게시판</span> 오늘 7일차</div> <div class="content"><span class="photos">사진첩</span> 오늘 눈 내렸다</div> </div> <div class="contents_right"> <div class="table1"> <div class="table1_1">다이어리 <span class="num">0/25</span></div> <div class="table1_2">사진첩 <span class="num">2/25</span></div> </div> <hr class="line2"> <div class="table2"> <div class="table2_1">게시판 <span class="num">2/25</span></div> <div class="table2_2">방명록 <span class="num">0/25</span></div> </div> <hr class="line2"> </div> </div> </div> <div class="miniroom"> <div class="miniroomTitle">Miniroom<hr class="line1"></div> </div> </div> </div> <div class="colume5"></div> </div> </div> </div> </body> </html> css @font-face { font-family: 'KyoboHand'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/KyoboHand.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KOTRA_BOLD-Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.1/KOTRA_BOLD-Bold.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'NeoDunggeunmo'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.3/NeoDunggeunmo.woff') format('woff'); font-weight: normal; font-style: normal; } body { background-color: #a3a3a3; background-image: url("../static/images/pattern.png"); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } .bookcover { background-color: #b4d1da; border-radius: 9px; border: 1px solid #738186; width: 960px; height: 660px; margin: 100px auto; position: relative; } .bookdot{ border-radius: 9px; border: dashed white; position: absolute; width: 940px; height: 640px; top: 10px; left: 10px; } .page{ background-color: rgb(236, 236, 236); border-radius: 9px; position: absolute; width: 896px; height: 596px; top: 7px; left: 7px; display: flex; padding: 15px; } .colume1{ flex: 0.2; display: flex; flex-direction: column; } .row1{ flex: 0.02; padding-top: 8px; text-align: center; font-size: 15px; font-family: 'NeoDunggeunmo'; } .row1 span:nth-child(1){ color: red; } .row2{ flex: 1; display: flex; flex-direction: column; padding: 25px; } .image{ flex: 0.6; } .detail{ flex: 1; font-family: 'KyoboHand'; font-size: 15px; } .name{ flex: 0.05; font-family: 'KyoboHand'; font-size: 20px; } .colume2{ flex: 1; display: flex; flex-direction: column; padding-left: 20px; } .row3{ flex: 0.02; display: flex; } .colume3{ flex: 1; font-size: 16px; font-family: 'KyoboHand'; } .colume4{ flex: 1; font-size: 13px; text-align: right; font-size: 12px; font-family: 'Noto Sans KR', sans-serif; } .row4{ flex: 1; display: flex; flex-direction: column; padding: 13px; } .update{ flex: 0.5; display: flex; flex-direction: column; } .UpdateTitle{ flex: 0.25; font-family: 'KOTRA_BOLD-Bold'; padding-top: 7px; color: rgb(41, 130, 189); } .line1{ margin-block-start: 0.2em; margin-block-end: 0.2em; } .contents{ flex: 1; display: flex; flex-direction: row; } .contents_left{ flex: 1; display: flex; flex-direction: column; } .content{ font-family: 'Noto Sans KR', sans-serif; font-size: 14px; } .photos{ display: inline-block; background-color: rgb(255, 77, 53); color: white; padding: 0px 7px; margin: 2px 0px; border-radius: 3px; } .board{ display: inline-block; background-color: rgb(81, 84, 255); color: white; padding: 0px 7px; margin: 2px 0px; border-radius: 3px; } .contents_right{ flex: 1; font-family: 'Noto Sans KR', sans-serif; font-size: 14px; } .table1{ display: flex; flex-direction: row; } .table1_1{ flex: 1; } .table1_2{ flex: 1; } .table2{ display: flex; flex-direction: row; } .table2_1{ flex: 1; } .table2_2{ flex: 1; } .num{ font-family: 'NeoDunggeunmo'; color: rgb(62, 62, 255); } .line2{ margin-block-start: 0.2em; margin-block-end: 0.2em; border-top: dashed 1px; } .miniroom{ flex: 1; } .miniroomTitle{ font-family: 'KOTRA_BOLD-Bold'; padding-top: 7px; color: rgb(41, 130, 189); } .colume5{ flex: 0.12; border: 1px solid rgb(85, 85, 85); } .box{ border: 1px solid rgb(151, 151, 151); background-color: white; border-radius: 9px; }
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 6일차 과제
✅ 오늘의 문제 : 미니홈피 홈화면 레이아웃 만들기 html <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>2021 MINI HOMEPAGE</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="bookcover"> <div class="bookdot"> <div class="page"> <div class="colume1"> <div class="row1">TODAY <span>28</span> | TOTAL 234918</div> <div class="row2 box"></div> </div> <div class="colume2"> <div class="row3"> <div class="colume3">해달홈피</div> <div class="colume4">https://url주소/나중에입력</div> </div> <div class="row4 box"></div> </div> <div class="colume5"></div> </div> </div> </div> </body> </html> css body { background-color: #a3a3a3; background-image: url("../static/pattern.png"); background-size: 100px; position: fixed; left: 0; top: 0; right: 0; bottom: 0; } .bookcover { background-color: #b4d1da; border-radius: 9px; border: 1px solid #738186; width: 960px; height: 660px; margin: 100px auto; position: relative; } .bookdot{ border-radius: 9px; border: dashed white; position: absolute; width: 940px; height: 640px; top: 10px; left: 10px; } .page{ background-color: rgb(236, 236, 236); border-radius: 9px; position: absolute; width: 896px; height: 596px; top: 7px; left: 7px; display: flex; padding: 15px; } .colume1{ flex: 0.35; display: flex; flex-direction: column; } .row1{ flex: 0.05; text-align: center; font-size: 13px; } .row1 span:nth-child(1){ color: red; } .row2{ flex: 1; } .colume2{ flex: 1; display: flex; flex-direction: column; padding-left: 20px; } .row3{ flex: 0.05; display: flex; } .colume3{ flex: 1; font-size: 13px; } .colume4{ flex: 1; font-size: 13px; } .row4{ flex: 1; } .colume5{ flex: 0.12; border: 1px solid rgb(85, 85, 85); } .box{ border: 1px solid rgb(151, 151, 151); background-color: white; border-radius: 9px; }
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 5일차 과제
✅ 오늘의 문제 : 미니홈피 기본 레이아웃 만들기 HTML <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8" /> <title>2021 MINI HOMEPAGE</title> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="bookcover"> <div class="bookdot"> <div class="page"></div> </div> </div> </body> </html> CSS body { background-color: #a3a3a3; /** body에 배경이미지 적용 */ background-image: url("./static/pattern.png"); /** 고정된 사이즈로 설정 */ background-size: 100px; /** 기본 body 사이즈를 화면 크기로 고정 */ position: fixed; left: 0; top: 0; right: 0; bottom: 0; } .bookcover { /** 배경 색깔 지정 */ background-color: #b4d1da; width : 960px; height : 660px; top : 10%; margin : auto auto; position : relative; border-radius: 10px; } .bookdot { position: absolute; width: 925px; height: 630px; top: 2%; left: 1%; border-style: dotted; border-color: white; border-radius: 10px; } .page { background-color: white; width: 900px; height: 610px; position: absolute; top: 2%; left: 1%; border-radius: 15px; }
2022.02.12
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 4일차
✅ 오늘의 문제 : HTML, CSS 개념 복습하기! 감을 잃었다... 코드를 빌려서 다시 하나하나 꾸며보았습니다. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>해달홈페이지</title> <link rel="stylesheet" href="4day.css"/> </head> <body> <h1> 해달 홈페이지</h1> <div class="main"> <span class="best">포트폴리오</span> <hr> <div class="boxbox"> <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-07 223657.jpg" ><br> </div> <div class="boxbox"> <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-12 182212.jpg" ><br> </div> <div class="boxbox"> <img src="C:\Users\cell1\Desktop\HTML심화\화면 캡처 2022-02-12 182249.jpg" ><br> </div> </div> <div class="top"> <h1 class="title">해달홈페이지</h1> <div class="menu"> <span class="item">일기장</span> <span class="item"><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a></span> <span class="item"><a href="https://codemate.kr/@hyedal95">코드메이트 </a></span> <span class="item">인스타그램</span> <span class="item">티스토리</span> </div> <form class="search" action="https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&" method="GET"> <input name="query" type="text"> <button type="button" class="btn btn-success">🔎</button> </form> </div> </body> </html> h1 {color: aquamarine; padding: auto; margin: auto; } @font-face { font-family: 'RixYeoljeongdo_Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'IBMPlexSansKR-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HSSaemaul-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/HSSaemaul-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } .top{ position: fixed; width: 100%; top: 0px; background-color: white; } .title{ text-align: center; font-family: 'RixYeoljeongdo_Regular'; font-size: 50px; font-weight: lighter; margin: 40px; } .join{ font-family: 'IBMPlexSansKR-Regular'; position: absolute; top: 10px; right: 20px; } .login{ font-family: 'IBMPlexSansKR-Regular'; position: absolute; top: 10px; right: 100px; } .menu{ background-color: rgb(197, 208, 255); height: 50px; line-height: 50px; white-space: nowrap; } .search{ position: absolute; top: 150px; right: 10px; } .main{ position: relative; top: 220px; margin: 0px 50px; } .best{ font-family: 'HSSaemaul-Regular'; font-size: 30px; } .box{ margin: 20px; padding: 10px 25px 10px 25px; display: inline-block:center; text-align: center; font-family: 'IBMPlexSansKR-Regular'; } .boxbox [ width=100%; height=100%; ]
2022.02.08
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 3일차 과제
결과물 html코드 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="2day.css"> <title>2일차</title> </head> <body> <h1>코뮤니티</h1> <hr> <div class="box1"> <h4>목차</h4> <ol> <li>개요</li> <li>종류</li> </ol> </div> <h2>1. 개요</h2> <hr> <p><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a>란, 코딩을 좀 더 알기 쉽게 접하고 함께 풀어나가는 코딩의 신이 만든 카페 이름이다. </p> <p> 코뮤니티에서는 '모각코'라는 프로그램을 매달 진행하고 있는데, 최근 <a href ="https://codemate.kr/">코드메이트</a>라는 사이트도 만들어주셔서,</p> <p> 함께 모여서 각자 코딩하며 포트폴리오를 자유롭게 올릴 수 있도록 만들어 놓은 사이트이다.</p> <p> 모각코 프로그램에는 다양한 언어들을 배울 수 있는데 아래 종류에서 확인해볼 수 있다.</p> <h2>2. 종류</h2> <hr> <div class="box2"> <ul> <li>파이썬〈기초편〉</li> <li>파이썬〈크롤링 편〉</li> <li>파이썬〈챗봇만들기 편〉</li> <li>파이썬문제은행〈초/중급〉</li> <li>C언어〈기초편〉</li> <li>C언어〈심화편〉</li> <li>C언어문제은행〈초/중급〉</li> <li>자바〈기초편〉</li> <li>웹〈HTML/CSS 기초편〉〉</li> <li>웹〈HTML/CSS 심화편〉</li> <li>웹〈자바스크립트 편〉</li> <li>웹〈리액트 편〉</li> <li>앱〈코틀린 기초편〉</li> <li>UI/UX〈피그마 편〉</li> </ul> </div> </p> </div> </body> </html> css코드 h2 {direction: ltr; color: rgb(226, 93, 93); margin: 0; border-bottom: 1px solid #a2a9b1; font-weight: normal; margin-bottom: 0.25em; padding: 0; line-height: 1.3; font-size: 1.8em; overflow: visible; font-family: sans-serif; } .box1 { font-family: 'Gugi', cursive; font-family: 'Single Day', cursive; } .box2 { font-family: 'Single Day', cursive; }
2022.02.07
@jeonghu1010님이
웹 심화 2일차
포스트에 댓글을 남겼습니다.
2022.02.07
@jeonghu1010님이
웹 심화 2일차
포스트를 좋아합니다.
2022.02.07
@hyedal95님이 포스트를 업데이트했습니다.
포스트
웹 심화 2일차
2022.02.07
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화 2일차
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="2day.css"> <title>2일차</title> </head> <body> <h1>코뮤니티</h1> <hr> <div class="box1"> <h4>목차</h4> <ol> <li>개요</li> <li>종류</li> </ol> </div> <h2>1. 개요</h2> <hr> <p><a href="https://cafe.naver.com/codeuniv/60359">코뮤니티</a>란, 코딩을 좀 더 알기 쉽게 접하고 함께 풀어나가는 코딩의 신이 만든 카페 이름이다. </p> <p> 코뮤니티에서는 '모각코'라는 프로그램을 매달 진행하고 있는데, 최근 <a href ="https://codemate.kr/">코드메이트</a>라는 사이트도 만들어주셔서,</p> <p> 함께 모여서 각자 코딩하며 포트폴리오를 자유롭게 올릴 수 있도록 만들어 놓은 사이트이다.</p> <p> 모각코 프로그램에는 다양한 언어들을 배울 수 있는데 아래 종류에서 확인해볼 수 있다.</p> <h2>2. 종류</h2> <hr> <div class="box2"> <ul> <li>파이썬〈기초편〉</li> <li>파이썬〈크롤링 편〉</li> <li>파이썬〈챗봇만들기 편〉</li> <li>파이썬문제은행〈초/중급〉</li> <li>C언어〈기초편〉</li> <li>C언어〈심화편〉</li> <li>C언어문제은행〈초/중급〉</li> <li>자바〈기초편〉</li> <li>웹〈HTML/CSS 기초편〉〉</li> <li>웹〈HTML/CSS 심화편〉</li> <li>웹〈자바스크립트 편〉</li> <li>웹〈리액트 편〉</li> <li>앱〈코틀린 기초편〉</li> <li>UI/UX〈피그마 편〉</li> </ul> </div> </p> </div> </body> </html>
2022.02.04
@hyedal95님이 포스트를 업데이트했습니다.
포스트
웹 심화편 1DAY
2022.02.04
@hyedal95님이 새 포스트를 작성했습니다.
웹 심화편 1DAY
✅ 오늘의 문제 : 나의 첫 HTML 파일 만들기 결과물 HTML코드 <!DOCTYPE html> <html> <meta charset="UTF-8"> <title>웹 심화 1일차</title> <body> <h1>제목h1</h1> <h2>제목h2</h2> <h3>제목h3</h3> <h4>제목h4</h4> <h5>제목h5</h5> <h6>제목h6</h6> <p>단락</p> <p> 링크 바로가기 </p> <a href="https://www.w3schools.com"> 세계 최대의 웹 개발자 사이트 </a> <p> 'W3Schools.com' 의 로고 이미지입니다.</p> <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"> <p>이것은 버튼입니다^^</p> <button>버튼</button> <h2>2022년 목표 자격증 -ul단락 사용(기호)</h2> <ul> <li>네트워크관리사2급</li> <li>정보처리산업기사</li> <li>웹디자인기능사</li> <li>데이터준전문가자격증</li> </ul> <h2>2022년 월별 모각코 계획- ol단락 사용(숫자)</h2> <ol> <li>1월 웹<HTML/CSS 기초 편></li> <li>2월 웹<HTML/CSS 심화 편></li> <li>3월 웹<자바스크립트 편></li> <li>4월 웹<리액트 편></li> <li>5월 파이썬<기초편></li> <li>6월 파이썬<크롤링 편></li> <li>7월 파이썬<챗봇만들기 편></li> <li>8월 파이썬문제은행<초/중급></li> <li>9월 UI/UX<피그마 편> </li> <li>10월 C언어<기초편></li> <li>11월 C언어<심화편></li> <li>12월 C언어문제은행<초/중급></li> </ol> </body> </html>