💚04_HTML5 & Javascript & CSS18

• 

  #JavaScript #날짜계산 #getFullYear() #getMonth() #getDate() #getDay() JavaScript에서 날짜를 계산하는 방법을 알려드리도록 하겠습니다. 🧨getFullYear() console.log("[년도출력함수]" + date.getFullYear()); 🧨getMonth() * 참고 : 1월은 0부터 시작 그래서 +1을 해야 현재 월이 됨 console.log("[월 출력 함수]" + date.getMonth()); 🧨getDate() console.log("[날짜 출력 함수]" + date.getDate()); 🧨getDay() * 참고 : 월요일 = 1, 화요일 = 2, 수요일 =3, 목요일 = 4, 금요일 = 5, 토요일 6, 일요일 7 console.log("[요일 출력 함수]" + date.getDay()); let date = new Date(); console.l.. 💚04_HTML5 & Javascript & CSS/01_Javascript 2023. 10. 4.

• #SSR(Server Side Rendering) #CSR(Client Side Rendering) #차이 #장단점 #사용권장예시 홈페이지를 호출했을때 화면 렌더링 진행 시 방식이 존재하는데 SSR vs CSR이 있다. 이는 SEO(serach engine optimization : 검색 엔진 최적화)에 대한 요구사항에 부합하게 되는지 어떤 부분에서 렌더링 진행 시 각 장단점이 무엇인지 알아 보는 시간을 가져볼려고 합니다. 💚04_HTML5 & Javascript & CSS/99_공통 2023. 5. 2.

• 

  #앱 #하이브리드앱 #IOS #Android #숫자키패드 #설정 #input #type #숫자 #네이티브앱 #웹앱 #하이브리드앱 input에 대한 설명 전에 앱에 대한 내용을 알고 넘어가야 할것 같다. 앱에는 크게 네이티브앱, 웹앱, 하이브리앱 이라고 카테고리를 지어 구분할수 있다. 하나씩 차근차근히 알아보자 먼저 네이티브앱 ( Native App ) 네이티브앱이란 각 OS(안드로이드, IOS)의 특정 플랫폼에 맞춰 개발되는 앱으로 각 OS가 제공하는 기본기능을 사용할수 있다. 대표적으로 카메라, 마이크, GPS등에 대한 접근 권한을 요구하여 사용할수 있다. 이는 앱에 대한 자유도가 높아지지만 개발에 대한 시간 비용이 높고 시장성이 낮은 한계가 있다. 네이티브 앱에 대한 장접으로는 1. 각 OS에 맞춰 최적하 방식으로 구현을 하기 때문에 앱에 대한 속도가 빠르고 안정적이다. 2. 높은 사양의 그래픽 디자인 구현이 가능하다. 3. .. 💚04_HTML5 & Javascript & CSS/99_공통 2023. 3. 15.

• 

  #JAVASCRIPT #ES5 #ES6 #ES6란 #ECMAScript 🍭ES란? ECMAScript의 줄임말로 ECMA-262 기술 규격에 따라 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화 하기 위해 만들어졌다. 🎈일단 Ecma 인터내셔널(Ecma International)에 대해서 알아보자 Ecma 인터내셔널(영어: Ecma International)은 정보와 통신 시스템을 위한 국제적 표준화 기구이다. [1] 원래 이름은 European Computer Manufacturers Association (ECMA)이었으나, 기구의 국제적 확장을 반영하여 현재의 이름으로 바뀌었다. 따라서 지금의 Ecma는 두문자어가 아니며 대문자만 사용하지 않는다. Ecma 인터내셔널은 1961년 유럽에서 컴퓨터 시스템을 표준화하기 위해 세워졌다. 멤버십은 규모와 상관.. 💚04_HTML5 & Javascript & CSS 2022. 12. 13.

• 

  #Promise #비동기처리 #문법 #ajax #AJAX통신시 실행순서에 따른 제어 🍭Ajax 기본 통신 구조 🎈type, url, data, dataType을 지정하여 호출을 하며 success타입에 따라 데이터를 리턴 받을 수 있다. $.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType }); 🎈type : http 타입 ( get, post) 🎈url : 호출하는 URL 정보 🎈async : true(기본), 비동기 처리, false(동기처리) 🎈data : URL호출시 보내는 파라미터 (key,value / json) 🎈dataType : http통신 이후 응답되는 데이터 타입 🎈success : function(res) : ajax통신 이후 실행 함수 $.post( "ajax/test... 💚04_HTML5 & Javascript & CSS/02_Jquery 2022. 12. 13.

• #javascript #현재URL #호출 🎈javascript URL 정보 가져오기 🧨window.location.href - 전체 URL 전달 🧨window.location.hostname - 도메인 내임만 전달 🧨window.location.pathname - 현재 페이지 경로 전달 🧨window.location.protocol - 사용하는 프로토콜 반환 🧨window.location.assign - 새 document 로드 💚04_HTML5 & Javascript & CSS/01_Javascript 2022. 12. 12.