# html

1117개의 포스트
post-thumbnail

codepen 에서 HTML ,CSS, JavaScript를 이용하여 사이트 만들기.

기본적인 element로 사이트 구조를 만들어 HTML Element에 관한 사이트 구성.마우스로 원하는 element를 클릭 할 경우 alert로 해당 태그에 대한 알람창이 활성화 된다.element종류에 음영처리 된 element를 클릭 할 경우 해당 element

22분 전
·
0개의 댓글

커스텀 데이터 속성 (Custom Data Attribute)

HTML 태그는 태그의 선언과 속성들로 구성됩니다. 기존의 HTML은 하나의 태그에 정해진 속성을 가집니다. ex) id, class, name, style, title ...이러한 속성들은 모든 태그에 사용할 수 있습니다.커스텀속성또한 글로벌속성이다.이름은 "dat

약 3시간 전
·
0개의 댓글
post-thumbnail

Front-end 공부를 시작해보자!

프론트엔드의 가장 기본! HTML과 CSS, JS에 관해 간단하게 알아보고, 프론트엔드개발을 살짝 맛보자!

약 4시간 전
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 코드 리뷰(Part.2 Main-Page)

Github : https://github.com/shinsewon/instagram/tree/master/sewonshinhtml,css,javascript 소스 코드앞서 로그인 페이지를 만들었을때 자신감이 와르르 부셔져 내리는 느낌이었다.html,css,j

약 8시간 전
·
0개의 댓글
post-thumbnail

인스타그램 클론 코딩 코드 리뷰(Part.1 Login-Page)

HTML,CSS,Javascript를 공부하고 처음으로 클론 코딩이란걸 해보았다.클론 코딩 대상은 '인스타그램' 주제는 로그인,메인 홈페이지이다.작업 기간은 대략 일주일 작업 포커스는 다음과 같이 설정하였다.HTML,CSS를 활용하여 최대한 똑같이 클론한다.javasc

약 13시간 전
·
0개의 댓글
post-thumbnail

꼭 기억해야할 css form 몇 가지

코드스테이츠에는 Office hour 시간이 있는데, 이 시간은 동기들이 Zoom에서 모두 모여 이번 과정에 대한 설명을 듣고 질문을 나누는 시간이다. 이번 주제는 html 과 css 에 대한 부분이었기에 관련 설명을 듣고 여러 질문들을 나누었다. 그 과정에서 담당

2일 전
·
0개의 댓글
post-thumbnail

(TIL) HTML 과 CSS가 만만하냐!

10.29 드디어 웹페이지를 다뤄보다!...자바스크립트 공부를 시작한지 이제 4일째가 되면서(1,2일째는 블로그는 못 썼....)드디어 웹페이지를 다뤄보았다.. (내가 만든 코드들이 웹페이지에 나오는 그 감격...)사실 자바스크립트를 다루면서 로직공부를 하다보니 HTM

2일 전
·
0개의 댓글
post-thumbnail

html block , inline element 종류 및 특징

가로폭 전체의 넓이를 가지는 직사각형 형태블록요소는 vertical-align이 적용되지 않는다.블록요소는 text-align이 적용되지 않는다.address, article, aside, audio, blockquote, canvas, dd, div, dl, fiel

2일 전
·
0개의 댓글

HTML-201029 학습기(2)

<자주 사용하는 HTML 요소>1\. div와 span의 차이1) div 태그는 한 줄을 차지한다.2) span 태그는 컨텐츠 크기만큼 공간을 차지한다.img : 이미지 삽입a : 링크 삽입※ 새 탭으로 열기 하고싶으면 주소 다음에 target="\_blank"e

2일 전
·
0개의 댓글

HTML-201029 학습기(1)

▷ HTML 사용법1) HTML은 tag들의 집합※ tag : 부등호(< >)로 묶인 HTML의 기본 구성 요소2) html 확장자 사용▷ HTML의 기본 구조1) HTML 문서 시작2) SELF - CLOSING TAG태그 내부에 내용이 없다면, (< ta

2일 전
·
0개의 댓글
post-thumbnail

[Web Design] The Killer Website Project 학습내용정리 7

[The Killer Website Project] Section 5. The Killer Website Project 학습내용정리 #51 - 52 Building the sign-up section

2일 전
·
0개의 댓글

[ JS : 실습 : Making a To Do List (3) ]

Making a To Do List (3) JSON : ‘JavaScript Object Notation’이란 뜻 데이터를 전달할 때, 자바스크립트가 데이터를 다룰 수 있도록 object로 바꿔주는 기능인 셈. > "Local storage에는 JS의 data를 저

2일 전
·
0개의 댓글

[ JS : 실습 : Making a To Do List (2) ]

해야할 일을 생성할 때마다 ‘toDos’라는 array배열에 추가되도록 한다 임의의 array 배열이 있을 때. length를 쓰면 array배열의 길이를 알 수 있다. Local storage에도 todo를 저장해줘야 한다. JSON.stringify는 자바스크립트

2일 전
·
0개의 댓글

[ JS : 실습 : Making a To Do List (1) ]

<\*local storage>작은 정보를 나의 유저 컴퓨터(브라우저)에 저장하는 방법."localStorage.setitem(“Key”, Value)”브라우저의 Console 창에서 localStorage.setItem을 설정했을 때브라우저의 applicatio

2일 전
·
0개의 댓글
post-thumbnail

TIL 2020-10-29 (HTML)

HTML의 개념과 활용

2일 전
·
0개의 댓글
post-thumbnail

자주 사용하는 html tag들

기본적으로 html을 작성할 때 사용하는 tag 들은 굉장히 많지만 나머지 부분들은 필요한 시점에서 구글링을 통해 찾으면 되므로 강의중 나오는 부분들에 살을 붙여 정리해보았다.특히나 줄 바꿈의 경우 br 은 아무 의미 없이 한 줄을 띄는 것과 달리 p 는 사이의 것을

3일 전
·
0개의 댓글
post-thumbnail

html의 큰 틀

이번에는 html 에 대해서 다루었는데, html 은 여러 연산들을 생각하며 작성할 부분이 아니라 웹페이지의 구조 그 자체를 다루기에 전체적인 코드의 구조를 위주로 정리해보았다.복잡한 부분들을 제외하고 가장 기본적으로 html의 구조는 다음과 같이 이루어져 있다. 이제

3일 전
·
0개의 댓글

1주차 - 10/29 - 웹 개발 이해하기

Web Dev === Building a Dog HouseHTML -> Structure 구조CSS -> Presentation 스타일JS -> Interaction 상호작용

3일 전
·
0개의 댓글
post-thumbnail

TIL 01.MIND SET

무언가를 정확하게 알고 설명할 수 있나요?

3일 전
·
0개의 댓글

Warning: A component is changing an uncontrolled input of type checkbox to be controlled

react로 체크박스 컴포넌트를 개발 중 발생한 에러입니다.위에 코드에서는 input태그에 onChange이벤트를 통해서 value속성을state로 제어하고 있어 발생한 warning이었습니다.value값을 제거하면 해결이 됩니다.. 그러나 value값을 제거하면 ..

3일 전
·
0개의 댓글