Javascript/Basic32

• 

  Print 기능 구현 방법 (영역인쇄, javascript) 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com 인쇄할 버튼을 만들고 버튼을 클릭하면 인쇄가 되도록 구현하였다. #첫번째시도 window.print() => header 부분을 비롯하여 모바일에서 설정된 영역까지 인쇄된다. 문제가 심각하다. 영역을 설정해서 인쇄하는 방법을 찾기 시작했다. #두번째시도 0. document.body를 따로 저장해둔다. 1. 인쇄할 영역을 querySelector로 잡는다. 2. 인쇄하지 않을 영역을 querySelector로 잡는다... Javascript/Basic 2020. 12. 3.

• 

  php 와 javascript 차이 & 상호 간의 호출 방법 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com php 언어는 대표적인 서버 사이드 스크립트 언어중 하나입니다. 즉, 서버에서 실행되는 언어입니다. 서버에서 실행되는 언어라는 의미를 이해하기 위해서는 우선, 서버에 대해서 알아야할 것 같습니다. 우와 그래서 Server가 뭐야~ 예 그렇습니다. 서버는 어떤 '업무'를 수행하기 위해 설정되어있는 컴퓨터라고 볼 수 있습니다. 여러분이 웹 사이트를 하나 운영한다고 해보겠습니다. 이처럼 Client로 부터 요청이 오면 Se.. Javascript/Basic 2020. 11. 20.

• 

  addEventListener 이벤트리스너 종류 개발자 유튜브를 운영중입니다. 구독 부탁드립니다. 리코딩 ReCoding PM으로 일하다 38살에 프론트 엔드 개발자로 전직했어요. 코딩을 모르던 잘 모르는 상태에서 이직을 꿈꾸시는 분들... 그리고, 다시 코딩을 시작해보고 싶으신 분들과 이야기를 나누겠습니다. www.youtube.com 출처: https://abc1211.tistory.com/201 addEventListener으로 등록할 수 있는 이벤트 중 자주 쓰이는 이벤트 목록 오늘 코드하다가 resize를 처음 써보면서 이런 것도 있다 싶어서 정리해둔다. MDN 보니까 신기한 게 많다. 자주쓰는 건 몇 개 없겠지만, 알면서 안쓸 필요는 없겠지. 자바스크립트 이벤트 종류 UI 이벤트 – 사용자가 웹페이지가 아닌 브라우저의 UI와 상호작용할 때 .. Javascript/Basic 2020. 10. 23.

• 

  내장함수 built in Function Vanilla Javascript Framework 자체에 내장되어 있는 함수를 built in function 이라고 함. console을 찍어보면, 다양한 Function의 집합인 걸 알 수 있음. Javascript/Basic 2020. 8. 16.

• 

  Map, Reduce, Filter : Javascript 예제를 봐도 잘 이해가 안 갔었는데, 좋은 글을 찾게 되어 기록한다. 들어가기 전에 이 포스팅은 https://medium.com/@joomiguelcunha/learn-map-filter-and-reduce-in-javascript-ea59009593c4 에 있는 포스팅들을 번역한 것입니다. 오역이나 의역이 있을 수 있습니다. 지적해주시면 확인 후 바로 정정하겠습니다. original source of this posting is from https://medium.com/@joomiguelcunha/learn-map-filter-and-reduce-in-javascript-ea59009593c4 If the original author requests deletion, it will be delete.. Javascript/Basic 2020. 8. 13.

• 

  화살표 함수 출처 : https://velog.io/@ki_blank/JavaScript-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98Arrow-functionvelog.io/@ki_blank/JavaScript-화살표-함수Arrow-function 화살표 함수는 ES6문법입니다. function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있습니다. 화살표 함수는 항상 익명입니다. // 일반 함수 const foo = function () { console.log("foo") }; // foo 화살표 함수 const bar = () => console.log("bar"); // bar 1. 화살표 함수의 기본문법 2. 화살표 함수 this 일반 함수와 화살표 함.. Javascript/Basic 2020. 8. 12.

• 

  Difference between null & undefined let friend = null; /* 없다 */ let crim = undefined; /* 아직 정해지지 않았다. */ Javascript/Basic 2020. 8. 11.

• 

  Babel Jquery가 브라우저간 호환을 이끈다면 babel은 Javascript 버전을 컨버팅해서 과거 브라우저를 인식시킬 수 있도록 변환시켜주는 도구이다. 누가 만들었는지 모르겠지만, 만세구나.. 만세야 Babel은 ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 컴파일러. Javascript/Basic 2020. 8. 10.