목차 1. 영어 대소문자와 $, _를 사용하기 2. camelCase 3. 변수 이름으로 사용하면 안 되는 것들 1. 영어 대소문자와 $, _를 사용하기 한국어, 중국어, 일본어, 특수문자 등 모두 가능하다. 그러나 세계적으로는 영어 대소문자와 $, _만 사용한다. 따라서 만든 프로그램이 세계적으로 사용되길 바란다면 영어 대소문자와 $, _를 사용하길 추천한다. 또한 첫 글자는 숫자를 사용할 수 없다. 2. camelCase 변수 이름에는 띄어쓰기가 들어가면 안된다. 따라서 camelCase로 변수명을 만들어야 한다. camelCase는 무엇일까? 예제를 통해 알아보자. let firstName = 'Jane'; 위의 예제를 보면 firstname이 아니라 firstName라고 썼다. 두번째 단어의 첫글..
HTML은 다양한 태그가 존재한다. 오늘은 여러 태그 중 태그에 대해 다뤄볼 것 이다. 우리는 링크를 어떨때 사용할까? 보통 현재 페이지에서 다른 페이지로 이동할 때 많이 사용한다. html에서는 태그를 이용해 다른 페이지로 이동할 수 있다. 태그를 통해 페이지 뿐 만 아니라 이미지, 파일, 이메일 등 다양한 곳으로 이동이 가능하다. 1. href 속성 걸음마코딩 위 코드의 결과는 아래와 같다. 1-1. 태그의 주소 태그(Tag) 의 주소는 다양한 방식으로 지정 할 수 있다. 1. 절대 경로 url : 링크의 전체경로 걸음마코딩 2. 상대 경로 url : 같은 프로젝트 폴더 내의 경로 메인으로 바로가기 3. 엘리먼트 ID 를 이용한 url : 같은 문서 내의 엘리먼트 ID, 페이지 내 이동 hello로 ..
1. 리스트 태그 (List tag) 리스트 관련 태그들은 텍스트나 이미지 등을 목록화하여 정리해주고 카테고리 등을 표현하기 위해서도 자주 사용되는 중요한 태그 중 하나다. 2. 리스트 태그 종류 리스트는 세 종류가 있다. 1. Ordered List: 순서가 있는 리스트 2. Unordered List: 순서가 없는 리스트 3. Definition List: 정의 리스트 3 - (1) Ordered List (ol 태그) 태그는 순서가 있는 리스트이다. 따라서 순서가 중요한 목록에서 많이 사용되며 앞뒤 연결성이 있는 내용을 만들 때 주로 사용한다. 요리 레시피 같은 경우에 이 태그를 사용할 수 있을 것 이다. 안에 각 항목들을 나열할 때 를 사용하는데 li는 List item의 약자이다. Ordered..
1. HTML 소개 HTML(Hypertext Markup Language)은 웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드이다. HTML은 일련의 요소(element)로 이루어져 있는데 이 요소는 태그(tag)라고도 부른다. 태그는 HTML 문서를 구성하는 기본 단위이기 때문에 중요하다. 2. 여는태그, 닫는태그, 컨텐츠, 요소(element) 다음과 같은 문장이 있다고 해보자. 요새 마라탕이 너무 맛있다. 만약 위의 문장을 하나의 독립적인 구문으로 만들고 싶다면 태그를 이용하면 된다. 태그를 사용한 문장은 하나의 문단 역할을 한다. 요새 마라탕이 너무 맛있다. 다음으로 태그 요소들을 분석해보겠다. 는 여는 태그(opening tag), 는 닫는 태그(closing tag), 요새 마라탕이 너무..
form 태그에서 input또는 button 클릭 이벤트 발생 시 페이지가 reload 된다. 이것을 방지하기 위한 방법은 event.preventDefault()를 사용하는 것이다. event.preventDefault() 는 브라우저의 기본 동작을 막아주는 역할을 한다. html js const toDoForm = document.getElementById("todo-form"); const toDoList = document.getElementById("todo-list"); function handleToDoSubmit(event){ event.preventDefault(); } toDoForm.addEventListener("submit", handleToDoSubmit);
- Total
- Today
- Yesterday
- 제어 컴포넌트
- 리액트
- javascript
- 배열
- font-size:initial
- 객체
- 취업까지달린다
- GitHub
- 비제어 컴포넌트
- 코드잇 스프린트
- Git
- 프론트엔드
- innerhtml
- CSS
- currentTarget
- 옵셔널 체이닝 연산자
- 유사배열객체
- arguments
- react
- 스프린트프론트엔드6기
- 코드잇스프린트
- Target
- html
- js
- 비동기
- map
- nullish 병합 연산자 '??'
- 동기
- 중급 프로젝트
- rest parameter
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |