웹 프론트/HTML | CSS | JS17 HTML - fieldset 태그란 웹사이트에는 다양한 정보를 전달하기 위한 수 많은 입력 폼이 존재합니다. 예를들어 회원가입 페이지만 해도 사용자의 다양한 정보를 입력해야 하는데요, 이러한 정보를 그룹화 한다면 더욱 편리하게 관리 할 수 있습니다. 이에 html에는 fieldset이라는 태그가 존재하고, 이 태그를 사용할 경우 다수의 입력 폼들을 그룹화하여 관리 및 컨트롤 할 수 있습니다. fieldset 태그란? fieldset 태그는 몇가지 속성을 지정하여 사용할 수 있는데 각각의 속성의 특징은 다음과 같습니다. 아래처럼 이 태그에 사용 가능한 태그는 무척 한정적입니다. 이 태그의 가장 큰 장점중 하나로 권한에 따른 선택 그룹 전체르 비활성화 처리가 가능하다는 점을 들 수 있습니다. 예를 들어 권한이 없는 사용자에게 입력폼의 수정을 .. 2018. 9. 3. CSS - 자손 선택자와 자식선택자 비교 CSS의 자손선택자와 자식선택자 차이 css 선택자 중에 자손선택자와 자식 선택자를 알아보겠습니다. 자손선택자 자손 선택자(descendant selector)는 문서 구조에서 특정 요소의 자손을 선택하는 선택자입니다. 자손은 자식, 손자, 그리고 이후에 후손을 모두 포함합니다. 자식선택자 자식 선택자(child selector)는 특정 요소의 직계 자식만 선택하는 선택자입니다. (자식 이후 손자, 후손들 포함하지 않음) 참조) http://aboooks.tistory.com/286 2018. 8. 14. 자바스크립트 - IIFE 란? (Immediately Invoked Function Expressions) IIFE란 IIFE는 Immediately Invoked Function Expressions의 약자이고 “Iffy”라고 발음합니다. 즉 즉시 호출 함수 표현식의 줄임말입니다. 즉시 실행 함수의 기본적인 형태는 다음과 같습니다. 함수의 선언과 표현 IIFE를 이해하기 위해서는 앞전에 설명했던 함수의 선언(Function Declaration)과 함수의 표현(Function Expression)의 차이점에 대해 이해해야 합니다. 많은 사람들은 단순히 표현식에서는 함수명이 생량될 수 있다고 알고 있지만 사실 이보다 좀 더 뚜렷한 차이점을 가지고 있습니다. 함수 선언(declartion)은 미리 자바 스크립트의 실행 컨텍스트(execution context)에 로딩되어 있으므로 언제든지 호출 할 수 있지만, .. 2018. 7. 26. 자바스크립트 - map 함수 JavaScript Map함수 foreach와는 다르게 map은 각 루트에서 return을 할 수 있습니다. map은 각 루프에서 return을 할 수 있다는 특징이 있습니다. map을 이용하면 return값으로 같은 길이의 배열이 나오게 됩니다. 배열의 값을 일괄적으로 바꿀때 유용하게 쓰일 수 있습니다. 2018. 7. 7. 자바스크립트 - 유사 배열, 연관 배열 이란? 자바스크립트 객체란? 자바 스크립트의 객체의 프로퍼티 명을 키, 프로퍼티의 값을 값이라고 합니다. 객체 리터럴이 다중값 데이터 표현으로써의 객체라고 할 수 있습니다. 자바스크립트의 연관배열 일반적으로 숫자를 key로 값을 뽑을 수 있으면 배열이라고 합니다. 배열은 연속하는 숫자이므로 순서가 있는 값의 모음으로 볼 수 있습니다. 문자열에 한정되지 않고 임의의 타입의 키를 이용하여 키와 값의 모음을 다루는 데이터 구조를 연관 배열이라고 합니다. 연관 배열은 다른말로 맵이나 사전이라고도 부르며 내부 구현에 따라 해시(Hash)라고 부르는 언어도 있습니다. 연관 배열의 용도로는 키로 값을 뽑아내는 조작입니다. 스크립트 계열 언어의 언어기능으로 연관 배열 타입을 제공하고 있습니다. 특히 자바스크립트에서는 객체를 .. 2018. 6. 11. 자바스크립트 - 함수 호이스팅이란?? 함수 호이스팅이란? 함수 호이스팅이란 변수를 선언하고 초기화했을때 선언 부분이 최상단으로 끌어 올려지는 현상을 의미합니다. (초기화 또는 대입부분은 그대로 남아있습니다.) 아래의 sayWow를 보면 알 수 있습니다. sayWow처럼 함수 표현식이아니라 함수 선언식일 때는 식 자체가 통째로 끌어올려집니다. 위의 코드는 선언보다 호출을 먼저 하기 때문에 얼핏 보기에 잘 동작하지 않을 것 처럼 보입니다. 그렇지만 에러 없이 정상적으로 동작합니다. 왜냐하면 함수 선언식이 최 상단으로 끌어올려졌기 때문입니다. 위의 코드는 다음과 같습니다. 하지만 같은 함수여도 함수 표현식으로 선언한 경우에는 에러가 발생합니다. 다음 예시를 한번 살펴보겠습니다. 일단 처음 실행 시에는 전역 컨텍스트가 먼저 생성됩니다. sayWow.. 2018. 6. 8. 초기 자바스크립트의 실행 원리 및 발전 방향 초기 자바 스크립트의 실행 원리 현재 Html브라우저로 사용되고 있는 사파리,크롬등에서 사용하는 자바스크립트 엔진은 모두 JITC(Just-In-Time-compiler)방식을 사용합니다. 기본적으로 javascript는 인터프리터 언어로 대부분 알고 있고 초기에는 모든 javascript코드를 바로 JITC Native Code로 변환해서 통째로 읽는 방식으로 구현되었습니다. 즉 JITC와 Interpreter방식은 자바스크립트의 내부 엔진의 동작 방식입니다. -기본적인 실행 방식- 1. text 형태로 배포 2. 배포된 javascript code를 파싱하여 중간언어인 byte 코드 형태로 전환 3. native 코드로 변환 (Interpreter방식 JITC방식 2가지로 나뉨) Interpreter.. 2018. 5. 29. 이전 1 2 다음
