whatisthis?

Tweet-form / timeline / tweet / worldwide Trends / footer REFERECE https://developer.mozilla.org/ko/ LECTURE https://edu.goorm.io/learn/lecture/20583 4. Tweet-form 은 sectioning element가 아니고, 본문에 단 하나만 사용 가능함. What's happening? Tweet 태그로 사용. - 헤딩 필수 1. method ="POST" https://mywebproject.tistory.com/73 etc) HTTP - GET 방식 vs POST 방식 GET / POST HTTP 프로토콜을 이용해서 서버에 데이터(resource)를 전달할 때 사용하는 방식 html에..

Header / Nav / Main REFERECE https://developer.mozilla.org/ko/ LECTURE https://edu.goorm.io/learn/lecture/20583 Sectioning Element의 사용법 section article nav aside Section = 단원 이므로 주제, 즉 제목이 필요 반드시 heading태그 필요 (h1등) ___ - 구획 나누기 (논리적으로 관련된 집합체) - 최소한의 기능 / 의미를 갖는 단위로 쪼개기 HTML practice에서 진행했던 것 처럼, 최소한의 기능을 하는 단위로 나누기 전에 먼저 한 페이지를 만드는 것 이므로, 논리적인 단위로 먼져 나눠주자. 1. feed = 글을 작성하는 부분 2. navigator = 좌측..

전체적인 html 문서의 작성은 끝이 났다. 앞으로 수많은 수정을 거쳐 원하는 웹사이트를 제작해야한다. html + css 추가사항 개요 1. nav 부분을 우측으로 배치하기 (지난번 예제에서는 grid를 이용하였다. 그러나 좌측 정렬이였고, 이번엔 우측으로 해보자. 예전에는 table태그로 레이아웃을 많이 했다곤 하는데 지금은 float 나 grid, flex를 주로 이용하는 것 같다. 난 이번 프로젝트에서 두가지 방법 - flex와 grid 를 이용해보겠다.) 2. 체크박스 추가하기 우선 태그의 type속성중 checkbox를 이용하면 된다. 이참에 태그에 대해 자세하게 알아보자. 또한 각 값을 체크하고 submit 버튼(예를 든 것임.)을 눌렀을때 결과가 저장되도록 +) 이떄 버튼을 만드는 태그도 ..

Importance Of Planning AUGUST SEPTEMBER OCTOBER NOVEMBER DECEMBER 2021 AUGUST 08 MON TUE WED THU FRI SAT SUN 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 blank blank blank blank blank COUNT ___DAYS thisisyjin mywebproject.tistory.com 1차 작성한 코드. 1. h1태그에서 줄 띄기를 할때 태그를 이용했다. - 태그를 하는 순간 단락이 되고, 의미를 가진 덩어리가 되므로 여기서는 로 단순하게 한줄을 띄었다. 2. 이 프로젝트에서는 웹사이트의 기본적인 레이아웃..

첫번째 프로젝트. 월간 일정 (달력형) 웹사이트 인원 : 1명 (self) 필요 skill : HTML, CSS (+Valina JS) 나는 네이버블로그에 웹 공부 일정을 업로드하곤 하는데, 이를 대체할 웹사이트를 제작해보고 싶었다. 달력형태로 monthly plan을 보여주는 간결한 사이트를 만들어보도록 할 것이다. 단, 여태 배우지 않았던 html 태그와 css 속성을 최대한 활용하면서 학습을 목표로 한다. 1. 레이아웃 2. 요구사항, 필요 기능 1. 반응형 웹으로 만들 것. (width가 600이하가 되면 레이아웃이 달라지도록.) 2. 오른쪽 nav 부분을 추후에 추가할 수 있도록. (아마 php가 필요할수도) 3. html 태그로 달력 제작. 4. 달력 날짜마다 빈칸이 있어 메모할 수 있도록. ..