form과 link 태그

FORM 입력 양식 전체를 감싸는 태그 form 태그의 속성들 name: form의 이름, 서버로 보내질 떄 이름의 값으로 데이터 전송 action: form이 전송되는 서버 url 또는 html 링크 method: 전송 방법 설정. -get: URL 끝에 데이터를 첨부해서 전송하는 방식 항상 노출이됨. URL 최대 256자까지(초과시 데이터 잘림) URL 인코딩방식 base64 영문자와 숫자정도만 전송 -post: 패킷의 본문 안에 데이터를 넣어서 전송하는 방식 제한 크기 무제한 데이터 노출 없음 한글 상관 없이 전송 autocomplete: 자동완성. (on으로 하면 form 전체 자동완성 허용) accept-charset: 폼 전송에 사용할 문자 인코딩을 지정 Form의 다양한 요소(element)..

input과 label

label요소는 사용자 인터페이스 항목의 설명을 나타낸다. Do you know Kimchi? Yes No 을 요소를 이용할려면 에 id속성을 넣고, 에 id와 같은 값의 for 속성을 넣어주어야 한다. Do you know Kimchi? Yes No input type="text, password, radio, image, checkbox, file, submit, reset, hidden...." placeholder, name, value..... 유형들 text = 기본 텍스트를 입력하는 구역 password = 비밀번호를 입력하는 구역 button = value를 label로 사용하는 푸쉬버튼 (button 태그를 따로 이용가능) radio = 라디오 버튼을 생성 checkbox = 체크박스 생..

css 셀렉터

전체 셀렉터 : HTML 페이지 내부의 모든 태그를 선택한다. * tag셀렉터 : 태그명이 (P)인 특정 태그를 선택합니다. ID셀렉터 : id속성값이 ("name")으로 지정된 요소를 선택합니다. class셀렉터 : class속성값이 ("name")으로 지정된 요소를 선택합니다. attribute셀렉터 : 자식셀렉터 : 후손셀렉터 형제셀렉터 인접 형제 셀렉터 가상클래스 요소 상태 셀렉터 구조 가상 클래그 셀렉터 부정 셀렉터 정합성 확인 셀렉터

HTML(Hyper Text Markup Language)

HTML을 알기위해 WEB이란 무엇인지 알아보자. WEB 웹 페이지는 월드 와이드 웹 상에 있는 개개의 문서를 가르킨다. 다른 확장자(.gif, .jpg, .hwp. .doc)들 처럼 HTML도 .htm. .html 확장자 포맷을 가지고있다. 이 html 문서는 단순히 텍스트파일에 불과하지마 웹 브라우저가 구조를 해석을 해서 화면에 렌더링 해주고 사용자는 view라고 하는 스크린을 통해 접한다. HTML html은 Hyper Text Markup Language의 약자고, 문서화된 웹 페이지의 구조를 설계하는 마크업 언어이다. 기본 용어 엘리먼트(element) - 요소 (콘텐츠와 태그가 하나로 묶였을때 사용하는 용어) Open tag (여는 태그) Close tag (닫는 태그) Open tag Clo..

[Ubuntu 20.04 LTS] [R_Alt]키 [한/영]키로 못박아 두기

요즘 키보드 배열을 보면 오른쪽 ALT키에 한/영키가 적용되어있습니다. 우분투(Ubuntu)에서 한영 전환 할때 [R_Alt]가 기능키로 적용되어 [L_Crtl] + [Space] 키를 눌러야 바뀌는 점이 윈도우에 적응한 탓에 많이 불편해졌습니다. 이전에 작성했던 uim입력기에서의 xmod 키보드 매핑 수정을 해줘도 일시적일 뿐 영구적으로 바뀌진 않더라구요. 이번 글은 어느 입력기든 [R_Alt]키를 [한/영] 전환키로 바꿔보겠습니다. 1. 한국어 설치 (Optional) Setting - Language Support, 언어 지원 혹은 Show Applicaction - Language Support를 검색하셔서 실행 해 줍니다. 그다음 Install / Remove Languages... 를 눌러 K..

클로저(Closure)란?

클로저를 알기 위해서는 우선 먼저 기본적인 개념 몇가지를 알아야 한다고 생각한다. 일급 객체, 일급 함수 자바스크립트의 함수는 일급 함수이며, 함수는 사실 객체이므로 일급 객체라고도 한다. 클로저를 다루기 전에 일급 객체에 대헤서 반드시 알아야 한다. 어휘적 범위 지정(Lexical scoping) Lexical Scoping은 함수를 어디에 선언했는지에 따라 스코프가 결정되는 것을 말한다. 우선 스코프라는 것은 함수를 선언할 때 생기는 개념이라 정적스코프라고도 불린다. 함수를 어디에 선언하던 스코프에는 영향을 끼치지 않는다. 아래 예시를 보자. var browsers = "Chrome"; function browser() { console.log(browsers); } function defaultBr..

자바스크립트 함수의 범위(Scope)

스코프(Scope) Scope는 범위라는 뜻을 가지고있는데, 자바스크립트에서는 함수를 선언 할 때 생기는 개념이고, 두 가지 타입이 존재한다 전역 스코프와 지역 스코프 두가지다. 변수에 접근할 수 있는 범위를 의미한다. 전역 스코프(Global Scope) - 전역 스코프는 변수가 전역에 선언되어 있어 어느곳에서든지 변수에 접근이 가능하다. 전역 스코프에 선언된 변수는 전역 변수라 하며, Window 객체의 변수가 된다. 지역 스코프(Local Scope) - 지역 스코프는 해당 지역에서만 접근이 가능하며, 지역을 벗어난 곳에선 접근이 불가능하다. 함수를 생성하고, 함수 내부에서 선언된 변수를 지역변수, 함수의 지역변수라고 한다. let x = 1; //전역 스코프에 선언된 변수 = 전역 변수 //win..

macOS BIG SUR Beta10설치 성공