일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- node.js
- 타입스크립트
- 프래그먼트
- 안드로이드스튜디오
- 카이스트
- computergraphics
- nodeJS
- 자바스크립트
- DP
- 몰입캠프
- BFS
- 알고리즘
- 리사이클러뷰
- 후기
- 백준
- MySQL
- 앱개발
- 대전맛집
- 궁동
- 카이스트맛집
- html
- 어은동맛집
- 자바
- 프로그래머스
- glfw
- 컴퓨터그래픽스
- 위상정렬
- 몰입캠프후기
- 우선순위큐
- 분리집합
- Today
- Total
목록HTML,CSS,Javascript (8)
소근소근
기본적으로 자바스크립트는 단일 스레드이며 동기적(synchronous)이다. 동기적이라는 것은 어떠한 작업이 실행되고 있다면 다른 작업은 멈춘 상태에서 기다리는 것을 말한다. 비동기 동작 비동기적으로 동작하는 것도 필요하다. 비동기적이라는 것은 어떠한 요청을 보내고 이 요청이 처리되는 것을 끝날때까지 기다리는 것이 아니라 바로 다음 작업이 실행되는 것을 말한다. console.log('Hello'); setTimeout(function hi(){ console.log('async'); },3000); console.log('Bye'); 먼저 , console.log('Hello')가 실행이 되고, 콜 스택에 쌓였다가 콘솔에 Hello가 출력된다. 출력 후에는 스택에서 사라지고 , 스택에는 setTimeo..
자바스크립트는 'synchronous' 하고, 'non-blocking' 하다 싱글 스레드 기반이고, 콜백 큐를 사용한다. 자바스크립트의 대표적인 엔진으로는 크롬 브라우저의 V8 엔진이 있다. 엔진의 구성요소로 두가지는 메모리 힙 (Memory Heap) : 메모리 할당이 이루어진다. 콜 스택 (Call Stack) : 코드가 실행됨에 따라 호출 스택이 쌓이는 곳 자바스크립트 엔진 외에도 관여하는 다른 요소로는 DOM 이나 timeout같은 WEB API가 있다. 자바스크립트가 기본적으로 synchronous한데, asynchronous하게 동작하도록 Timeout을 이용할 수 있다. (ex setTimeout) 싱글 스레드 기반은 멀티 스레드 환경에서 고려해야 하는 복잡한 문제( ex : deadloc..
자바스크립트에서 = 로 객체를 복사하려고 하면 복사가 되지 않고 '참조' 를 하게 된다. 즉 값을 복사하는 것이 아니라 원래 객체의 주소값을 가리키게 된다. 객체의 참조 복사(shallow cloning) let obj = { a : 'a', b : 'b', c : 'c' }; let notclone = obj; obj.c = 'changed'; console.log(obj); console.log(notclone); 콘솔 출력 > {a: 'a', b: 'b', c: 'changed'} > {a: 'a', b: 'b', c: 'changed'} notclone = obj 으로 notclone은 obj의 주소값을 가리키게 된다. 그렇기 때문에 obj의 내용을 바꾸면 notclone에도 반영이 된다. 객체의..
div 와 span태그는 웹 페이지에서 영역을 지정할 때 사용하는 태그이다. div1 div2 span1 span2 div의 경우 자동으로 줄바꿈이 되지만 span은 한 줄에 같이 나오는 것을 볼 수 있다. 이유는 div의 경우 block 속성, span은 inline 속성을 갖기 때문이다. 이러한 특성을 사용해서 한 줄만 디자인을 바꾼다거나 할 수 있다.
First Name: Last Name: Email : Password : Birthday : Gender : Male Female Pets : Cat Dog Cars : KIA BMW form 의 method의 default 는 GET방식이므로, 데이터를 입력하고 submit하면 url에 name과 value 값을 확인할 수 있다. file:///C:/Users/~?firstname=test&lastname=test&email=test%40gmail.com&password=fewfwefewfw&birthday=2021-08-03&gender=Female&cat=on&cars=BMW
태그의 method는 form의 데이터가 서버로 제출될 때 사용되는 HTTP 메소드를 명시한다. method는 GET , POST중 하나이다. 1. GET - url에 form data를 추가하여 서버로 전달한다. ( url?name=value&name=value ..... ) - 데이터가 query string에 포함되어 전송되기 때문에 길이의 제한이 있다. - url에 데이터가 추가되므로 데이터의 보안은 되지 않기 때문에 중요한 정보는 GET방식을 쓰지 않는 것이 좋다 2. POST - 데이터를 별도로 서버로 전달한다. - 브라우저의 히스토리에도 남지 않아 GET보다 보안성이 좋다.
1. www vs Internet WWW(World Wide Web)은 Tim Berners-Lee에 의해 만들어졌다. 원래도 Internet이 있었지만, 컴퓨터 간 데이터를 주고 받기에는 편리하지 않아서 www를 만들어 컴퓨터 간 통신을 용이하게 했다. 인터넷이 휴대폰이라면, www는 인스타그램으로 비유할 수 있다. 버너스 리의 최초의 웹사이트 http://info.cern.ch/hypertext/WWW/TheProject.html The World Wide Web project The World Wide Web project World Wide Web The WorldWideWeb (W3) is a wide-area hypermedia information retrieval initiative aim..
1. 웹 브라우저에서 사이트 호출 우리 같은 사용자가 개인 PC에서 구글을 접속하는 과정은 어떻게 될까 구글에 접속하기 위해 IP주소가 필요하므로, 먼저 ISP(Internet Service Provider)에게 요청을 보낸다. ISP는 말 그대로 인터넷 서비스를 제공하는 업체를 말한다. ISP는 DNS(Domain Name Service)에서 구글의 IP주소를 받아 이를 우리에게 전달해준다. 받은 IP주소로 구글에 접속을 하면, 구글에서 제공하는 html , css , javascript 파일을 받아 우리 화면에도 뜨게 된다. 여기서 속도를 결정짓는 요인은 서버의 위치 요청의 개수 파일의 크기 2. Internet BackBone signal tower에서 ISP로 요청을 보내고, ISP는 실제 연결된..