Ajax와 비동기 통신
·
🦁부트캠프/🐯 JS 수업 정리
오늘은 Ajax와 비동기 통신에 대해 설명하고자 한다. ✅ 일반적인 브라우저 = 동기 통신 우선 일반적인 웹 브라우저는 동기 통신을 한다는 것을 알아야한다. 그럼 동기 통신이 무엇일까?    비동기 통신을 하는 네이버 검색 화면을 예로 들자면  위와 같이 연관 검색어가 사용자가 입력하는 키워드에 따라 동시에 바뀌는 모습을 볼 수 있다. 그런데 사실 사용자가 입력하는 키워드가 무엇인지를 알아야그에 걸맞는 연관 검색어 키워드를 사용자에게 보여줄 수 있기 때문에 저 화면에서도 서버와의 통신이 여러번 일어나고 있다.    그런데 동기 통신이란 저 큰 네이버 화면에서 검색어에 관련한 데이터만 주고 받고 있음에도사용자의 검색어 관련 데이터 뿐만 아니라, 화면에 보여지는 모든 데이터를 서버에 주고, 다시 반환 받게된..
[10/30] 엄격모드, 전역 객체, 오래된 var, 호이스팅, 데이터 타입(자료형)
·
🦁부트캠프/🐯 JS 수업 정리
🌟 엄격 모드 (strict-mode)엄격 모드 엄격 모드 ko.javascript.info 엄격모드가 나오게 된 배경JS는 하위 호환성 문제로 이전 버전부터 수정되지 않고 쌓이며 지속되어 왔기 때문에 구버전에 쓰였던 JS는 JS언어 자체만의 문제들이 많다. 이런 문제는 ES4버전까지 계속 되었다. 그런데! 마침내 ES5 버전부터 기존의 JS를 개선하기 시작했다. 다만.. 여전히 하위 호환성 문제가 있기 때문에 ES5의 기본 모드에서는 이런 변경사항이 활성화 되지 않도록 설계되었다…ㅜㅜ 하지만 당연하게도 사람들은 이 전 JS 버전 말고 ES5 버전 부터 적용된 JS를 사용하고싶어했기때문에 use strict라는 특별한 지시자를 사용해 엄격 모드(strict mode)를 활성화 했을 때만 이 변경사항이 ..
[10 / 29] JS란? | 코드 구조 | 변수와 상수
·
🦁부트캠프/🐯 JS 수업 정리
❗❗❗노션 정리 내용을 옮겨왔음으로 양식이 조금 이상할 수 있습니다❗❗❗ 🌟 초기 환경 설정Dev dependency Dev dependency = 개발할 때만 필요한 → 클라이언트 줄 때 전달 안 함 = 파일이 가벼워짐dependency = 클라이언트에게도 전달 됨.깃헙에서 남의 코드 다운 받으면 npm i 부터 하자~~~ 안하면 필요한 프로그램들 안 깔림 🌟 코어 자바스크립트코어 자바스크립트(Core JavaScript)는 자바스크립트 언어의 핵심 개념과 기본 동작 원리를 다루는 기초 지식입니다. 자바스크립트를 배우고 사용할 때 중요한 이론과 언어 자체의 작동 방식을 이해하도록 돕는 내용입니다.(라고 합니다) 🌟 JS 란?자바스크립트란? 자바스크립트란? ko.javascript.info 자바스크..