문미새 개발일지

HTML과 XHTML의 차이점https://moonmisae-cdpt.tistory.com/274 HTML과 XHTML의 차이점HTML(HyperText Markup Language)과 XHTML(eXtensible HyperText Markup Language)은 웹 페이지를 만들기 위해 사용되는 마크업 언어이다. 1. 문법 및 구조HTML:HTML은 비교적 유연한 문법을 가지고 있다.태그와 속성의moonmisae-cdpt.tistory.com Promise와 async/await의 차이점https://moonmisae-cdpt.tistory.com/275 Promise와 async/await의 차이점JavaScript에서 Promise와 async/await는 비동기 처리를 관리하는 방식이다.두 방식..

HTML(HyperText Markup Language)과 XHTML(eXtensible HyperText Markup Language)은 웹 페이지를 만들기 위해 사용되는 마크업 언어이다. 1. 문법 및 구조HTML:HTML은 비교적 유연한 문법을 가지고 있다.태그와 속성의 대소문자 구분이 없다.예: 와 는 동일하게 인식이나 같은 태그는 태그가 닫히지 않아도 사용할 수 있다.속성 값은 꼭 따옴표로 묶지 않아도 된다.예: XHTML:XHTML은 XML 기반이므로 엄격한 문법을 따른다.태그와 속성의 대소문자를 구분한다.예: 와 는 다르게 인식 .이나 같은 태그도 동일하게 태그가 닫혀야 한다.모든 속성 값은 반드시 따옴표로 묶여야 한다.예: . 2. 호환성 및 확장성HTML:브라우저가 잘못된 HTML도 ..

저번글에서 전체적인 홈페이지의 div구조와 이벤트 구상을 하였습니다 구상한 이미지를 보며 조원들과 홈페이지 제작을 완료했습니다 구상한 이미지에서 애매하거나 좀 부족한 부분은 빼고 구현했습니다. 원래 개인페이지도 각자 맡아 링크를 붙이려 했었는데 프로젝트 기간이 생각보다 짧은관계로 메인홈페이지에 다 쏟아부었습니다.. 구현한 이벤트의 이미지입니다 프로젝트 시간만 넉넉하게 잡았으면 마음같아서는 부족한 이벤트랑 개인페이지까지 같이 구현을 하고싶었는데 다음에 배우는 리액트가 제일 중요한 파트여서 js를 이용한 2차 홈페이지는 여기까지 만들기로 했습니다 다음은 리액트에 대한 공부와 프로젝트에 대해 작성하겠습니다

배운 html로 첫 과제인 홈페이지 하나를 따라해봤습니다 시간이 좀 지났는데 이제 올리게 되었네요 모티브 홈페이지는 원광대학교 홈페이지입니다 보시는 사진이 메인 홈페이지입니다 이걸 만들 당시에는 웬만한건 다 이미지로 만드는줄 알고 캡처로 다 저장해와서 붙였었는데 지금보니까 전혀 이상한 방식으로 만들어 부끄럽네요 제 코드입니다 언어선택 웹정보서비스 | WAFFLE | WKU PeopleHUB | 중앙도서관 | 총장동정 | Language | 원광소개 | 입학안내 | 대학/대학원 | 산학/취.창업 | 대학생활 | 원광소식 | 발전기금 원광포커스 2022학년도2학기 원광대 학교 교수초빙 인터넷접수 : 5.13.(금)~5.17.(화) [기간재연장-입학사정관] 원광대학교 신입직... 2022학년도 하계 계절학 기..

넷째 날은 홈페이지의 디자인을 꾸밀 수 있는 CSS에 대해 공부했습니다 그전에 HTML의 태그 하나를 알아보겠습니다. 시맨틱 웹 태그란? - 전 세계에 만들어져 있는 수많은 웹 문서 갯수가 늘어나면서 정확하고 가치있는 정보탐색을 위해 요구하는 사람들이 점점 늘어나기 시작하며, - 웹 세상에서 방대하게 퍼져있는 웹 문서를 보다 쉽고 정확하게 구분하고 조합하기 위한 시맨틱 웹 태그를 사용하게 되었다. (1) 웹 접근성 - 장애를 가진 사람과 장애를 가진 사람 모두가 웹 사이트를 이용할 수 있게 하는 방식을 가리키는 것 (2) 검색 엔진 - 검색엔진의 자체 알고리즘이 키워드를 추출하는데, 이 때 해당 알고리즘이 시맨틱 태그를 읽어 더욱 정확한 내용을 전달해 검색엔진 상위문서..

저번 일차에 이어서 HTML 남은 태그에 대해 알아보겠습니다. Table 태그란? 표를 만들어주는 HTML태그이며 굉장히 많이 사용하는 태그입니다. 표 뿐만 아니라 사진 갤러리나 레이아웃 공간을 배치할 때도 사용가능하여 다양한 응용이 가능합니다. table : 테이블을 만드는 태그 th : 테이블의 헤더부분을 만드는 태그 tr : 테이블의 행을 만드는 태그 td : 테이블의 열을 만드는 태그 테이블 content1 content1 content1 content1 content1 content1 content1 content1 content1 content1 content1 content1 content1 content1 보면 테이블 태그에 다른 태그들이..

첫 기초인 HTML 시작입니다 HTML은 메모장이나 코딩 프로그램으로 코드를 실행시켜 인터넷 홈페이지에서 적용이 되는지 확인할 수 있습니다 HTML파일의 확장명은 .html( 예시) 메모장의 확장명은 .txt, 사진의 확장명은 .jpg) head에 들어갈 글은 화면 맨위에 보이는 창 이름, 웹페이지 정보, 검색엔진에 노출될 정보입니다 body는 화면에 들어갈 내용입니다 모든 글과 사진 등은 전부 body안에서 작성해 표출하는거죠 ★div: 빈 박스, 하나의 구역 - 한 문단을 의미합니다. 예를 들어 네이버 중앙의 광고배너는 div태그로 한 문단을 만든 것입니다. p : 한 줄단위이며, 위 아래 공간이 생깁니다 span : [단어] [단위] 구역 지정, 특정 ..