dada's

자바스크립트에서 var와 let은 변수를 선언해주는 키워드이다. 그렇다면 이 둘의 차이점은 무엇이 있고 왜 let으로 사용하길 권장하는지 알아보자. 일단, let은 javascript es6문법이다. var사용시 나타났던 문제들을 보완하여 나온 문법인것이다. 기존 var사용시 문제점들을 알기 전에 '호이스팅'이라는 개념에 대해 먼저 알아보자. 💡 호이스팅 : 자바스크립트엔진이 자바스크립트 코드를 순차적으로 읽기 전에 변수,함수들이 어떤것이 있는지 선언되어있는 변수,함수를 먼저 체크를하고 변수가 사용되는 곳에서 처음에 체크한 리스트에서 꺼내서 주는데 이렇게 코드가 실행되기 전에 선언된 변수,함수가 맨 위로 끌려올라가서 체크 당하는 현상을 호이스팅이라고 한다. [var사용시 문제점] 1. 변수가 선언되기 전..

HTTP(Hypertext Transfer Protocol) : 서버간에 데이터를 주고받기 위한 통신 프로토콜이다. 그렇다면 프로토콜은 무엇인가 프로토콜이란 단어 자체만 보면 뭔가 어려운 단어처럼 느껴지지만 사실 프로토콜이란 서로 데이터를 주고 받을때 같은 규칙을 사용하여 누구나 다 알고 쉽게 사용하기 위한 규약(약속)이다. 웹상에서는 이러한 프로토콜을 http 통신 프로토콜을 사용하는것이다. HTTP 프로토콜의 특징 1. 각각의 데이터 요청이 독립적으로 관리가 된다. => 다수의 요청 처리 및 서버의 부하를 줄일 수 있는 성능상의 이점이 생긴다. 2. 일반적으로 TCP/IP 통신 위에서 동작하며 기본 포트는 80번이다. HTTP 요청 메서드 웹에서는 url을 이용하여 서버에 특정 데이터를 요청 할 수 ..

📍동기(Synchronous) : 동기란 요청을 보낸 후 응답을 받아야지만 다음 동작이 이루어지는 방식이다. 모든 일이 순차적으로 실행됨. 📍 비동기(Asynchronous) : 요청을 즉시 처리하지 않아도 대기 시간 동안 또 다른 동작이 이루어지는 방식이다. 모든 일이 병렬적으로 실행됨. [ 비동기 처리를 사용하는 경우 💡 ] 1. 사용자 이벤트 처리 브라우저 화면에서 발생하는 사용자의 이벤트는 예측이 불가능하여 특정 이벤트가 발생할 때 호출을 원하는 내용을 callback함수에 전달하게 된다. (클릭이나 마우스오버 등등..) 2.네트워크 응답 처리 화면단에서 서버에게 요청을 보냈을 때, 그 응답이 언제 올 지 알 수 없기 때문에 이런 서버에 대한 응답처리도 비동기 적으로 처리해야된다. 3. 파일을 읽..

순수 자바스크립트로 tab기능을 만들어 보았다 1. ui 만들기 [HTML] Products Information Shipping Shipping 상품설명입니다. Product 상품정보입니다. Info 배송정보입니다. Shipping 배송정보입니다. Shipping [CSS] ul.list { list-style-type: none; margin: 0; padding: 0; border-bottom: 1px solid #ccc; } ul.list::after { content: ''; display: block; clear: both; } .tab-button { display: block; padding: 10px 20px 10px 20px; float: left; margin-right: -1px; ..