1. CSS 1) Semantic & Non-semantic CSS 스타일에서 element 요소 중에서는 자체적으로 의미를 가지는 semantic elements와 아무런 의미를 내포하지 않고 id() 또는 class(.)에서 해당 요소의 이름을 부여한다. - non-semantic elements: div and span - semanti...

잠시 살펴보는 둘둘의 1주차 타임라인 in WECODE 1일차 : html/css 그리고 js 문제 2일차 : js 3일차 : DOM&event 과제 끝 + 미니터 html 틀짜기 4일차 : 미니터 css 수정(flex!!!) + 이벤트로 고뇌에 빠지기 5-6일차 : DOM구조 및 미니터에 이벤트 넣기 이 순서대로 한지 모르겠어요.. 시간이 넘나 빠르고...

브라우저는 2차원 좌표시스템을 따르고 있고, DOM에서 지원하는 Canvas 객체를 이용해 점, 선, 도형, 텍스트, 이미지 등을 조작할 수 있다. 좌표 시스템 coordinate space 좌표 시스템 원점은 좌측상단인 (0, 0) 좌표이고, 모든 요소(도형)는 원점을 기준으로 위치하게 된다. Context란 무엇인가 Conte...

CSS3는 2011년 6월 7일 최초 Color 모듈이 발행된 이후로 꾸준히 업데이트 되고있는 최신 CSS 기능이다. 현재도 꾸준히 업데이트가 되고 있으며, CSS3의 등장으로 인해 기존에 사용되던 Bootstrap과 같은 CSS 라이브러리는 J-Query와 함께 레거시가 되었다. 레거시- 신규 기술 등장으로 인해 기존 기술이 도태되는 현상. 그 중에서,...

새로운 부트캠프에서 새로운 과정을 시작하였으니, 새롭게 시작한다는 마음으로 velog를 시작하게 되었다. 사족은 이쯤에서 끝내도록 하고, 어제 배운 HTML과 CSS중, 새롭게 알게된 부분에 대해 정리 해 보고자 한다. + Indentation & Non-breaking Space(&nbsp or &160) + Non-breaking Space - 줄...

Form 태그에서 Submit 처리하는 방법은 세 가지 존재한다. 1. form 태그 onSubmit 속성에서 함수 호출, 반환값(false, true) 따라 요청여부가 결정 -요청 전, 폼 유효성 검사위해 유용 - 이벤트 순서 : first = second = form 태그 onSubmit 참고 - https://www.w3sc...

HTML에서 알지 못했던 부분에 대해 정리하는 글이다

여러가지 태그가 있고, 해당 태그에 해당하는 속성(attribute)가 있다. 이처럼, 여러 개를 부여할 때는 별명 사이에 공백을 주면 된다.

첫 날 다루었던 HTML에 대해 간단히 정리해 보려 한다. HTML HTML이란 웹브라우저에서 표현되는 모든 문서라고 할 수 있다. html에서는 우리가 흔히 보는 글자, 사진, 링크 등을 표현할 때 태그(tag)를 사용한다. html 파일의 구조는 간단히 보면 다음과 같다. : 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미. 모바...

루트 섹션(Root Section) 요소 body - 문서에서 단 1번만 사용 가능 섹션(Sections) 요소들 섹션 요소는 일반적인 컨테이너 요소가 아니며, 문서 개요에 명시적으로 나열되는 경우에만 섹션 요소가 적합하다는 규칙이 있다.일반적인 컨테이너 요소로는 div, span 등이 있다. article - 문서, 페이지...

실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 ...