Archive: 2018
Javascript 30 project Day 1 - Drum kit
ES6로 Drum kit 제작하기이 동영상과 코드는 Javascript 30 동영상 강의를 참조하였습니다. Javascript30 동영상 보기 깃허브 링크 MyGithub
HTML 멀티 미디어
HTML 멀티미디어 관련 태그들과거에 사용하던 플러그인은 문제가 많았다. 확장자 지원 문제도 그렇고 원하지 않는 툴바 등이 설치되는 경우도 있었다. 하지만 최근 플래시 플레이어가 거의 차단 된 만큼, html5에도 그와 관련된 태그가 생겨났다. object 태그, embed 태그이 태그들은 사실 플러그인을 지원하는 태그이지만, 아직 html5를 지원하지 않
ES6의 변수와 블록 레벨 스코프
ES6의 변수 선언과 블록 레벨 스코프요즘 핫한 JS 관련 문법은 Typescript이다. 타입 선언이 가능할 뿐만 아니라 js의 모든 문법을 사용할 수도 있고, 제네릭 등의 기타 편리한 요소가 추가되었다. 이를 익히기 위해선 기본적으로 ES6에 대한 지식이 필요하다. 그래서 오늘부터 며칠간 ES6의 기본 문법에 대해 알아보고자 한다. let, conste
HTML5 시맨틱 태그
시맨틱 태그많은 웹 사이트를 분석하여 웹 문서 레이아웃의 표준화를 하는 태그가 많이 추가되었다. (물론 아직 많이 사용하진 않는다.)‘semantic’은 의미가 통한다는 의미이기 때문에 태그만 보면 ‘아 여기구나’라고 알 수 있다. 우리가 흔히 쓰는 의미 없는 상자 태그인 div 대신에 각 구역의 의미가 담긴 태그를 사용하는 것이다. HTML5의 시맨
CSS 포지셔닝에 대해서
CSS 포지셔닝css에서 가장 중요한속성이 바로 포지셔닝이다. 이것을 이용해서 웹 문서의 레이아웃이 짜여진다고 생각하면 된다.우리가 네이버나 다음에서 보는 검색창, 광고, 로그인 창들의 위치는 모두 css로 만들고 그 배치를 하는 것이 바로 포지셔닝이다. box-sizing : 박스 너비 기준 정하기box-sizing은 박스 모델 안에 있는 콘텐츠 부분의
함수형 프로그래밍이란
함수형 프로그래밍사실 함수형 프로그래밍은 정말… 설명하기가 힘들다. (아직도 힘들다.) 하지만 자바스크립트에서 함수형 프로그래밍이 어떤 식으로 사용되는 지 간단하게 나마 남겨보고자 한다. 함수형 프로그래밍이 뭔데?그러게 말이다… 단순히 말하자면 함수를 조합하여 작업을 수행한다.라고 말하고 싶다. 말 그대로다 프로그램을 만들기 위해 프로그래밍을 한다면, 함수
레이아웃 관련 스타일
레이아웃 관련 스타일 태그들.결국 디자인을 위해선 레이아웃을 알아야 한다. 흔히 ‘박스 모델의 조합’이라고들 말한다. 이는 영역, 테두리, 여백들의 조합을 말한다.css를 제대로 알기 위해선 결국 레이아웃을 잘 알아야 한다. 박스모델말 그대로 박스 형태의 모델을 말한다. 이 박스들을 합쳐서 웹 문서를 만든다. 블록 레벨과 인라인 레벨 block-leve
객체지향 프로그래밍
객체 지향 프로그래밍객체지향이 뭔데?어려운 말이 정말 많다. 관계성 있는 객체들의 집합? 책임을 갖는 기계나 부품의 결합? 정도로 표현할 수 있겠다. (그나마 쉽게 말하면…)객체지향이라는 의미 자체를 한마디로 정의하기가 정말 힘들다. 그래서 우리는 객체지향 프로그래밍이 의미하는 바를 짚어보면서 이해해보고자 한다. 클래스 기반과 프로토타입 기반프로그래밍 언어