본문 바로가기

전체글149

웹 표준, 웹 접근성, 크로스 브라우징 개념 웹 표준, 웹 접근성, 크로스 브라우징 개념 이번에는 웹 표준이 무엇인지, 생소한 단어 웹 접근성, 그리고 자주 듣는 크로스 브라우징이 무엇인지 알아보자. 웹 표준 웹 표준이란 웹에서 표준적으로 사용되는 기술이나 규칙을 의미하는데 W3C의 토론을 통해 나온 권고안을 말하며, 권고안 이외 단계 수준의 스펙은 비표준이거나 독자확장 요소를 의미하기 때문에 구분하여 사용해야 한다. 독자확장 요소란 웹 표준 요소가 아닌 IE에서 지원했던 marquee 요소와 bgsound 요소, netscape navigator에서 지원했던 layer 요소 등을 말한다. 웹 표준을 사용해야지만 다양한 브라우저(Chrome, Firefox, Edge, Opera..)에서 내가 의도한대로 정상적으로 출력된다. (하지만 IE에서는 웹.. 2022. 6. 18.
[HTML] HTML 이해하기 모던 HTML 이해하기 HTML이란? HTML(HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어로, 웹페이지의 내용(content)과 구조(structure)를 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다. Hyper는 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미한다. 또한 HTML의 가장 중요한 특징이 link의 개념과 연결되는데 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능을 하이퍼링크(Hyper Link)라고 한다. HTML 태그 문서의 최상단에 위치한 태그로서 HTML 문서임을 나타내는 태그다. 명칭은 문서 형식 정의(Document Type Definition, DTD) 태그이고, 출력할.. 2022. 6. 18.
[리뷰] 프로그래머의 길, 멘토에게 묻다 프로그래머의 길, 멘토에게 묻다 데이브 후버, 애디웨일 오시나이 저자의 책인 프로그래머의 길, 멘토에게 묻다을 읽고 중요하다고 생각되는 부분이나 공감되는 부분을 정리해보았다. 언어를 하나 선택하라 언어를 선택하고, 그 언어에 능숙해져라. 이 언어가 앞으로 몇 년 동안 당신이 문제를 해결할 때 쓸 주력 언어이며 실제로 쓰면서 연마하는 기본 기술이 될 것이다. 첫 번째 언어에 대해 더 잘 알수록 그 다음 언어를 배우는 일이 수월해진다. 첫 번째 언어를 깊이 파고 들 때 생길 수 있는 한 가지 위험은, 거기에 그대로 붙잡혀 버리는 것이다. 첫 번째 언어는 아마도 당신 경력 전체에서 모국어처럼 남을 것이다. 하지만 그 언어에 너무 익숙해져서 다른 언어를 배우지 못하게 되는 일은 없도록 해야 한다. 객체 지향 언.. 2022. 6. 18.
var VS let VS const var VS let VS const 2009년에 ECMAScript(ES5) 버전을 발표했던 Ecma International은 2015년에 ECMAScript 6을 발표하는데 이를 줄여서 ES6라고 한다. 대표적으로 ES6에는 변수를 var에서 let과 const로 구분해서 선언하고 함수 정의를 간결하게 할 수 있는 화살표함수 등의 새로운 기능이 아주 많이 제공하게 된다. 그래서 아직도 변수 선언할 때 var를 사용하고 있다면 ES6문법인 let, const를 사용하자. var 요즘은 대부분 ES6문법을 지키기 때문에 var가 자주 보이진 않지만 옛날 프로젝트들은 변수를 선언할 때 무지성 var를 많이 사용했다. 이제는 var 사용을 권장하지 않는다! name = 'minsu'; console.log(.. 2022. 6. 14.
null VS undefined null VS undefined 비슷하면서도 비슷하지 않은(?) null과 undefined의 차이점에 대해 알아보자. null null은 변수 선언과 동시에 값(value)을 할당할 수가 있다. 즉, null은 값인데 존재하지 않는, 비어있는, 알 수 없는 값이다. 예를 들어, hello라는 변수에 아직 인사말을 못정해서 어떤 값을 할당해야 할지 모르겠다면 null을 넣어주면 된다. null의 타입은 object다. 타입은 object이지만 string, number, bigint, boolean, symbol, null, undefined는 모두 원시형 값이다. let hello = null; //변수 선언 console.log(hello); //null console.log(typeof hello).. 2022. 6. 13.
SOLID (IoC, DI) SOLID SOLID란 로버트 마틴(클린코드의 저자)이 정의한 객체 지향 프로그래밍 및 설계의 다섯 가지 기본 원칙이다. 유지 보수와 확장이 쉬운 시스템을 만들고자 할 때 이 원칙들을 적용할 수 있다. 위 설계대로 구현을 해보았다. 설계의 내용을 간략히 설명하면, 연주 서비스 클래스에서 기타의 종류를 하나 선택해서 연주를 생성하는 아주 간단한 설계이다. 패키지 구성은 위와 같이 구성하였고, 모든 소스코드는 github에서 확인할 수 있다. SRP (단일 책임 원칙) SRP는 Single Responsibility Principle 의 약자로, 한 클래스는 하나의 책임만 가져야 한다. OCP (개방-폐쇄 원칙) OCP는 Open/Closed Principle 의 약자로, 소프트웨어 요소는 확장에는 열려 있.. 2022. 4. 17.

티스토리툴바