태그: frontend

0

자바스크립트로 디데이 출력하기

자바스크립트로 디데이 출력하기코드 HTML 1<div id="d-day"></div> JavaScript 1234567891011121314151617181920//디데이 종료 일자 설정const countDownDate = new Date("May 9, 2017 06:00:00").getTime();//1초마다 갱신되도록 함수 생

0

웹 표준 및 HTML 마크업 시 유의사항

웹 표준 및 HTML 마크업 시 유의사항웹 표준을 기반으로 헷갈리거나 쉽게 놓치는 부분들을 설명하는 것이기 때문에프론트엔드 개발을 한다면 반드시 숙지해야하는 내용이다. 순서 DOCTYPE 써주기 모든 페이지에는 h1 태그가 한개씩만 존재해야 한다 img 태그에는 반드시 alt 속성을 써줘야 한다 문단을 나눌 때 br 태그 쓰지 않기 인라인 태그안에 블록

0

JavaScript 알고리즘 테크닉

알고리즘 문제 풀이시 자주 사용되는 테크닉알고리즘 문제 해결시 자주 사용되는 테크닉들을 정리 ( 매우 주관적 )문제를 풀면서 계속 업데이트 예정! 배열이나 문자열에서 중복을 제거할 때Set이라는 자료형을 활용해 중복을 제거할 수 있다. 123456789// 배열const arr = [1,3,2,4,3,1,5,6,2,1];const newArr = [...

0

JavaScript 문자열 메소드 ( Array method )

JavaScript 문자열 메소드 ( String method )자바스크립트에서 자주 쓰이는 문자열 메소드를 정리자바스크립트는 문자열을 배열과 같이 사용할 수 있기 때문에배열과 중복되는 메소드는 제외하고 나머지만 정리 charCodeAt()주어진 인덱스에 대한 UTF-16 코드를 나타내는 0부터 65535 사이의 정수를 반환인자 - index ( 0 ~

0

JavaScript 배열 메소드 ( Array method )

JavaScript 배열 메소드 ( Array method )자바스크립트에서 자주 쓰이는 배열 메소드를 정리 Array.isArray() (ES6)인자에 들어가는 객체가 배열인지 확인할 때 사용인자 - object 12Array.isArray({ a: 1, b: 2}) /// falseArray.isArray([1,2,3]) //true

0

JavaScript Arrow function ( 화살표 함수 )

JavaScript Arrow function ( 화살표 함수 )익명함수를 화살표 형태로 간략하게 쓸 수 있는 방법ES6(ES2015)에서 새로 나옴 특징 function 표현에 비해 구문이 짧다 this, arguments, super 등을 바인딩하지 않음 메소드 선언에 사용할 수 없다 생성자로 사용할 수 없다 prototype에 사용할 수 없다 add

0

JavaScript 변수 ( ES6 )

JavaScript Variable ( 변수 )JavaScript는 크게 세가지의 변수 선언 방법이 있다. var let const varvar는 ES6 이전까지 변수를 선언하는 유일한 방법이었다.특징으로는 다음과 같다. Function-level scope 전역 변수의 남발 for loop 초기화 식에서 사용한 변수를, 외부나 전역에서 참조 가능

0

JavaScript 자료형

JavaScript Data Type ( 자료형 )자바스크립트는 느슨한 타입 (loosely typed) 언어, 혹은 동적 (dynamic) 언어이다.즉 변수의 타입을 미리 선언할 필요가 없다는 뜻이다.타입은 프로그램이 처리되는 과정에서 자동으로 파악될 것이다.또한 그 말은 같은 변수에 여러 타입의 값을 넣을 수 있다는 뜻이다. Data Type 종류EC

0

JavaScript란?

JavaScript 정리JavaScript란?자바스크립트(JavaScript)는 웹 페이지에 동적인 요소를 구성하기 위해 만들어진 언어이다.하지만 지금은 웹 페이지를 꾸미는 역할 뿐만 아니라 다양한 환경에서 사용된다. 특징 스크립트 언어 프로토타입 기반 객체 지향 함수형 마무리텍스트로 구구절절 읊기보다 바로 하나하나 알아보는게 좋을 것 같다. 개인적으로

0

CSS 중앙정렬 가이드

CSS 중앙정렬 가이드수평정렬, 수직정렬에 대해 찾아보다가 잘 설명된 페이지)가 있어 포스팅예제 코드는 정확히 필요한 부분만 가져왔기 때문에 폰트,배경 색 같은 코드는 빠져있음 수평정렬 ( horizontally )1. inline 요소를 수평 중앙정렬 시부모 요소에 text-align: center 적용 12345678910111213<!-- HT