HTML 팁 줄 바꿈에는 태그가 있듯이 공백에는 를 입력하면 공백이 생겨납니다. HTML을 개발도구를 이용해서 정리할 때 A태그 안에 B태그가 포함되어 있으면 B태그는 TAB키를 눌러보기 좋게 정리해 주는 것이 좋습니다. 빠르게 보기 See the Pen Untitled by loginshin (@loginshin) on CodePen. I D : P W: address : 태그에 태그를 사용하면 type 속성에 따라 여러 텍스트 필드를 만들 수 있습니다. 즉, 사용자로 부터 좀 더 효율 적으로 정보를 입력받을 수 있습니다. 이런 식으로 양식을 만들 수 있는데 방법은 간단합니다. 이런 식으로 해석해 봤네요 추가로 정보가 입력하면 *모양으로 가려지는 input 태그를 만들어보겠습니다. I D : P W: ..

시간절약 이름성별나이 신정환남자24 최진영여자26 여자 시작 과거에 HTML은 table 태그로 레이아웃을 만들려고 사용하기도 했다고 하네요. 지금은 css를 이용한 태그를 사용하지만요 table 태그로 표를 만드는 건 어렵지 않지만 html을 사용하면서 그나마 번거롭다는 생각이 드네요. 위에 그림을 만들어보자면 이름성별나이 신정환남자24 최진영여자26 이런 느낌이겠네요. 하지만 마크다운이 없다면 당연히 text들이 전부 붙어서 나옵니다. 표 한칸 한 칸 안에 들어가는걸 table data라고 해서 태그로 감싸주겠습니다. 물론 닫아주셔야 합니다. 이름성별나이 신정환남자24 최진영여자26 table date 태그로 감싸줘도 바뀌지는 않습니다. 아직 table raw태그 즉, 로 각 태그들은 감싸주지 않았으..

HTML에서 아무리 ENTER와 SPACE BAR을 눌러도 웹사이트에는 적용이 안됩니다. 간단한 띄어쓰기, 줄 바꿈마저 명령어로 동작합니다. 단락, 줄바꿈 : 줄을 바꿀 때 단락을 이요한 태그를 사용하거나 강제로 줄을 바꿀 수 있는 태그를 사용합니다. 위에 상태에서 F5키를 누르면 어떤 브라우저로 실행시킬지 물어봅니다. 저는 'chrome'을 주로 사용합니다. 이래저래 호환성문제때문에 크롬이 편하더라고요. 태그로 묶어 사용하 나는 넘어지는 그 순간 많은 생각을 한다. 집에 가스는 잠갔는지, 강아지 밥은 챙겨줬었는지, 우리집에 강아지가 있었는지 생각한다. 웹사이트에서 묶어준 태그끼리 뭉쳐 다른 단락은 다음 줄로 넘어간 모습입니다. 다시 태그를 지우고 태그를 사용해서 띄어보겠습니다. +) 많은 태그들을 로 ..

react는 웹 애플리케이션 개발 시 많이 쓰이는 라이브러리입니다. (저는 프레임워크라고 합니다 ㅎㅎ) 리액트는 자바스크립트 기반이기 때문에 js파일 내에서 모든 작업이 이루어집니다. 제가 생각한 React의 가장 큰 장점은 '사용자 지정 HTML'입니다 이를 컴포넌트라고 부르는데 html을 커스텀해서 간단하게 컴포넌트만 사용하면 연속적으로 사용할 수 있다는 거죠. 저는 특히 쇼핑몰처럼 상품 데이터만 바뀌고 같은 레이아웃이나 상품 박스가 연속해서 나올 때 편하게 코딩했던 기억이 있네요. props, state, useEffect 등 매력 있는 기능이 많이 있으니 코딩할 맛 나더라고요. nodejs는 어떤 프로그램일까? nodejs는 JavaScript를 이용하여 서버를 구축하거나 실행시킬 수 있는 도구입..

가운데 정렬하는 법은 여러 가지가 있지만 가장 많이 사용하는 방법으로 flex 설정 된 에 justifyContent와 alignItems속성을 추가로 사용해서 'center'로 지정해 주면 됩니다. 즉, 컨테이너 내부의 요소를 가로와 세로로 가운데 정렬할 수 있습니다. 예제코드를 확인해주세요 {/* 내용을 가운데로 정렬할 컴포넌트 */} 왼쪽 : 사용 전 오른쪽 : 사용 후 flex 속성이 들어가면서 버튼들이 가로로 넓게 잡지 않고 자기 자신 크기 만큼 잡아버리네요 왠지 모르게 자주 사용하는 건데 계속 검색하게 되네요.

코딩 언어 중 html은 '웹페이지'를 만들기 위한 언어로 Hyper Text Markup Language의 줄인 말입니다. html을 공부하시면서 티스토리를 꾸미거나 사이트도 만들 수 있습니다. 물론 웹사이트가 인간이라고 한다면 뼈대 역할만 할뿐이지만요. css는 옷, javascript는 근육처럼 생각하면 되겠네요. Tag는 웹 문서를 만들기 위한 가장 기본적인 요소입니다. 이런 식으로 생겼죠. 은 태그를 열었다하고, 은 열었던 태그를 닫아주는 겁니다. HTML 대표적인 태그 제목과 본문 관련 태그 : 헤딩 제목을 표시합니다. : 본문의 내용을 표시합니다. 링크와 이미지 관련 태그 : 다른 웹 페이지로 이동하거나, 문서 내의 위치로 이동하는 링크를 생성합니다. : 이미지를 표시합니다. 목록 관련 태그..