2020/04
[HTML5] <audio> 요소
[HTML5] <audio> 요소
2020.04.12HTML 요소는 문서의 소리 콘텐츠를 포함할 때 사용한다. HTML5 이전에는 웹 페이지에서 오디오를 들려주기 위한 표준안이 없어서 오디오를 삽입하기 위해서는 플래시와 같은 외부 플러그인에 의존해야했다. 하지만 HTML5에서는 요소를 이용하여 웹 페이지에 오디오를 삽입하는 표준화된 방식을 제공한다. src 값 또는 요소를 사용하여 하나 이상의 오디오 소스를 지정할 수 있으며, 다수를 지정한 경우 가장 적절한 소스를 브라우저가 자동으로 선택한다. MediaStream을 사용하면 미디어 스트림을 할 수도 있다. 오디오 파일 형식 HTML5 표준이 공식적으로 지원하는 오디오 파일 형식은 MP3, WAV, OGG이다. 오디오 관련 요소 요소 설명 오디오와 음악 등 오디오 파일을 명시한다. audio 요소의 원본..
20.04.10
20.04.10
2020.04.10
코로나에 대처하는 지도앱의 자세 🗺
코로나에 대처하는 지도앱의 자세 🗺
2020.04.05👋 들어가며 이전에 중국을 포함한 아시아 국가들만의 문제인줄 알았던 코로나가 유럽과 미국으로 확산해가면서 세계는 이제 코로나는 전세계적인 전염병이 되었다. 이와 관련해서 여러 지도앱을 쓰면서 알게 된 코로나 관련 지도앱들의 자세를 비교하고 정리해보고자한다. 좀 더 다양한 지도앱이 있겠지만, 글쓴이가 가장 자주 사용하는 구글 지도, 네이버 지도, 카카오 지도 이 세가지 지도앱을 비교해보겠다. 🗺 구글 지도 - 독수리의 피가 흐르는 글로벌 공룡 구글에 자주 붙여지는 수식어는 글로벌 IT 공룡이다. 그만큼 여러 나라에 퍼져있고 매우 거대하다. 구글 지도는 코로나와 관련해서 글쓴이가 생각하기에 굉장히 놀랍고 멋진 방법으로 대응하고 있다. 바로 지도에서 찾고자하는 가게의 우선순위를 바꾼 것이다. 구글 지도에서 특..
ORM(Object Relational Mapping)이 뭘까? 🤔
ORM(Object Relational Mapping)이 뭘까? 🤔
2020.04.03ORM이란? ORM은 Object Relational Mapping 즉, 객체-관계 매핑의 줄임말이다. 객체-관계 매핑을 풀어서 설명하자면 우리가 OOP(Object Oriented Programming)에서 쓰이는 객체라는 개념을 구현한 클래스와 RDB(Relational DataBase)에서 쓰이는 데이터인 테이블 자동으로 매핑(연결)하는 것을 의미한다. 그러나 클래스와 테이블은 서로가 기존부터 호환가능성을 두고 만들어진 것이 아니기 때문에 불일치가 발생하는데, 이를 ORM을 통해 객체 간의 관계를 바탕으로 SQL문을 자동으로 생성하여 불일치를 해결한다. 따라서 ORM을 이용하면 따로 SQL문을 짤 필요없이 객체를 통해 간접적으로 데이터베이스를 조작할 수 있게 된다. ORM의 장단점 장점 완벽한 객체..