# html

704개의 포스트

TIL 1. div / span

HTML 태그의 종류와 용법에 관해서 자세히 알아보았다.

약 6시간 전
·
0개의 댓글

[HTML/CSS] HTML 기본 문법

HTML 기본 형태 태그는 각자의 의미를 가지고 있으며 다음과 같은 형태를 가진다 ` 태그는 열리고(open) 닫히는(close) 태그 구조를 가지고 있는 한 쌍 (시작(start)와 종료(end)구조라고도 함) 태그의 범위를 만듬 태그 종료(end)시 /(슬래쉬)

3일 전
·
0개의 댓글

[HTML] 스스로 닫는 태그

일반적으로 여는 태그<tag>와 닫는 태그</tag>는 콘텐츠를 감싸기 위해 존재한다.하지만 감쌀 콘텐츠가 없는 태그는 여는 태그만으로도 정보를 제공할 수 있기 때문에 닫는 태그가 필요 없다.

3일 전
·
0개의 댓글

Wecode에서의 2주

참고로 국문과지만 글을 자주 쓰지 않아서 글빨이 죽어있음을 먼저 고지함. 또한 자고 싶은데 참고 쓰는 거임. 오늘 아니면 쓰지 않을 것 같아서. (사실 빨래를 널고 자기 위해 잠을 이기기 위한 수단임.) 위코드 생활의 시작. 개발자가 되기 위해 위코드를 등록하고 정신없이 사전스터디 한 달이라는 시간이 지나고 위코드를 시작하는 날이다. 설렘으로 가득차고 ...

4일 전
·
0개의 댓글

[React 리팩토링 #2] JSX에서 조건문 사용해 렌더링하기

리액트에서 if문을 사용하려면 즉시실행함수 형태로 사용해야하기 때문에 AND연산자가 훨씬 간편한 방법이 될 수 있다.

4일 전
·
0개의 댓글

[React 리팩토링 #1] JSX로 HTML 렌더링하기

JSX에서 <br/>태그를 사용하면, 적용되지 않은 채 문자열 그대로 렌더링 된다. React는 무조건 텍스트형태로만 페이지를 렌더링하도록 설계되어있기 때문이다.

5일 전
·
0개의 댓글

TIL. map과 forEach를 사용해보자 - 8/1

instagram 클론중 반복되는 프로필들을 틀을 하나 만들어 찍어내도록 구현해 봤습니다.먼저 함수를 선언하고 그 안에는 프로필의 틀을 만들어내는 코드를 짜서 변수에 할당 후 return 했습니다.이렇게 필요한 정보들을 객체안의 리스트들로 만들어서 배열안에 넣었습니다.

5일 전
·
0개의 댓글

TIL. 프로그래밍 용어를 알아보자 -8/1

1. 프론트 용어 - HTML, CSS, JavaScript HTML : HTML은 Hyper Text Markup Language의 줄임말로 웹을 구성하는 가장 기초적인 토대가 되는 것. 꺽쇠 괄호로 둘러싸인 태그로 구성되어 있으며, javascript, css

5일 전
·
0개의 댓글

Westagram 중간 정리

구현 상 만났던 이슈들 정리 및 해소 Arrow Function & this binding Arrow function은 this binding이 안된다. this binding이 되지 않았기에 전역객체가 선택되고 브라우저환경에서 전역객체는 window이기 때문에 t

5일 전
·
0개의 댓글

input type = button 과 <button> 의 차이

둘은 기능적으로 비슷하지만 약간의 차이점이 있다.&lt;button> 에 비해서 디자인에 제약이 있다. (css 로는 디자인 가능)텍스트 뿐만 아니라 이미지 or gif 요소를 자식으로 포함할 수 있다.디자인 폭이 넓다.submit 기능이 기본적으로 들어있다. 따라서

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

HTML 인터뷰 질문들

인터뷰어에게 깊은 인상을 주기 위한 HTML 지식을 알고 싶은 자바스크립트 개발자를 위해.

6일 전
·
0개의 댓글

[html] 입력양식: Form, Input

form 요소 form 요소를 통해서, 1) 사용자로부터 입력을 받고 2) 입력된 데이터를 서버로 보낸다. action 속성: 입력받은 데이터를 처리할 서버상의 스크립트 파일(폼 핸들러) 주소 method 속성: 입력받은 데이터를 서버에 전달할 방식 👉 사용자가

6일 전
·
0개의 댓글

[HTML/CSS] 배경이미지의 이모저모(feat. ::after)

이미지를 출력하는건 여러가지 방법이 있겠지만, 필자가 아는것은 두 가지이다.img 태그 또는 css에서 background-image 속성을 사용하는 것.(velog에서 &lt; img >를 붙여쓰려면 어떻게 해야하는걸까..)그렇다면 img 태그와 background

7일 전
·
0개의 댓글

박스모델

박스모델은 블록 레벨 요소인지 인라인레벨 요소인징 따라 나열 방법이 달라집니다. 블록 레벨(block-level) : 요소를 삽입했을 때, 혼자 한 줄을 차지하는 요소, 너비나 마진, 패딩 등을 이용해 크기나 위치를 지정할려면 블록레벨 요소여야 한다. 인라인 레벨(

2020년 7월 29일
·
0개의 댓글

TIL wecode 12. textarea vs input

The &lt;input> tag specifies an input field where the user can enter data.&lt;input> elements are used within a &lt;form> element to declare input con

2020년 7월 29일
·
0개의 댓글

Emmet

HTML을 빠르게자주쓰는것들은 최대한 빨리할 수 있는 방법을 찾는게 좋다.공식 : https&#x3A;//emmet.io/!탭div 탭div.class 탭div.class 탭 (div가 기본)부모자식형제노드div>ul>li 탭div>ol+ul 탭ul>li\*5 탭div

2020년 7월 28일
·
0개의 댓글

간단하게 HTML, CSS, JS 사용하는 곳

jsbin.comjsfiddle.comcodesandbox.id

2020년 7월 28일
·
0개의 댓글
post-thumbnail

🎂 (덕질)생일축하 웹사이트 만들기(ง •_•)ง

벨로그를 만든 지 얼마 안되서 '트렌딩'과 '최신'메뉴를 둘러보다가,,,, 어떤 분이 친구에게 생일 선물이 웹사이트를 선물한 걸 포스팅한 걸 보았다.(⊙o⊙) 너무 좋은 아이디어라고 생각이 들었고, 한 번 나도 해보기로 했다....! 근데 지인보다는 내가 좋아하는 연

2020년 7월 28일
·
0개의 댓글

HTML 구조, 메타데이터/ 블록요소 인라인요소

1. 주요범위 & 메타데이터 1) lang ISO 639-1을 검색하여 2. 블록(block), 인라인(inline) 요소 1.블록요소 예) div, h1, p, ul, li... 사용 가능한 최대의 가로 너비를 사용한다. 크기를 지정할 수 있다. 너비의 기본값이 1

2020년 7월 28일
·
0개의 댓글
post-thumbnail

#4. 1주차 - HTML, CSS, Javascript

클라이언트에 응답해서 보내줄 HTML파일을 미리 만들어 두는 과정!클라이언트의 요청(Request)에 서버가 응답(response)해서 데이터를 보내줍니다.보내줄 응답(Response) 데이터인 HTML,CSS 를 배우고, Javscript 기초를 조금 배워봤습니다.ㄴ

2020년 7월 27일
·
0개의 댓글