본문 바로가기

분류 전체보기72

[JavaScript] 동치연산자 동치 연산자 Equlity Identity ==, != ===, !== abstract 추상적인, 느슨한 같음 비교 형변환 후 연산함 하나 또는 양쪽이 변환 할 수 있다 최종으로 === 수행 strict 엄격한 같음 비교 형변환을 하지 않고 연산한다 [참고] 동치연산자 차이점(블로그) MDN-동치 비교 및 동일성 2021. 3. 30.
User Agent ↪뉴스레터바로가기 ↪참고사이트 User Agent 사용자를 대표하는 컴퓨터 프로그램 브라우저, 봇, 다운로드 관리자, 웹에 접근하는 다른앱, ... 자신의 정체를 알린다. → 브라우저 종류, 버전 번호, 호스트 OS 에이전트 필요성 과거❓ 브라우저마다 사용할 수 있는 기능, 지원범위 다름 → 문제 발생 → 문제 발생한 브라우저 종류, 문제 발생 이유 기록 → 웹 브라우저가 인식하지 못하는 경우 에러나 화면이 깨져 나오는 문제 해결 브라우저 종류 많고, 다양 → 자체 엔진 사용 → 문제가 더 많이 발생함 ⇒ 개발 및 유지보수 비용 증가 → 결국, 1등 브라우저를 따라감 최근❓ 브라우저 종류 많아도 대부분 비슷한 기능을 지원하게 됨 ❓구글 크롬 브라우저를 기반으로 다양한 웹 브라우저 들이 파생되었기 때문 2.. 2021. 3. 29.
PWA ↪뉴스레터 PWA Progressive web app HTML, CSS, JavaScript와 같은 웹 기술로 만드는 앱 PWA 장점 빠르게 개발 가능하다. 대표적인 서비스홈 화면에 저장되면 브라우저에서 실행웹 기반 앱추가 유지관리 코드베이스가 적다. 부드럽고 빠르고 가볍다검색엔진을 통해 찾을 수 있다푸시 알림 통해서 사용자 관심 끌 수 있음 앱스토어를 통해 배포도 가능하다 오프라인에서도 작동한다 반응형 → 다양한 화면 크기에도 잘 동작한다 개발 비용 저렴 브라우저가 접근하지 못하는 hw, sw 접근도 가능 트위터, 스타벅스, 핀터레스트, 워싱턴포스트, 우버, ... 네이티브 앱의 특징도 전부 제공 가능하다. → 네이티브 앱처럼 동작한다 실제 네이티브 앱과 견줄 수 있을 정도로 좋다. PWA 한계 다른 .. 2021. 3. 29.
No Code www.wishket.com/yozm/detail/556/?utm_source=stibee&utm_medium=email&utm_campaign=newsletter_partner&utm_content=contents 코딩의 미래는 ‘노 코드(No Code)’이다 | 요즘IT 요즘에는 “노 코드(no code)”라는 움직임이 있는데, 이것은 코드를 사용하지 않고 애플리케이션을 개발하는 것을 말합니다. 이러한 노 코드 움직임은 코딩이 필요 없는 디지털 도구를 이용해서 www.wishket.com www.notion.so/NO-CODE-40878286108144329a1f7dc1d2a88156 NO CODE ↪뉴스레터바로가기 www.notion.so 2021. 3. 26.
[JavaScript] Math Math Math 객체생성자가 존재하지 않는다. 따로 인스턴스 생성하지 않아도 Math 객체의 모든 메소드, 프로퍼티 사용 가능 수학에서 자주 사용하는 상수, 함수 미리 구현해 놓은 자바스크립트 표준 내장 객체 Math 메소드웹브라우저 마다 다른 결과값을 얻을 가능성 있음정확한 결과값 필요한 작업에는 사용하지 않는 것을 추천한다. 운영체제 다르면 다른 결과값을 반환할 수도 있다. 쉬운 수학적 작업을 위한 메소드 제공 종류 Math.min()인수 전달되지 않으면: Infinity 비교할 수 없는 값 포함: NaN 인수로 전달받은 값 중에 가장 작은 값 Math.max() 인수로 전달받은 값 중에서 가장 큰 수 Math.random() 0보다 크거나 같고 1보다 작은 무작위 숫자(random number)를.. 2021. 3. 23.
[웹코딩_html_css_jQuery] project_그림퀴즈 이미지 로딩이 너무 길어서 html파일에 img태그로 이미지를 먼저 로딩하도록 했습니당. 이미지를 미리 로딩하고 캐시로 가져오게 하는 프리로딩을 구현하여 사용하는 방법도 있다고 합니다. 참고: mygumi.tistory.com/277 이미지 미리 불러오기(image preload) :: 마이구미 이 글은 이미지를 미리 로딩하는 법에 대해 다룬다. 흔히 이미지 프리로딩(Image Preloading) 이라고 불린다. 참고 - https://www.photo-mark.com/notes/image-preloading/ 웹 사이트에는 많은 이미지가 존재한다.. mygumi.tistory.com 이미지 로딩이 끝난 후 작동됩니당! 2021. 3. 15.
[웹코딩_html_css_jQuery] project_유튜브영상 유튜브영상 컨트롤 iframe_api 사용 간단정리: www.notion.so/Media-Control-e46e4dc8995b4c08b6e2f640fe7b5d2e Media Control timeupdate() www.notion.so 참고블로그: 1004lucifer.blogspot.com/2015/04/youtube-player-api.html 참고사이트: developers.google.com/youtube/player_parameters?hl=ko YouTube 내장 플레이어 및 플레이어 매개변수 | YouTube IFrame Player API 개요 이 문서에서는 애플리케이션에 YouTube 플레이어를 삽입하는 방법을 설명하고 YouTube 내장 플레이어에서 사용할 수 있는 매개변수를 정의합니다.. 2021. 3. 15.
[웹코딩_html_css_jQuery] project_그래프 2021. 3. 10.
[웹코딩_html_css_jQuery] project_이미지줌아웃 2021. 3. 10.