[ Nodejs교과서 ] 2. 알아두어야 할 자바스크립트

* 이 포스팅은 인프런 "Nodejs교과서" 강의를 듣고 공부한 요약내용임

 

1. ES2015+

• const, let 
  블록스코프를 가짐
  외부에서 접근이 불가. -> 호이스팅 문제 없음
  
  
• 템플릿 문자열 지원
• 객체 리터럴
  객체의 메서드에 함수 연결할 때 클론 안함
  속성명을 굳이 적어주지 않아도 됨
  객체의 속성을 동적으로 생성 가능
  
  
• 화살표 함수
  this 바인드 방식
  상위스코프의 this를 물려받음
  
  
• 비구조화 할당
  배열 내의 원소들을 대입받을 때 주로 사용함
  
  
• 프로미스 
  비동기로 처리하는 명령을 생성시에 인자로 받고 응답을 콜백 처리 시 깊이가 생기지 않도록 할 수 있음.
  응답객체가 성공적으로 들어올 경우 resolve - then으로 처리
  실패 시 reject - catch로 처리
  
  
• async / await 
  비동기 프로그래밍 시에 사용하는 키워드
  코드의 길이를 줄여주는 효과가 있다.
  
  async 키워드는 비동기 함수를 사용할 블록 스코프에 함수 맨앞에 붙여줌
  await 키워드는 실제 비동기 함수를 호출할 때 함수 앞에 붙여줌
  
  async function example(Users) { 
      let user = await Users.find({});
      ....
  }

2. 프론트엔드 자바스크립트

 

• AJAX
  비동기적 웹서비스 개발. 페이지 이름없이 서버에 요청 및 응답 받기 가능
  XML, JSON 사용. jQuery 이용하여 보냄
  
  - XMLhttpRequest객체 생성하여 요청을 보냄
  - 이벤트 리스너를 적용하여 응답을 처리함
  
  
• FormData 
  서버에 폼 데이터 보내기
  <form> 데이터를 동적으로 제어가능. AJAX와 함께 사용됨
  
  
• encodeURIComponent / decodeURIComponent
  URL에 한글이 들어갈 경우 window 객체의 메서드들을 사용함
  한글을 감싸 사용함. 받는 쪽에서는 decodeURIComponent로 한글 인식함
  
  
• data attribute와 dataset
  HTML에 속성을 줌